@doist/reactist 9.2.0-beta.7 → 10.0.0-beta.10

package/lib/components/dropdown/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sources":["../../../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport classNames from 'classnames'\n\nimport Button from '../button'\n\nimport './dropdown.less'\n\ntype BoxProps = {\n    onShowBody?: () => void\n    onHideBody?: () => void\n    allowBodyInteractions?: boolean\n    top?: boolean\n    right?: boolean\n    scrolling_parent?: string\n    children?: [\n        React.ReactElement<TriggerProps>,\n        React.ReactElement<BodyProps> | ((props: BodyProps) => JSX.Element),\n    ]\n    className?: string\n}\n\ntype BoxState = {\n    top: boolean\n    showBody: boolean\n}\n\nclass Box extends React.Component<React.PropsWithChildren<BoxProps>, BoxState> {\n    public static displayName: string\n\n    constructor(props: BoxProps, context: React.Context<unknown>) {\n        super(props, context)\n        this.state = {\n            showBody: false,\n            top: props.top || false,\n        }\n\n        this._timeout = undefined\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this._handleClickOutside, true)\n        if (this._timeout) {\n            clearTimeout(this._timeout)\n        }\n    }\n    _timeout?: ReturnType<typeof setTimeout>\n\n    _handleClickOutside = (event: MouseEvent) => {\n        const dropdownDOMNode = ReactDOM.findDOMNode(this)\n\n        if (dropdownDOMNode && !dropdownDOMNode.contains(event.target as Node))\n            this._toggleShowBody()\n        else if (!this.props.allowBodyInteractions) {\n            // won't close when body interactions are allowed\n            this._timeout = setTimeout(() => {\n                if (this.state.showBody) {\n                    this._toggleShowBody()\n                }\n            }, 100)\n        }\n    }\n\n    _toggleShowBody = () => {\n        if (!this.state.showBody) {\n            // will show\n            if (this.props.onShowBody) this.props.onShowBody()\n            document.addEventListener('click', this._handleClickOutside, true)\n        } else {\n            // will hide\n            if (this.props.onHideBody) this.props.onHideBody()\n            document.removeEventListener('click', this._handleClickOutside, true)\n        }\n\n        this.setState({\n            showBody: !this.state.showBody,\n        })\n    }\n\n    _getTriggerComponent() {\n        const _trigger = this.props.children && this.props.children[0]\n        return _trigger\n            ? React.cloneElement(_trigger, { onClick: this._toggleShowBody })\n            : undefined\n    }\n\n    // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components\n    _setPosition = (body: HTMLElement | null) => {\n        if (body) {\n            const scrollingParent = document.getElementById(\n                this.props.scrolling_parent ? this.props.scrolling_parent : '',\n            )\n\n            if (scrollingParent) {\n                const dropdown = ReactDOM.findDOMNode(this)\n                if (!dropdown) {\n                    return\n                }\n                const dropdownVerticalPosition = (ReactDOM.findDOMNode(this) as HTMLElement)\n                    .offsetTop\n                const dropdownTrigger = (dropdown as Element).querySelector('.trigger')\n                if (!dropdownTrigger) {\n                    return\n                }\n                const dropdownTriggerHeight = dropdownTrigger.clientHeight\n                const dropdownBodyHeight = body.clientHeight\n\n                const scrollingParentHeight = scrollingParent.clientHeight\n                const scrollingParentOffset = scrollingParent.scrollTop\n\n                const bottomOffset =\n                    scrollingParentHeight +\n                    scrollingParentOffset -\n                    dropdownVerticalPosition -\n                    dropdownTriggerHeight\n\n                const top = bottomOffset < dropdownBodyHeight\n\n                if (top !== this.state.top) {\n                    this.setState({ top })\n                }\n            }\n        }\n    }\n\n    _getBodyComponent() {\n        if (!this.state.showBody) {\n            return null\n        }\n        const { top } = this.state\n        const { right = false, children } = this.props\n        const props = { top, right, setPosition: this._setPosition }\n\n        const className = classNames({\n            body_wrapper: true,\n            with_arrow: true,\n            top: top,\n            bottom: !top,\n        })\n\n        const body = children && children[1]\n\n        const contentMarkup =\n            typeof body === 'function'\n                ? body(props)\n                : body\n                ? React.cloneElement(body, props)\n                : undefined\n        return (\n            <div className={className} style={{ position: 'relative' }}>\n                {contentMarkup}\n            </div>\n        )\n    }\n\n    render() {\n        const className = classNames('reactist_dropdown', this.props.className)\n        const { top } = this.state\n\n        return (\n            <div style={{ display: 'inline-block' }} className={className}>\n                {top && this._getBodyComponent()}\n                {this._getTriggerComponent()}\n                {!top && this._getBodyComponent()}\n            </div>\n        )\n    }\n}\n\nBox.displayName = 'Dropdown.Box'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\ntype TriggerProps = Omit<NativeButtonProps, 'title'> & {\n    tooltip?: React.ReactNode\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(function Trigger(\n    { children, onClick, tooltip, className, ...props },\n    ref,\n) {\n    function handleClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n        event.preventDefault()\n        event.stopPropagation()\n        if (onClick) onClick(event)\n    }\n\n    return (\n        <Button\n            {...props}\n            className={classNames('trigger', className)}\n            onClick={handleClick}\n            tooltip={tooltip}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nTrigger.displayName = 'Dropdown.Trigger'\n\ntype BodyProps = {\n    setPosition?: React.Ref<HTMLDivElement>\n    children?: React.ReactNode\n    top?: boolean\n    right?: boolean\n}\n\nfunction Body({ top, right, children, setPosition }: BodyProps) {\n    const style: React.CSSProperties = { position: 'absolute', right: 0, top: 0 }\n\n    if (top) {\n        style.top = 'auto'\n        style.bottom = 0\n    }\n\n    if (right) {\n        style.right = 'auto'\n        style.left = 0\n    }\n\n    return (\n        <div ref={setPosition} style={style} className=\"body\" id=\"reactist-dropdown-body\">\n            {children}\n        </div>\n    )\n}\n\nBody.displayName = 'Dropdown.Body'\n\nconst Dropdown = {\n    Box,\n    Trigger,\n    Body,\n}\n\nexport { Dropdown }\n"],"names":["Box","props","context","event","dropdownDOMNode","ReactDOM","findDOMNode","contains","target","_this","_toggleShowBody","allowBodyInteractions","_timeout","setTimeout","state","showBody","onHideBody","document","removeEventListener","_handleClickOutside","onShowBody","addEventListener","setState","body","scrollingParent","getElementById","scrolling_parent","dropdown","dropdownVerticalPosition","offsetTop","dropdownTrigger","querySelector","top","clientHeight","scrollTop","undefined","componentWillUnmount","this","clearTimeout","_getTriggerComponent","_trigger","children","React","cloneElement","onClick","_getBodyComponent","right","setPosition","_setPosition","className","classNames","body_wrapper","with_arrow","bottom","contentMarkup","style","position","render","display","Component","displayName","Trigger","forwardRef","ref","tooltip","Button","preventDefault","stopPropagation","Body","left","id"],"mappings":"kTA2BMA,yBAGUC,EAAiBC,8BACnBD,EAAOC,8BAiBK,SAACC,OACbC,EAAkBC,EAASC,wCAE7BF,IAAoBA,EAAgBG,SAASJ,EAAMK,QACnDC,EAAKC,kBACCD,EAAKR,MAAMU,0BAEZC,SAAWC,YAAW,WACnBJ,EAAKK,MAAMC,YACNL,oBAEV,yBAIO,WACTD,EAAKK,MAAMC,UAMRN,EAAKR,MAAMe,YAAYP,EAAKR,MAAMe,aACtCC,SAASC,oBAAoB,QAAST,EAAKU,qBAAqB,KAL5DV,EAAKR,MAAMmB,YAAYX,EAAKR,MAAMmB,aACtCH,SAASI,iBAAiB,QAASZ,EAAKU,qBAAqB,MAO5DG,SAAS,CACVP,UAAWN,EAAKK,MAAMC,2BAYf,SAACQ,MACRA,EAAM,KACAC,EAAkBP,SAASQ,eAC7BhB,EAAKR,MAAMyB,iBAAmBjB,EAAKR,MAAMyB,iBAAmB,OAG5DF,EAAiB,KACXG,EAAWtB,EAASC,4CACrBqB,aAGCC,EAA4BvB,EAASC,wCACtCuB,UACCC,EAAmBH,EAAqBI,cAAc,gBACvDD,aAeCE,EATwBR,EAAgBS,aAChBT,EAAgBU,UAK1CN,EAT0BE,EAAgBG,aACnBV,EAAKU,aAa5BD,IAAQvB,EAAKK,MAAMkB,OACdV,SAAS,CAAEU,IAAAA,SAvFvBlB,MAAQ,CACTC,UAAU,EACViB,IAAK/B,EAAM+B,MAAO,KAGjBpB,cAAWuB,oDAGpBC,qBAAA,WACInB,SAASC,oBAAoB,QAASmB,KAAKlB,qBAAqB,GAC5DkB,KAAKzB,UACL0B,aAAaD,KAAKzB,aAoC1B2B,qBAAA,eACUC,EAAWH,KAAKpC,MAAMwC,UAAYJ,KAAKpC,MAAMwC,SAAS,UACrDD,EACDE,EAAMC,aAAaH,EAAU,CAAEI,QAASP,KAAK3B,uBAC7CyB,KA0CVU,kBAAA,eACSR,KAAKvB,MAAMC,gBACL,SAEHiB,EAAQK,KAAKvB,MAAbkB,MAC4BK,KAAKpC,UAAjC6C,MAAeL,IAAAA,SACjBxC,EAAQ,CAAE+B,IAAAA,EAAKc,oBAAOC,YAAaV,KAAKW,cAExCC,EAAYC,EAAW,CACzBC,cAAc,EACdC,YAAY,EACZpB,IAAKA,EACLqB,QAASrB,IAGPT,EAAOkB,GAAYA,EAAS,GAE5Ba,EACc,mBAAT/B,EACDA,EAAKtB,GACLsB,EACAmB,EAAMC,aAAapB,EAAMtB,QACzBkC,SAENO,uBAAKO,UAAWA,EAAWM,MAAO,CAAEC,SAAU,aACzCF,MAKbG,OAAA,eACUR,EAAYC,EAAW,oBAAqBb,KAAKpC,MAAMgD,WACrDjB,EAAQK,KAAKvB,MAAbkB,WAGJU,uBAAKa,MAAO,CAAEG,QAAS,gBAAkBT,UAAWA,GAC/CjB,GAAOK,KAAKQ,oBACZR,KAAKE,wBACJP,GAAOK,KAAKQ,yBAxIZH,EAAMiB,WA8IxB3D,EAAI4D,YAAc,eAWlB,IAAMC,EAAUnB,EAAMoB,YAA4C,WAE9DC,OADEtB,IAAAA,SAAUG,IAAAA,QAASoB,IAAAA,QAASf,IAAAA,UAAchD,wFAUxCyC,gBAACuB,2BACOhE,GACJgD,UAAWC,EAAW,UAAWD,GACjCL,iBAVazC,GACjBA,EAAM+D,iBACN/D,EAAMgE,kBACFvB,GAASA,EAAQzC,IAQjB6D,QAASA,EACTD,IAAKA,IAEJtB,MAcb,SAAS2B,SAAYtB,IAAAA,MAAOL,IAAAA,SAAUM,IAAAA,YAC5BQ,EAA6B,CAAEC,SAAU,WAAYV,MAAO,EAAGd,IAAK,YAD9DA,MAIRuB,EAAMvB,IAAM,OACZuB,EAAMF,OAAS,GAGfP,IACAS,EAAMT,MAAQ,OACdS,EAAMc,KAAO,GAIb3B,uBAAKqB,IAAKhB,EAAaQ,MAAOA,EAAON,UAAU,OAAOqB,GAAG,0BACpD7B,GAxBboB,EAAQD,YAAc,mBA6BtBQ,EAAKR,YAAc,iCAEF,CACb5D,IAAAA,EACA6D,QAAAA,EACAO,KAAAA"}
+{"version":3,"file":"dropdown.js","sources":["../../../src/components/dropdown/dropdown.tsx"],"sourcesContent":["import React from 'react'\nimport ReactDOM from 'react-dom'\nimport classNames from 'classnames'\n\nimport Button from '../deprecated-button'\n\nimport './dropdown.less'\n\ntype BoxProps = {\n    onShowBody?: () => void\n    onHideBody?: () => void\n    allowBodyInteractions?: boolean\n    top?: boolean\n    right?: boolean\n    scrolling_parent?: string\n    children?: [\n        React.ReactElement<TriggerProps>,\n        React.ReactElement<BodyProps> | ((props: BodyProps) => JSX.Element),\n    ]\n    className?: string\n}\n\ntype BoxState = {\n    top: boolean\n    showBody: boolean\n}\n\nclass Box extends React.Component<React.PropsWithChildren<BoxProps>, BoxState> {\n    public static displayName: string\n\n    constructor(props: BoxProps, context: React.Context<unknown>) {\n        super(props, context)\n        this.state = {\n            showBody: false,\n            top: props.top || false,\n        }\n\n        this._timeout = undefined\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('click', this._handleClickOutside, true)\n        if (this._timeout) {\n            clearTimeout(this._timeout)\n        }\n    }\n    _timeout?: ReturnType<typeof setTimeout>\n\n    _handleClickOutside = (event: MouseEvent) => {\n        const dropdownDOMNode = ReactDOM.findDOMNode(this)\n\n        if (dropdownDOMNode && !dropdownDOMNode.contains(event.target as Node))\n            this._toggleShowBody()\n        else if (!this.props.allowBodyInteractions) {\n            // won't close when body interactions are allowed\n            this._timeout = setTimeout(() => {\n                if (this.state.showBody) {\n                    this._toggleShowBody()\n                }\n            }, 100)\n        }\n    }\n\n    _toggleShowBody = () => {\n        if (!this.state.showBody) {\n            // will show\n            if (this.props.onShowBody) this.props.onShowBody()\n            document.addEventListener('click', this._handleClickOutside, true)\n        } else {\n            // will hide\n            if (this.props.onHideBody) this.props.onHideBody()\n            document.removeEventListener('click', this._handleClickOutside, true)\n        }\n\n        this.setState({\n            showBody: !this.state.showBody,\n        })\n    }\n\n    _getTriggerComponent() {\n        const _trigger = this.props.children?.[0]\n        return _trigger\n            ? React.cloneElement(_trigger, { onClick: this._toggleShowBody })\n            : undefined\n    }\n\n    // https://facebook.github.io/react/docs/refs-and-the-dom.html#exposing-dom-refs-to-parent-components\n    _setPosition = (body: HTMLElement | null) => {\n        if (body) {\n            const scrollingParent = document.getElementById(\n                this.props.scrolling_parent ? this.props.scrolling_parent : '',\n            )\n\n            if (scrollingParent) {\n                const dropdown = ReactDOM.findDOMNode(this)\n                if (!dropdown) {\n                    return\n                }\n                const dropdownVerticalPosition = (ReactDOM.findDOMNode(this) as HTMLElement)\n                    .offsetTop\n                const dropdownTrigger = (dropdown as Element).querySelector('.trigger')\n                if (!dropdownTrigger) {\n                    return\n                }\n                const dropdownTriggerHeight = dropdownTrigger.clientHeight\n                const dropdownBodyHeight = body.clientHeight\n\n                const scrollingParentHeight = scrollingParent.clientHeight\n                const scrollingParentOffset = scrollingParent.scrollTop\n\n                const bottomOffset =\n                    scrollingParentHeight +\n                    scrollingParentOffset -\n                    dropdownVerticalPosition -\n                    dropdownTriggerHeight\n\n                const top = bottomOffset < dropdownBodyHeight\n\n                if (top !== this.state.top) {\n                    this.setState({ top })\n                }\n            }\n        }\n    }\n\n    _getBodyComponent() {\n        if (!this.state.showBody) {\n            return null\n        }\n        const { top } = this.state\n        const { right = false, children } = this.props\n        const props = { top, right, setPosition: this._setPosition }\n\n        const className = classNames({\n            body_wrapper: true,\n            with_arrow: true,\n            top: top,\n            bottom: !top,\n        })\n\n        const body = children?.[1]\n\n        const contentMarkup =\n            typeof body === 'function'\n                ? body(props)\n                : body\n                ? React.cloneElement(body, props)\n                : undefined\n        return (\n            <div className={className} style={{ position: 'relative' }}>\n                {contentMarkup}\n            </div>\n        )\n    }\n\n    render() {\n        const className = classNames('reactist_dropdown', this.props.className)\n        const { top } = this.state\n\n        return (\n            <div style={{ display: 'inline-block' }} className={className}>\n                {top && this._getBodyComponent()}\n                {this._getTriggerComponent()}\n                {!top && this._getBodyComponent()}\n            </div>\n        )\n    }\n}\n\nBox.displayName = 'Dropdown.Box'\n\ntype NativeButtonProps = React.DetailedHTMLProps<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    HTMLButtonElement\n>\n\ntype TriggerProps = Omit<NativeButtonProps, 'title'> & {\n    tooltip?: React.ReactNode\n}\n\nconst Trigger = React.forwardRef<HTMLButtonElement, TriggerProps>(function Trigger(\n    { children, onClick, tooltip, className, ...props },\n    ref,\n) {\n    function handleClick(event: React.MouseEvent<HTMLButtonElement, MouseEvent>) {\n        event.preventDefault()\n        event.stopPropagation()\n        if (onClick) onClick(event)\n    }\n\n    return (\n        <Button\n            {...props}\n            className={classNames('trigger', className)}\n            onClick={handleClick}\n            tooltip={tooltip}\n            ref={ref}\n        >\n            {children}\n        </Button>\n    )\n})\n\nTrigger.displayName = 'Dropdown.Trigger'\n\ntype BodyProps = {\n    setPosition?: React.Ref<HTMLDivElement>\n    children?: React.ReactNode\n    top?: boolean\n    right?: boolean\n}\n\nfunction Body({ top, right, children, setPosition }: BodyProps) {\n    const style: React.CSSProperties = { position: 'absolute', right: 0, top: 0 }\n\n    if (top) {\n        style.top = 'auto'\n        style.bottom = 0\n    }\n\n    if (right) {\n        style.right = 'auto'\n        style.left = 0\n    }\n\n    return (\n        <div ref={setPosition} style={style} className=\"body\" id=\"reactist-dropdown-body\">\n            {children}\n        </div>\n    )\n}\n\nBody.displayName = 'Dropdown.Body'\n\nconst Dropdown = {\n    Box,\n    Trigger,\n    Body,\n}\n\nexport { Dropdown }\n"],"names":["Box","props","context","event","dropdownDOMNode","ReactDOM","findDOMNode","contains","target","_this","_toggleShowBody","allowBodyInteractions","_timeout","setTimeout","state","showBody","onHideBody","document","removeEventListener","_handleClickOutside","onShowBody","addEventListener","setState","body","scrollingParent","getElementById","scrolling_parent","dropdown","dropdownVerticalPosition","offsetTop","dropdownTrigger","querySelector","top","clientHeight","scrollTop","undefined","componentWillUnmount","this","clearTimeout","_getTriggerComponent","_trigger","children","_this$props$children","React","cloneElement","onClick","_getBodyComponent","right","setPosition","_setPosition","className","classNames","body_wrapper","with_arrow","bottom","contentMarkup","style","position","render","display","Component","displayName","Trigger","forwardRef","ref","tooltip","Button","preventDefault","stopPropagation","Body","left","id"],"mappings":"6TA2BMA,yBAGUC,EAAiBC,8BACnBD,EAAOC,8BAiBK,SAACC,OACbC,EAAkBC,EAASC,wCAE7BF,IAAoBA,EAAgBG,SAASJ,EAAMK,QACnDC,EAAKC,kBACCD,EAAKR,MAAMU,0BAEZC,SAAWC,YAAW,WACnBJ,EAAKK,MAAMC,YACNL,oBAEV,yBAIO,WACTD,EAAKK,MAAMC,UAMRN,EAAKR,MAAMe,YAAYP,EAAKR,MAAMe,aACtCC,SAASC,oBAAoB,QAAST,EAAKU,qBAAqB,KAL5DV,EAAKR,MAAMmB,YAAYX,EAAKR,MAAMmB,aACtCH,SAASI,iBAAiB,QAASZ,EAAKU,qBAAqB,MAO5DG,SAAS,CACVP,UAAWN,EAAKK,MAAMC,2BAYf,SAACQ,MACRA,EAAM,KACAC,EAAkBP,SAASQ,eAC7BhB,EAAKR,MAAMyB,iBAAmBjB,EAAKR,MAAMyB,iBAAmB,OAG5DF,EAAiB,KACXG,EAAWtB,EAASC,4CACrBqB,aAGCC,EAA4BvB,EAASC,wCACtCuB,UACCC,EAAmBH,EAAqBI,cAAc,gBACvDD,aAeCE,EATwBR,EAAgBS,aAChBT,EAAgBU,UAK1CN,EAT0BE,EAAgBG,aACnBV,EAAKU,aAa5BD,IAAQvB,EAAKK,MAAMkB,OACdV,SAAS,CAAEU,IAAAA,SAvFvBlB,MAAQ,CACTC,UAAU,EACViB,IAAK/B,EAAM+B,MAAO,KAGjBpB,cAAWuB,oDAGpBC,qBAAA,WACInB,SAASC,oBAAoB,QAASmB,KAAKlB,qBAAqB,GAC5DkB,KAAKzB,UACL0B,aAAaD,KAAKzB,aAoC1B2B,qBAAA,iBACUC,YAAWH,KAAKpC,MAAMwC,6BAAXC,EAAsB,UAChCF,EACDG,EAAMC,aAAaJ,EAAU,CAAEK,QAASR,KAAK3B,uBAC7CyB,KA0CVW,kBAAA,eACST,KAAKvB,MAAMC,gBACL,SAEHiB,EAAQK,KAAKvB,MAAbkB,MAC4BK,KAAKpC,UAAjC8C,MAAeN,IAAAA,SACjBxC,EAAQ,CAAE+B,IAAAA,EAAKe,oBAAOC,YAAaX,KAAKY,cAExCC,EAAYC,EAAW,CACzBC,cAAc,EACdC,YAAY,EACZrB,IAAKA,EACLsB,QAAStB,IAGPT,EAAOkB,MAAAA,SAAAA,EAAW,GAElBc,EACc,mBAAThC,EACDA,EAAKtB,GACLsB,EACAoB,EAAMC,aAAarB,EAAMtB,QACzBkC,SAENQ,uBAAKO,UAAWA,EAAWM,MAAO,CAAEC,SAAU,aACzCF,MAKbG,OAAA,eACUR,EAAYC,EAAW,oBAAqBd,KAAKpC,MAAMiD,WACrDlB,EAAQK,KAAKvB,MAAbkB,WAGJW,uBAAKa,MAAO,CAAEG,QAAS,gBAAkBT,UAAWA,GAC/ClB,GAAOK,KAAKS,oBACZT,KAAKE,wBACJP,GAAOK,KAAKS,yBAxIZH,EAAMiB,WA8IxB5D,EAAI6D,YAAc,eAWlB,IAAMC,EAAUnB,EAAMoB,YAA4C,WAE9DC,OADEvB,IAAAA,SAAUI,IAAAA,QAASoB,IAAAA,QAASf,IAAAA,UAAcjD,wFAUxC0C,gBAACuB,2BACOjE,GACJiD,UAAWC,EAAW,UAAWD,GACjCL,iBAVa1C,GACjBA,EAAMgE,iBACNhE,EAAMiE,kBACFvB,GAASA,EAAQ1C,IAQjB8D,QAASA,EACTD,IAAKA,IAEJvB,MAcb,SAAS4B,SAAYtB,IAAAA,MAAON,IAAAA,SAAUO,IAAAA,YAC5BQ,EAA6B,CAAEC,SAAU,WAAYV,MAAO,EAAGf,IAAK,YAD9DA,MAIRwB,EAAMxB,IAAM,OACZwB,EAAMF,OAAS,GAGfP,IACAS,EAAMT,MAAQ,OACdS,EAAMc,KAAO,GAIb3B,uBAAKqB,IAAKhB,EAAaQ,MAAOA,EAAON,UAAU,OAAOqB,GAAG,0BACpD9B,GAxBbqB,EAAQD,YAAc,mBA6BtBQ,EAAKR,YAAc,iCAEF,CACb7D,IAAAA,EACA8D,QAAAA,EACAO,KAAAA"}

package/lib/components/error-message/error-message.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("../../_virtual/_rollupPluginBabelHelpers.js"),i=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,s=function(e){function s(t,i){var s;(s=e.call(this,t,i)||this)._clearTimeout=function(){s.timeout&&clearTimeout(s.timeout)},s._triggerDelayedHide=function(){s._clearTimeout(),s.timeout=setTimeout(s._hide,s.props.timeout)},s._hide=function(){s._clearTimeout(),s.setState((function(){return{visible:!1}})),s.props.onHide&&s.props.onHide()};var r=s._isValidMessage(t.message);return r&&s._triggerDelayedHide(),s.state={visible:r},s}t.inheritsLoose(s,e);var r=s.prototype;return r.UNSAFE_componentWillReceiveProps=function(e){this._isValidMessage(e.message)&&(this.setState((function(){return{visible:!0}})),this._triggerDelayedHide())},r._isValidMessage=function(e){return"string"==typeof e&&e.length>0},r.render=function(){var e=this.props.message;return!(!this.state.visible||!this._isValidMessage(e))&&i.createElement("div",{className:"reactist_error_message"},i.createElement("p",null,e),i.createElement("div",{onClick:this._hide,className:"dismiss_icon"}))},s}(i.Component);s.displayName="ErrorMessage",s.defaultProps={timeout:2500},exports.ErrorMessage=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("../../_virtual/_rollupPluginBabelHelpers.js"),i=(e=require("react"))&&"object"==typeof e&&"default"in e?e.default:e,s=function(e){function s(t,i){var s;(s=e.call(this,t,i)||this)._clearTimeout=function(){s.timeout&&clearTimeout(s.timeout)},s._triggerDelayedHide=function(){s._clearTimeout(),s.timeout=setTimeout(s._hide,s.props.timeout)},s._hide=function(){var e,t;s._clearTimeout(),s.setState((function(){return{visible:!1}})),null===(e=(t=s.props).onHide)||void 0===e||e.call(t)};var r=s._isValidMessage(t.message);return r&&s._triggerDelayedHide(),s.state={visible:r},s}t.inheritsLoose(s,e);var r=s.prototype;return r.UNSAFE_componentWillReceiveProps=function(e){this._isValidMessage(e.message)&&(this.setState((function(){return{visible:!0}})),this._triggerDelayedHide())},r._isValidMessage=function(e){return"string"==typeof e&&e.length>0},r.render=function(){var e=this.props.message;return!(!this.state.visible||!this._isValidMessage(e))&&i.createElement("div",{className:"reactist_error_message"},i.createElement("p",null,e),i.createElement("div",{onClick:this._hide,className:"dismiss_icon"}))},s}(i.Component);s.displayName="ErrorMessage",s.defaultProps={timeout:2500},exports.ErrorMessage=s;
 //# sourceMappingURL=error-message.js.map

package/lib/components/error-message/error-message.js.map

@@ -1 +1 @@
-{"version":3,"file":"error-message.js","sources":["../../../src/components/error-message/error-message.tsx"],"sourcesContent":["import React from 'react'\n\nimport './error-message.less'\n\ntype Props = {\n    timeout?: number\n    onHide?: () => void\n    message?: string\n}\n\ntype State = {\n    visible: boolean\n}\n\nclass ErrorMessage extends React.Component<Props, State> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    constructor(props: Props, context: unknown) {\n        super(props, context)\n\n        const isValidMessage = this._isValidMessage(props.message)\n        if (isValidMessage) {\n            this._triggerDelayedHide()\n        }\n        this.state = { visible: isValidMessage }\n    }\n\n    UNSAFE_componentWillReceiveProps(nextProps: Props) {\n        if (this._isValidMessage(nextProps.message)) {\n            this.setState(() => ({ visible: true }))\n            this._triggerDelayedHide()\n        }\n    }\n\n    timeout?: number\n\n    _isValidMessage(message?: string) {\n        return typeof message === 'string' && message.length > 0\n    }\n\n    _clearTimeout = () => {\n        this.timeout && clearTimeout(this.timeout)\n    }\n\n    _triggerDelayedHide = () => {\n        this._clearTimeout()\n        this.timeout = setTimeout(this._hide, this.props.timeout)\n    }\n\n    _hide = () => {\n        this._clearTimeout()\n        this.setState(() => ({ visible: false }))\n        this.props.onHide && this.props.onHide()\n    }\n\n    render() {\n        const { message } = this.props\n        if (!this.state.visible || !this._isValidMessage(message)) {\n            return false\n        }\n\n        return (\n            <div className=\"reactist_error_message\">\n                <p>{message}</p>\n                <div onClick={this._hide} className=\"dismiss_icon\" />\n            </div>\n        )\n    }\n}\nErrorMessage.displayName = 'ErrorMessage'\nErrorMessage.defaultProps = {\n    timeout: 2500,\n}\n\nexport { ErrorMessage }\n"],"names":["ErrorMessage","props","context","timeout","clearTimeout","_this","_clearTimeout","setTimeout","_hide","setState","visible","onHide","isValidMessage","_isValidMessage","message","_triggerDelayedHide","state","UNSAFE_componentWillReceiveProps","nextProps","this","length","render","React","className","onClick","Component","displayName","defaultProps"],"mappings":"yMAcMA,yBAIUC,EAAcC,wBAChBD,EAAOC,wBAsBD,aACPC,SAAWC,aAAaC,EAAKF,gCAGhB,aACbG,kBACAH,QAAUI,WAAWF,EAAKG,MAAOH,EAAKJ,MAAME,kBAG7C,aACCG,kBACAG,UAAS,iBAAO,CAAEC,SAAS,QAC3BT,MAAMU,QAAUN,EAAKJ,MAAMU,cAhC1BC,EAAiBP,EAAKQ,gBAAgBZ,EAAMa,gBAC9CF,KACKG,wBAEJC,MAAQ,CAAEN,QAASE,qDAG5BK,iCAAA,SAAiCC,GACzBC,KAAKN,gBAAgBK,EAAUJ,gBAC1BL,UAAS,iBAAO,CAAEC,SAAS,WAC3BK,0BAMbF,gBAAA,SAAgBC,SACc,iBAAZA,GAAwBA,EAAQM,OAAS,KAkB3DC,OAAA,eACYP,EAAYK,KAAKlB,MAAjBa,iBACHK,KAAKH,MAAMN,UAAYS,KAAKN,gBAAgBC,KAK7CQ,uBAAKC,UAAU,0BACXD,yBAAIR,GACJQ,uBAAKE,QAASL,KAAKX,MAAOe,UAAU,sBAnDzBD,EAAMG,WAwDjCzB,EAAa0B,YAAc,eAC3B1B,EAAa2B,aAAe,CACxBxB,QAAS"}
+{"version":3,"file":"error-message.js","sources":["../../../src/components/error-message/error-message.tsx"],"sourcesContent":["import React from 'react'\n\nimport './error-message.less'\n\ntype Props = {\n    timeout?: number\n    onHide?: () => void\n    message?: string\n}\n\ntype State = {\n    visible: boolean\n}\n\nclass ErrorMessage extends React.Component<Props, State> {\n    public static displayName: string\n    public static defaultProps: Props\n\n    constructor(props: Props, context: unknown) {\n        super(props, context)\n\n        const isValidMessage = this._isValidMessage(props.message)\n        if (isValidMessage) {\n            this._triggerDelayedHide()\n        }\n        this.state = { visible: isValidMessage }\n    }\n\n    UNSAFE_componentWillReceiveProps(nextProps: Props) {\n        if (this._isValidMessage(nextProps.message)) {\n            this.setState(() => ({ visible: true }))\n            this._triggerDelayedHide()\n        }\n    }\n\n    timeout?: number\n\n    _isValidMessage(message?: string) {\n        return typeof message === 'string' && message.length > 0\n    }\n\n    _clearTimeout = () => {\n        this.timeout && clearTimeout(this.timeout)\n    }\n\n    _triggerDelayedHide = () => {\n        this._clearTimeout()\n        this.timeout = setTimeout(this._hide, this.props.timeout)\n    }\n\n    _hide = () => {\n        this._clearTimeout()\n        this.setState(() => ({ visible: false }))\n        this.props.onHide?.()\n    }\n\n    render() {\n        const { message } = this.props\n        if (!this.state.visible || !this._isValidMessage(message)) {\n            return false\n        }\n\n        return (\n            <div className=\"reactist_error_message\">\n                <p>{message}</p>\n                <div onClick={this._hide} className=\"dismiss_icon\" />\n            </div>\n        )\n    }\n}\nErrorMessage.displayName = 'ErrorMessage'\nErrorMessage.defaultProps = {\n    timeout: 2500,\n}\n\nexport { ErrorMessage }\n"],"names":["ErrorMessage","props","context","timeout","clearTimeout","_this","_clearTimeout","setTimeout","_hide","setState","visible","onHide","isValidMessage","_isValidMessage","message","_triggerDelayedHide","state","UNSAFE_componentWillReceiveProps","nextProps","this","length","render","React","className","onClick","Component","displayName","defaultProps"],"mappings":"yMAcMA,yBAIUC,EAAcC,wBAChBD,EAAOC,wBAsBD,aACPC,SAAWC,aAAaC,EAAKF,gCAGhB,aACbG,kBACAH,QAAUI,WAAWF,EAAKG,MAAOH,EAAKJ,MAAME,kBAG7C,qBACCG,kBACAG,UAAS,iBAAO,CAAEC,SAAS,qBAC3BT,OAAMU,oCAhCLC,EAAiBP,EAAKQ,gBAAgBZ,EAAMa,gBAC9CF,KACKG,wBAEJC,MAAQ,CAAEN,QAASE,qDAG5BK,iCAAA,SAAiCC,GACzBC,KAAKN,gBAAgBK,EAAUJ,gBAC1BL,UAAS,iBAAO,CAAEC,SAAS,WAC3BK,0BAMbF,gBAAA,SAAgBC,SACc,iBAAZA,GAAwBA,EAAQM,OAAS,KAkB3DC,OAAA,eACYP,EAAYK,KAAKlB,MAAjBa,iBACHK,KAAKH,MAAMN,UAAYS,KAAKN,gBAAgBC,KAK7CQ,uBAAKC,UAAU,0BACXD,yBAAIR,GACJQ,uBAAKE,QAASL,KAAKX,MAAOe,UAAU,sBAnDzBD,EAAMG,WAwDjCzB,EAAa0B,YAAc,eAC3B1B,EAAa2B,aAAe,CACxBxB,QAAS"}

package/lib/components/keyboard-shortcut/keyboard-shortcut.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),a=(e(r),e(require("classnames"))),n=function(e){return e};function c(e){switch(e.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return e}}function s(e){var s=e.children,o=e.className,l=e.translateKey,u=void 0===l?n:l,i=e.isMac,p=void 0===i?null!=navigator.platform&&navigator.platform.toUpperCase().includes("MAC"):i,d=t.objectWithoutPropertiesLoose(e,["children","className","translateKey","isMac"]),m="string"==typeof s?[s]:s;return r.createElement("span",Object.assign({className:a("reactist_keyboard_shortcut",o,{"reactist_keyboard_shortcut--macos":p})},d),m.map((function(e,t){return r.createElement(r.Fragment,{key:t},0===t?null:", ",r.createElement("kbd",null,function(e,t,r){var a=t?c:r,n=/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(e);return t||(e=e.replace(/\b(mod|cmd)\b/i,"ctrl")),e.split(/\s*\+\s*/).map((function(e){return function(e){return/^(mod|cmd|ctrl|control|alt|shift|space)$/i.test(e)}(e)?function(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}(a(e)):n&&1===e.length?e.toUpperCase():e}))}(e,p,u).map((function(e,t){return r.createElement("kbd",{key:t},e)}))))})))}s.setTranslateKey=function(e){n=e},exports.KeyboardShortcut=s;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),a=(e(r),e(require("classnames"))),n=function(e){return e};function c(e){switch(e.toLowerCase()){case"cmd":case"mod":return"⌘";case"control":case"ctrl":return"⌃";case"alt":return"⌥";case"shift":return"⇧";case"space":return"␣";default:return e}}function s(e){var s,o,l=e.children,u=e.className,i=e.translateKey,d=void 0===i?n:i,p=e.isMac,m=void 0===p?null!==(s=null===(o=navigator.platform)||void 0===o?void 0:o.toUpperCase().includes("MAC"))&&void 0!==s&&s:p,f=t.objectWithoutPropertiesLoose(e,["children","className","translateKey","isMac"]),b="string"==typeof l?[l]:l;return r.createElement("span",Object.assign({className:a("reactist_keyboard_shortcut",u,{"reactist_keyboard_shortcut--macos":m})},f),b.map((function(e,t){return r.createElement(r.Fragment,{key:t},0===t?null:", ",r.createElement("kbd",null,function(e,t,r){var a=t?c:r,n=/\b(mod|cmd|ctrl|control|alt|shift)\b/i.test(e);return t||(e=e.replace(/\b(mod|cmd)\b/i,"ctrl")),e.split(/\s*\+\s*/).map((function(e){return function(e){return/^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(e)}(e)?function(e){return e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()}(a(e)):n&&1===e.length?e.toUpperCase():e}))}(e,m,d).map((function(e,t){return r.createElement("kbd",{key:t},e)}))))})))}s.setTranslateKey=function(e){n=e},exports.KeyboardShortcut=s;
 //# sourceMappingURL=keyboard-shortcut.js.map

package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\n//\n// Support for setting up how to translate modifiers globally.\n//\n\nlet globalTranslateKey = (key: string) => key\n\ntype TranslateKey = typeof globalTranslateKey\n\nKeyboardShortcut.setTranslateKey = (tr: TranslateKey) => {\n    globalTranslateKey = tr\n}\n\nfunction translateKeyMac(key: string) {\n    switch (key.toLowerCase()) {\n        case 'cmd':\n        case 'mod':\n            return '⌘'\n        case 'control':\n        case 'ctrl':\n            return '⌃'\n        case 'alt':\n            return '⌥'\n        case 'shift':\n            return '⇧'\n        case 'space':\n            return '␣'\n        default:\n            return key\n    }\n}\n\n//\n// Some helpers\n//\n\nfunction capitalize(str: string) {\n    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction hasModifiers(str: string) {\n    return /\\b(mod|cmd|ctrl|control|alt|shift)\\b/i.test(str)\n}\n\nfunction isSpecialKey(str: string) {\n    return /^(mod|cmd|ctrl|control|alt|shift|space)$/i.test(str)\n}\n\nfunction parseKeys(shortcut: string, isMac: boolean, translateKey: TranslateKey) {\n    const t = isMac ? translateKeyMac : translateKey\n    const _hasModifiers = hasModifiers(shortcut)\n\n    function mapIndividualKey(str: string) {\n        if (isSpecialKey(str)) {\n            return capitalize(t(str))\n        }\n        if (_hasModifiers && str.length === 1) {\n            return str.toUpperCase()\n        }\n        return str\n    }\n\n    if (!isMac) {\n        shortcut = shortcut.replace(/\\b(mod|cmd)\\b/i, 'ctrl')\n    }\n\n    return shortcut.split(/\\s*\\+\\s*/).map(mapIndividualKey)\n}\n\n//\n// The KeyboardShortcut component\n//\n\ntype NativeSpanProps = React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLSpanElement>,\n    HTMLSpanElement\n>\n\ntype Props = Omit<NativeSpanProps, 'children'> & {\n    /**\n     * The shortcut to be represented as markup. It supports an intuitive syntax where you can\n     * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\n     * You can also pass various shortcuts as an array, which will be depicted separated by commas.\n     */\n    children: string | string[]\n    /**\n     * A function that allows you to change how some key names are represented. This may be useful,\n     * for instance, to translate modifier names that are expressed differently in other languages\n     * (e.g. `Ctrl` is named `Strg` in German).\n     *\n     * It defaults to a global version that leaves the key as is. You can pass your version as a\n     * prop, or you can also set your own version of this global default one, so you don't need to\n     * pass your own on each invocation of this component.\n     *\n     * ```js\n     * import { KeyboardShortcut } from '@doist/reactist'\n     * KeyboardShortcut.setTranslateKey = key => { ... }\n     * ```\n     *\n     * Note: When the component detects the macOS operating system it bypasses key translation for\n     * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.\n     */\n    translateKey?: TranslateKey\n    /**\n     * This prop is not meant to be passed. The component will automatically initialize it to `true`\n     * if it detects that the current browser / operating system is on macOS, in which case modifier\n     * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n     *\n     * Though it is discouraged, if you don't want this special treatment in macOS, you can pass\n     * `isMac={false}` in all invocations of this component.\n     */\n    isMac?: boolean\n}\n\nfunction KeyboardShortcut({\n    children,\n    className,\n    translateKey = globalTranslateKey,\n    isMac = navigator.platform != null && navigator.platform.toUpperCase().includes('MAC'),\n    ...props\n}: Props) {\n    const shortcuts = typeof children === 'string' ? [children] : children\n    return (\n        <span\n            className={classNames('reactist_keyboard_shortcut', className, {\n                'reactist_keyboard_shortcut--macos': isMac,\n            })}\n            {...props}\n        >\n            {shortcuts.map((shortcut, i) => (\n                <React.Fragment key={i}>\n                    {i === 0 ? null : ', '}\n                    <kbd>\n                        {parseKeys(shortcut, isMac, translateKey).map((key, j) => (\n                            <kbd key={j}>{key}</kbd>\n                        ))}\n                    </kbd>\n                </React.Fragment>\n            ))}\n        </span>\n    )\n}\n\nexport { KeyboardShortcut }\n"],"names":["globalTranslateKey","key","translateKeyMac","toLowerCase","KeyboardShortcut","children","className","translateKey","isMac","navigator","platform","toUpperCase","includes","props","shortcuts","React","classNames","map","shortcut","i","t","_hasModifiers","test","replace","split","str","isSpecialKey","charAt","slice","capitalize","length","parseKeys","j","setTranslateKey","tr"],"mappings":"4PAOIA,EAAqB,SAACC,UAAgBA,GAQ1C,SAASC,EAAgBD,UACbA,EAAIE,mBACH,UACA,YACM,QACN,cACA,aACM,QACN,YACM,QACN,cACM,QACN,cACM,mBAEAF,GAsFnB,SAASG,SACLC,IAAAA,SACAC,IAAAA,cACAC,aAAAA,aAAeP,QACfQ,MAAAA,aAA8B,MAAtBC,UAAUC,UAAoBD,UAAUC,SAASC,cAAcC,SAAS,SAC7EC,oFAEGC,EAAgC,iBAAbT,EAAwB,CAACA,GAAYA,SAE1DU,sCACIT,UAAWU,EAAW,6BAA8BV,EAAW,qCACtBE,KAErCK,GAEHC,EAAUG,KAAI,SAACC,EAAUC,UACtBJ,gBAACA,YAAed,IAAKkB,GACV,IAANA,EAAU,KAAO,KAClBJ,2BApFpB,SAAmBG,EAAkBV,EAAgBD,OAC3Ca,EAAIZ,EAAQN,EAAkBK,EAC9Bc,EATC,wCAAwCC,KASZJ,UAY9BV,IACDU,EAAWA,EAASK,QAAQ,iBAAkB,SAG3CL,EAASM,MAAM,YAAYP,cAdRQ,UAR9B,SAAsBA,SACX,4CAA4CH,KAAKG,GAQhDC,CAAaD,GAjBzB,SAAoBA,UACTA,EAAIE,OAAO,GAAGhB,cAAgBc,EAAIG,MAAM,GAAGzB,cAiBnC0B,CAAWT,EAAEK,IAEpBJ,GAAgC,IAAfI,EAAIK,OACdL,EAAId,cAERc,KA0EUM,CAAUb,EAAUV,EAAOD,GAAcU,KAAI,SAAChB,EAAK+B,UAChDjB,uBAAKd,IAAK+B,GAAI/B,YA7H1CG,EAAiB6B,gBAAkB,SAACC,GAChClC,EAAqBkC"}
+{"version":3,"file":"keyboard-shortcut.js","sources":["../../../src/components/keyboard-shortcut/keyboard-shortcut.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\n\n//\n// Support for setting up how to translate modifiers globally.\n//\n\nlet globalTranslateKey = (key: string) => key\n\ntype TranslateKey = typeof globalTranslateKey\n\nKeyboardShortcut.setTranslateKey = (tr: TranslateKey) => {\n    globalTranslateKey = tr\n}\n\nfunction translateKeyMac(key: string) {\n    switch (key.toLowerCase()) {\n        case 'cmd':\n        case 'mod':\n            return '⌘'\n        case 'control':\n        case 'ctrl':\n            return '⌃'\n        case 'alt':\n            return '⌥'\n        case 'shift':\n            return '⇧'\n        case 'space':\n            return '␣'\n        default:\n            return key\n    }\n}\n\n//\n// Some helpers\n//\n\nfunction capitalize(str: string) {\n    return str.charAt(0).toUpperCase() + str.slice(1).toLowerCase()\n}\n\nfunction hasModifiers(str: string) {\n    return /\\b(mod|cmd|ctrl|control|alt|shift)\\b/i.test(str)\n}\n\nfunction isSpecialKey(str: string) {\n    return /^(mod|cmd|ctrl|control|alt|shift|space|super)$/i.test(str)\n}\n\nfunction parseKeys(shortcut: string, isMac: boolean, translateKey: TranslateKey) {\n    const t = isMac ? translateKeyMac : translateKey\n    const _hasModifiers = hasModifiers(shortcut)\n\n    function mapIndividualKey(str: string) {\n        if (isSpecialKey(str)) {\n            return capitalize(t(str))\n        }\n        if (_hasModifiers && str.length === 1) {\n            return str.toUpperCase()\n        }\n        return str\n    }\n\n    if (!isMac) {\n        shortcut = shortcut.replace(/\\b(mod|cmd)\\b/i, 'ctrl')\n    }\n\n    return shortcut.split(/\\s*\\+\\s*/).map(mapIndividualKey)\n}\n\n//\n// The KeyboardShortcut component\n//\n\ntype NativeSpanProps = React.DetailedHTMLProps<\n    React.HTMLAttributes<HTMLSpanElement>,\n    HTMLSpanElement\n>\n\ntype Props = Omit<NativeSpanProps, 'children'> & {\n    /**\n     * The shortcut to be represented as markup. It supports an intuitive syntax where you can\n     * combine modifiers (cmd, ctrl, shift, alt) with single keys all concatenated with plus signs.\n     * You can also pass various shortcuts as an array, which will be depicted separated by commas.\n     */\n    children: string | string[]\n    /**\n     * A function that allows you to change how some key names are represented. This may be useful,\n     * for instance, to translate modifier names that are expressed differently in other languages\n     * (e.g. `Ctrl` is named `Strg` in German).\n     *\n     * It defaults to a global version that leaves the key as is. You can pass your version as a\n     * prop, or you can also set your own version of this global default one, so you don't need to\n     * pass your own on each invocation of this component.\n     *\n     * ```js\n     * import { KeyboardShortcut } from '@doist/reactist'\n     * KeyboardShortcut.setTranslateKey = key => { ... }\n     * ```\n     *\n     * Note: When the component detects the macOS operating system it bypasses key translation for\n     * most modifiers and uses macOS-specific symbols. See the `isMac` prop for details.\n     */\n    translateKey?: TranslateKey\n    /**\n     * This prop is not meant to be passed. The component will automatically initialize it to `true`\n     * if it detects that the current browser / operating system is on macOS, in which case modifier\n     * keys are represented using macOS' notation (e.g. ⌘ ⌃ ⌥ ⇧).\n     *\n     * Though it is discouraged, if you don't want this special treatment in macOS, you can pass\n     * `isMac={false}` in all invocations of this component.\n     */\n    isMac?: boolean\n}\n\nfunction KeyboardShortcut({\n    children,\n    className,\n    translateKey = globalTranslateKey,\n    isMac = navigator.platform?.toUpperCase().includes('MAC') ?? false,\n    ...props\n}: Props) {\n    const shortcuts = typeof children === 'string' ? [children] : children\n    return (\n        <span\n            className={classNames('reactist_keyboard_shortcut', className, {\n                'reactist_keyboard_shortcut--macos': isMac,\n            })}\n            {...props}\n        >\n            {shortcuts.map((shortcut, i) => (\n                <React.Fragment key={i}>\n                    {i === 0 ? null : ', '}\n                    <kbd>\n                        {parseKeys(shortcut, isMac, translateKey).map((key, j) => (\n                            <kbd key={j}>{key}</kbd>\n                        ))}\n                    </kbd>\n                </React.Fragment>\n            ))}\n        </span>\n    )\n}\n\nexport { KeyboardShortcut }\n"],"names":["globalTranslateKey","key","translateKeyMac","toLowerCase","KeyboardShortcut","children","className","translateKey","isMac","navigator","platform","_navigator$platform","toUpperCase","includes","props","shortcuts","React","classNames","map","shortcut","i","t","_hasModifiers","test","replace","split","str","isSpecialKey","charAt","slice","capitalize","length","parseKeys","j","setTranslateKey","tr"],"mappings":"4PAOIA,EAAqB,SAACC,UAAgBA,GAQ1C,SAASC,EAAgBD,UACbA,EAAIE,mBACH,UACA,YACM,QACN,cACA,aACM,QACN,YACM,QACN,cACM,QACN,cACM,mBAEAF,GAsFnB,SAASG,aACLC,IAAAA,SACAC,IAAAA,cACAC,aAAAA,aAAeP,QACfQ,MAAAA,iCAAQC,UAAUC,6BAAVC,EAAoBC,cAAcC,SAAS,yBAChDC,oFAEGC,EAAgC,iBAAbV,EAAwB,CAACA,GAAYA,SAE1DW,sCACIV,UAAWW,EAAW,6BAA8BX,EAAW,qCACtBE,KAErCM,GAEHC,EAAUG,KAAI,SAACC,EAAUC,UACtBJ,gBAACA,YAAef,IAAKmB,GACV,IAANA,EAAU,KAAO,KAClBJ,2BApFpB,SAAmBG,EAAkBX,EAAgBD,OAC3Cc,EAAIb,EAAQN,EAAkBK,EAC9Be,EATC,wCAAwCC,KASZJ,UAY9BX,IACDW,EAAWA,EAASK,QAAQ,iBAAkB,SAG3CL,EAASM,MAAM,YAAYP,cAdRQ,UAR9B,SAAsBA,SACX,kDAAkDH,KAAKG,GAQtDC,CAAaD,GAjBzB,SAAoBA,UACTA,EAAIE,OAAO,GAAGhB,cAAgBc,EAAIG,MAAM,GAAG1B,cAiBnC2B,CAAWT,EAAEK,IAEpBJ,GAAgC,IAAfI,EAAIK,OACdL,EAAId,cAERc,KA0EUM,CAAUb,EAAUX,EAAOD,GAAcW,KAAI,SAACjB,EAAKgC,UAChDjB,uBAAKf,IAAKgC,GAAIhC,YA7H1CG,EAAiB8B,gBAAkB,SAACC,GAChCnC,EAAqBmC"}

package/lib/components/menu/index.d.ts

@@ -1,3 +1,3 @@
 import type { MenuItemProps, SubMenuProps, MenuGroupProps } from './menu';
 export { Menu, MenuButton, MenuList, MenuItem, SubMenu, MenuGroup } from './menu';
-export { MenuItemProps, SubMenuProps, MenuGroupProps };
+export type { MenuItemProps, SubMenuProps, MenuGroupProps };

package/lib/components/menu/menu.d.ts

@@ -22,14 +22,16 @@ declare type MenuProps = Omit<Reakit.MenuInitialState, 'visible'> & {
  * management for the menu components inside it.
  */
 declare function Menu({ children, onItemSelect, ...props }: MenuProps): JSX.Element;
+declare type MenuButtonProps = Omit<Reakit.MenuButtonProps, keyof Reakit.MenuStateReturn | 'className'>;
 /**
  * A button to toggle a dropdown menu open or closed.
  */
-declare const MenuButton: import("./type-helpers").ForwardRefComponentWithAs<"button", {}>;
+declare const MenuButton: import("../../utils/polymorphism").PolymorphicComponent<"button", Pick<Reakit.MenuButtonProps, "children" | "unstable_system" | "disabled" | "focusable" | "unstable_clickOnEnter" | "unstable_clickOnSpace" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key" | "wrapElement" | "autoFocus" | "form" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value">, "obfuscateClassName">;
+declare type MenuListProps = Omit<Reakit.MenuProps, keyof Reakit.MenuStateReturn | 'className'>;
 /**
  * The dropdown menu itself, containing a list of menu items.
  */
-declare const MenuList: import("./type-helpers").ForwardRefComponentWithAs<"div", {}>;
+declare const MenuList: import("../../utils/polymorphism").PolymorphicComponent<"div", Pick<Reakit.MenuProps, "children" | "unstable_system" | "disabled" | "focusable" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key" | "wrapElement" | "hideOnClickOutside" | "preventBodyScroll" | "unstable_initialFocusRef" | "unstable_finalFocusRef" | "unstable_orphan" | "unstable_autoFocusOnShow" | "unstable_autoFocusOnHide">, "obfuscateClassName">;
 declare type MenuItemProps = {
     /**
      * An optional value given to this menu item. It is passed on to the parent `Menu`'s
@@ -48,10 +50,6 @@ declare type MenuItemProps = {
      * @default true
      */
     disabled?: boolean;
-    /**
-     * A class name to apply to the menu item element.
-     */
-    className?: string;
     /**
      * When `true` the menu will close when the menu item is selected, in addition to performing the
      * action that the menu item is set out to do.
@@ -88,7 +86,7 @@ declare type MenuItemProps = {
  * A menu item inside a menu list. It can be selected by the user, triggering the `onSelect`
  * callback.
  */
-declare const MenuItem: import("./type-helpers").ForwardRefComponentWithAs<"button", MenuItemProps>;
+declare const MenuItem: import("../../utils/polymorphism").PolymorphicComponent<"button", MenuItemProps, "obfuscateClassName">;
 declare type SubMenuProps = Pick<MenuProps, 'children' | 'onItemSelect'>;
 /**
  * This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have
@@ -112,7 +110,7 @@ declare type SubMenuProps = Pick<MenuProps, 'children' | 'onItemSelect'>;
  * opening a sub-menu with the menu items list below it.
  */
 declare const SubMenu: React.ForwardRefExoticComponent<Pick<MenuProps, "children" | "onItemSelect"> & React.RefAttributes<HTMLButtonElement>>;
-declare type MenuGroupProps = NativeProps<HTMLDivElement> & {
+declare type MenuGroupProps = Omit<NativeProps<HTMLDivElement>, 'className'> & {
     /**
      * A label to be shown visually and also used to semantically label the group.
      */
@@ -124,6 +122,6 @@ declare type MenuGroupProps = NativeProps<HTMLDivElement> & {
  * This group does not add any visual separator. You can do that yourself adding `<hr />` elements
  * before and/or after the group if you so wish.
  */
-declare const MenuGroup: import("./type-helpers").ForwardRefComponentWithAs<"div", MenuGroupProps>;
+declare const MenuGroup: import("../../utils/polymorphism").PolymorphicComponent<"div", MenuGroupProps, "obfuscateClassName">;
 export { Menu, MenuButton, MenuList, MenuItem, SubMenu, MenuGroup };
-export type { MenuItemProps, SubMenuProps, MenuGroupProps };
+export type { MenuButtonProps, MenuListProps, MenuItemProps, SubMenuProps, MenuGroupProps };

package/lib/components/menu/menu.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../_virtual/_rollupPluginBabelHelpers.js"),r=require("react"),o=(e(r),e(require("classnames"))),n=require("./type-helpers.js"),a=require("reakit/Menu"),i=require("reakit/Popover"),l=r.createContext({});function s(e){var o=e.children,n=e.onItemSelect,i=t.objectWithoutPropertiesLoose(e,["children","onItemSelect"]),s=a.useMenuState(t.objectSpread2({loop:!0},i)),c=r.useCallback((function(e){n&&n(e)}),[n]),u=r.useMemo((function(){return t.objectSpread2(t.objectSpread2({},s),{},{handleItemSelect:c})}),[s,c]);return r.createElement(l.Provider,{value:u},o)}var c=n.forwardRefWithAs((function(e,n){var i=e.className,s=t.objectWithoutPropertiesLoose(e,["className"]),c=r.useContext(l),u=t.objectWithoutPropertiesLoose(c,["handleItemSelect"]);return r.createElement(a.MenuButton,Object.assign({},s,u,{ref:n,className:o("reactist_menubutton",i)}))})),u={width:"100%",height:"100%",position:"fixed",top:0,left:0};function d(e){return r.createElement(i.PopoverBackdrop,{baseId:e.baseId,visible:e.visible,animated:e.animated,animating:e.animating,stopAnimation:e.stopAnimation,modal:e.modal,style:u},e.children)}var m=n.forwardRefWithAs((function(e,n){var i=e.className,s=t.objectWithoutPropertiesLoose(e,["className"]),c=r.useContext(l),u=t.objectWithoutPropertiesLoose(c,["handleItemSelect"]);return u.visible?r.createElement(d,Object.assign({},u),r.createElement(a.Menu,Object.assign({},s,u,{ref:n,className:o("reactist_menulist",i)}))):null})),h=n.forwardRefWithAs((function(e,o){var n=e.value,i=e.children,s=e.onSelect,c=e.hideOnSelect,u=void 0===c||c,d=e.onClick,m=t.objectWithoutPropertiesLoose(e,["value","children","onSelect","hideOnSelect","onClick"]),h=r.useContext(l),p=h.handleItemSelect,b=t.objectWithoutPropertiesLoose(h,["handleItemSelect"]),f=b.hide,j=r.useCallback((function(e){null==d||d(e);var t=!1!==(s&&!e.defaultPrevented?s():void 0)&&u;p(n),t&&f()}),[s,d,p,u,f,n]);return r.createElement(a.MenuItem,Object.assign({},m,b,{ref:o,onClick:j}),i)})),p=r.forwardRef((function(e,n){var i=e.children,c=e.onItemSelect,u=t.objectWithoutPropertiesLoose(e,["children","onItemSelect"]),d=r.useContext(l),m=d.handleItemSelect,h=t.objectWithoutPropertiesLoose(d,["handleItemSelect"]),p=h.hide,b=r.useCallback((function(e){c&&c(e),m(e),p()}),[p,m,c]),f=r.Children.toArray(i),j=f[0],v=f[1];return r.createElement(a.MenuItem,Object.assign({},h,u,{ref:n}),(function(e){return r.createElement(s,{onItemSelect:b},r.cloneElement(j,t.objectSpread2(t.objectSpread2({},e),{},{className:o(e.className,"reactist_submenu_button")})),v)}))})),b=n.forwardRefWithAs((function(e,o){var n=e.label,i=e.children,s=t.objectWithoutPropertiesLoose(e,["label","children"]),c=r.useContext(l),u=t.objectWithoutPropertiesLoose(c,["handleItemSelect"]);return r.createElement(a.MenuGroup,Object.assign({ref:o},s,u),n?r.createElement("div",{role:"presentation",className:"reactist_menugroup__label"},n):null,i)}));exports.Menu=s,exports.MenuButton=c,exports.MenuGroup=b,exports.MenuItem=h,exports.MenuList=m,exports.SubMenu=p;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../_virtual/_rollupPluginBabelHelpers.js"),o=require("react"),n=(e(o),e(require("classnames"))),r=require("../../utils/polymorphism.js"),l=require("reakit/Menu"),a=require("reakit/Popover"),i=o.createContext({});function s(e){var n=e.children,r=e.onItemSelect,a=t.objectWithoutPropertiesLoose(e,["children","onItemSelect"]),s=l.useMenuState(t.objectSpread2({loop:!0},a)),c=o.useCallback((function(e){r&&r(e)}),[r]),u=o.useMemo((function(){return t.objectSpread2(t.objectSpread2({},s),{},{handleItemSelect:c})}),[s,c]);return o.createElement(i.Provider,{value:u},n)}var c=r.polymorphicComponent((function(e,r){var a=e.exceptionallySetClassName,s=t.objectWithoutPropertiesLoose(e,["exceptionallySetClassName"]),c=o.useContext(i),u=t.objectWithoutPropertiesLoose(c,["handleItemSelect"]);return o.createElement(l.MenuButton,Object.assign({},s,u,{ref:r,className:n("reactist_menubutton",a)}))})),u={width:"100%",height:"100%",position:"fixed",top:0,left:0};function m(e){return o.createElement(a.PopoverBackdrop,{baseId:e.baseId,visible:e.visible,animated:e.animated,animating:e.animating,stopAnimation:e.stopAnimation,modal:e.modal,style:u},e.children)}var p=r.polymorphicComponent((function(e,r){var a=e.exceptionallySetClassName,s=t.objectWithoutPropertiesLoose(e,["exceptionallySetClassName"]),c=o.useContext(i),u=t.objectWithoutPropertiesLoose(c,["handleItemSelect"]);return u.visible?o.createElement(m,Object.assign({},u),o.createElement(l.Menu,Object.assign({},s,u,{ref:r,className:n("reactist_menulist",a)}))):null})),d=r.polymorphicComponent((function(e,n){var r=e.value,a=e.children,s=e.onSelect,c=e.hideOnSelect,u=void 0===c||c,m=e.onClick,p=e.exceptionallySetClassName,d=t.objectWithoutPropertiesLoose(e,["value","children","onSelect","hideOnSelect","onClick","exceptionallySetClassName"]),h=o.useContext(i),b=h.handleItemSelect,S=t.objectWithoutPropertiesLoose(h,["handleItemSelect"]),f=S.hide,j=o.useCallback((function(e){null==m||m(e);var t=!1!==(s&&!e.defaultPrevented?s():void 0)&&u;b(r),t&&f()}),[s,m,b,u,f,r]);return o.createElement(l.MenuItem,Object.assign({},d,S,{ref:n,onClick:j,className:p}),a)})),h=o.forwardRef((function(e,r){var a=e.children,c=e.onItemSelect,u=t.objectWithoutPropertiesLoose(e,["children","onItemSelect"]),m=o.useContext(i),p=m.handleItemSelect,d=t.objectWithoutPropertiesLoose(m,["handleItemSelect"]),h=d.hide,b=o.useCallback((function(e){c&&c(e),p(e),h()}),[h,p,c]),S=o.Children.toArray(a),f=S[0],j=S[1];return o.createElement(l.MenuItem,Object.assign({},d,u,{ref:r}),(function(e){return o.createElement(s,{onItemSelect:b},o.cloneElement(f,t.objectSpread2(t.objectSpread2({},e),{},{className:n(e.className,"reactist_submenu_button")})),j)}))})),b=r.polymorphicComponent((function(e,n){var r=e.label,a=e.children,s=e.exceptionallySetClassName,c=t.objectWithoutPropertiesLoose(e,["label","children","exceptionallySetClassName"]),u=o.useContext(i),m=t.objectWithoutPropertiesLoose(u,["handleItemSelect"]);return o.createElement(l.MenuGroup,Object.assign({ref:n},c,m,{className:s}),r?o.createElement("div",{role:"presentation",className:"reactist_menugroup__label"},r):null,a)}));exports.Menu=s,exports.MenuButton=c,exports.MenuGroup=b,exports.MenuItem=d,exports.MenuList=p,exports.SubMenu=h;
 //# sourceMappingURL=menu.js.map

package/lib/components/menu/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { forwardRefWithAs } from './type-helpers'\n\n//\n// Reactist menu is a thin wrapper around Reakit's menu components. This may or may not be\n// temporary. Our goal is to make it transparent for the users of Reactist of this implementation\n// detail. We may change in the future the external lib we use, or even implement it all internally,\n// as long as we keep the same outer interface as intact as possible.\n//\n// Around the heavy lifting of the external lib we just add some features to better integrate the\n// menu to Reactist's more opinionated approach (e.g. using our button with its custom variants and\n// other features, easily show keyboard shortcuts in menu items, etc.)\n//\nimport * as Reakit from 'reakit/Menu'\nimport { PopoverBackdrop } from 'reakit/Popover'\n\nimport './menu.less'\n\ntype NativeProps<E extends HTMLElement> = React.DetailedHTMLProps<React.HTMLAttributes<E>, E>\n\ntype MenuContextState = Reakit.MenuStateReturn & {\n    handleItemSelect: (value: string | null | undefined) => void\n}\n\nconst MenuContext = React.createContext<MenuContextState>(\n    // Reakit gives us no means to obtain a valid initial/default value of type MenuStateReturn\n    // (it is normally obtained by calling useMenuState but we can't call hooks outside components).\n    // This is however of little consequence since this value is only used if some of the components\n    // are used outside Menu, something that should not happen and we do not support.\n    // @ts-expect-error\n    {},\n)\n\n//\n// Menu\n//\n\ntype MenuProps = Omit<Reakit.MenuInitialState, 'visible'> & {\n    /**\n     * The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n     * `MenuButton` that triggers the menu to be opened or closed.\n     */\n    children: React.ReactNode\n\n    /**\n     * An optional callback that will be called back whenever a menu item is selected. It receives\n     * the `value` of the selected `MenuItem`.\n     *\n     * If you pass down this callback, it is recommended that you properly memoize it so it does not\n     * change on every render.\n     */\n    onItemSelect?: (value: string | null | undefined) => void\n}\n\n/**\n * Wrapper component to control a menu. It does not render anything, only providing the state\n * management for the menu components inside it.\n */\nfunction Menu({ children, onItemSelect, ...props }: MenuProps) {\n    const state = Reakit.useMenuState({ loop: true, ...props })\n\n    const handleItemSelect = React.useCallback(\n        function handleItemSelect(value: string | null | undefined) {\n            if (onItemSelect) onItemSelect(value)\n        },\n        [onItemSelect],\n    )\n\n    const value: MenuContextState = React.useMemo(\n        () => ({\n            ...state,\n            handleItemSelect,\n        }),\n        [state, handleItemSelect],\n    )\n\n    return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>\n}\n\n//\n// MenuButton\n//\n\n/**\n * A button to toggle a dropdown menu open or closed.\n */\nconst MenuButton = forwardRefWithAs<'button'>(function MenuButton({ className, ...props }, ref) {\n    const { handleItemSelect, ...state } = React.useContext(MenuContext)\n    return (\n        <Reakit.MenuButton\n            {...props}\n            {...state}\n            ref={ref}\n            className={classNames('reactist_menubutton', className)}\n        />\n    )\n})\n\n//\n// MenuList\n//\n\ntype MenuBackdropProps = Reakit.MenuStateReturn & {\n    children: React.ReactNode\n}\n\nconst BACKDROP_STYLE: React.CSSProperties = {\n    width: '100%',\n    height: '100%',\n    position: 'fixed',\n    top: 0,\n    left: 0,\n}\n\n/**\n * Internal component to provide a backdrop/overlay to all menus. This is needed because reakit's\n * menus do not show an overlay by default.\n */\nfunction MenuBackdrop({\n    baseId,\n    visible,\n    animated,\n    animating,\n    stopAnimation,\n    modal,\n    children,\n}: MenuBackdropProps) {\n    return (\n        <PopoverBackdrop\n            baseId={baseId}\n            visible={visible}\n            animated={animated}\n            animating={animating}\n            stopAnimation={stopAnimation}\n            modal={modal}\n            style={BACKDROP_STYLE}\n        >\n            {children}\n        </PopoverBackdrop>\n    )\n}\n\n/**\n * The dropdown menu itself, containing a list of menu items.\n */\nconst MenuList = forwardRefWithAs<'div'>(function MenuList({ className, ...props }, ref) {\n    const { handleItemSelect, ...state } = React.useContext(MenuContext)\n    return state.visible ? (\n        <MenuBackdrop {...state}>\n            <Reakit.Menu\n                {...props}\n                {...state}\n                ref={ref}\n                className={classNames('reactist_menulist', className)}\n            />\n        </MenuBackdrop>\n    ) : null\n})\n\n//\n// MenuItem\n//\n\ntype MenuItemProps = {\n    /**\n     * An optional value given to this menu item. It is passed on to the parent `Menu`'s\n     * `onItemSelect` when you provide that instead of (or alongside) providing individual\n     * `onSelect` callbacks to each menu item.\n     */\n    value?: string\n    /**\n     * The content inside the menu item.\n     */\n    children: React.ReactNode\n    /**\n     * When `true` the menu item is disabled and won't be selectable or be part of the keyboard\n     * navigation across the menu options.\n     *\n     * @default true\n     */\n    disabled?: boolean\n    /**\n     * A class name to apply to the menu item element.\n     */\n    className?: string\n    /**\n     * When `true` the menu will close when the menu item is selected, in addition to performing the\n     * action that the menu item is set out to do.\n     *\n     * Set this to `false` to make sure that a given menu item does not auto-closes the menu when\n     * selected. This should be the exception and not the norm, as the default is to auto-close.\n     *\n     * @default true\n     */\n    hideOnSelect?: boolean\n    /**\n     * The action to perform when the menu item is selected.\n     *\n     * If you return `false` from this function, the menu will not auto-close when this menu item\n     * is selected. Though you should use `hideOnSelect` for this purpose, this allows you to\n     * achieve the same effect conditionally and dynamically deciding at run time.\n     */\n    onSelect?: () => unknown\n    /**\n     * The event handler called when the menu item is clicked.\n     *\n     * This is similar to `onSelect`, but a bit different. You can certainly use it to trigger the\n     * action that the menu item represents. But in general you should prefer `onSelect` for that.\n     *\n     * The main use for this handler is to get access to the click event. This can be used, for\n     * example, to call `event.preventDefault()`, which will effectively prevent the rest of the\n     * consequences of the click, including preventing `onSelect` from being called. In particular,\n     * this is useful in menu items that are links, and you want the click to not trigger navigation\n     * under some circumstances.\n     */\n    onClick?: (event: React.MouseEvent) => void\n}\n\n/**\n * A menu item inside a menu list. It can be selected by the user, triggering the `onSelect`\n * callback.\n */\nconst MenuItem = forwardRefWithAs<'button', MenuItemProps>(function MenuItem(\n    { value, children, onSelect, hideOnSelect = true, onClick, ...props },\n    ref,\n) {\n    const { handleItemSelect, ...state } = React.useContext(MenuContext)\n    const { hide } = state\n\n    const handleClick = React.useCallback(\n        function handleClick(event: React.MouseEvent<HTMLButtonElement>) {\n            onClick?.(event)\n            const onSelectResult: unknown =\n                onSelect && !event.defaultPrevented ? onSelect() : undefined\n            const shouldClose = onSelectResult !== false && hideOnSelect\n            handleItemSelect(value)\n            if (shouldClose) hide()\n        },\n        [onSelect, onClick, handleItemSelect, hideOnSelect, hide, value],\n    )\n\n    return (\n        <Reakit.MenuItem {...props} {...state} ref={ref} onClick={handleClick}>\n            {children}\n        </Reakit.MenuItem>\n    )\n})\n\n//\n// SubMenu\n//\n\ntype SubMenuProps = Pick<MenuProps, 'children' | 'onItemSelect'>\n\n/**\n * This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\n * a sub-menu.\n *\n * Its children are expected to have the structure of a first level menu (a `MenuButton` and a\n * `MenuList`).\n *\n * ```jsx\n * <MenuItem label=\"Edit profile\" />\n * <SubMenu>\n *   <MenuButton>More options</MenuButton>\n *   <MenuList>\n *     <MenuItem label=\"Preferences\" />\n *     <MenuItem label=\"Sign out\" />\n *   </MenuList>\n * </SubMenu>\n * ```\n *\n * The `MenuButton` will become a menu item in the current menu items list, and it will lead to\n * opening a sub-menu with the menu items list below it.\n */\nconst SubMenu = React.forwardRef<HTMLButtonElement, SubMenuProps>(function SubMenu(\n    { children, onItemSelect, ...props },\n    ref,\n) {\n    const { handleItemSelect: parentMenuItemSelect, ...state } = React.useContext(MenuContext)\n    const { hide: parentMenuHide } = state\n\n    const handleSubItemSelect = React.useCallback(\n        function handleSubItemSelect(value) {\n            if (onItemSelect) onItemSelect(value)\n            parentMenuItemSelect(value)\n            parentMenuHide()\n        },\n        [parentMenuHide, parentMenuItemSelect, onItemSelect],\n    )\n\n    const [button, list] = React.Children.toArray(children)\n\n    return (\n        <Reakit.MenuItem {...state} {...props} ref={ref}>\n            {(buttonProps) => (\n                <Menu onItemSelect={handleSubItemSelect}>\n                    {React.cloneElement(button as React.ReactElement, {\n                        ...buttonProps,\n                        className: classNames(buttonProps.className, 'reactist_submenu_button'),\n                    })}\n                    {list}\n                </Menu>\n            )}\n        </Reakit.MenuItem>\n    )\n})\n\n//\n// MenuGroup\n//\n\ntype MenuGroupProps = NativeProps<HTMLDivElement> & {\n    /**\n     * A label to be shown visually and also used to semantically label the group.\n     */\n    label: string\n}\n\n/**\n * A way to semantically group some menu items.\n *\n * This group does not add any visual separator. You can do that yourself adding `<hr />` elements\n * before and/or after the group if you so wish.\n */\nconst MenuGroup = forwardRefWithAs<'div', MenuGroupProps>(function MenuGroud(\n    { label, children, ...props },\n    ref,\n) {\n    const { handleItemSelect, ...state } = React.useContext(MenuContext)\n    return (\n        <Reakit.MenuGroup ref={ref} {...props} {...state}>\n            {label ? (\n                <div role=\"presentation\" className=\"reactist_menugroup__label\">\n                    {label}\n                </div>\n            ) : null}\n            {children}\n        </Reakit.MenuGroup>\n    )\n})\n\nexport { Menu, MenuButton, MenuList, MenuItem, SubMenu, MenuGroup }\nexport type { MenuItemProps, SubMenuProps, MenuGroupProps }\n"],"names":["MenuContext","React","Menu","children","onItemSelect","props","state","Reakit","loop","handleItemSelect","value","Provider","MenuButton","forwardRefWithAs","ref","className","classNames","BACKDROP_STYLE","width","height","position","top","left","MenuBackdrop","PopoverBackdrop","baseId","visible","animated","animating","stopAnimation","modal","style","MenuList","MenuItem","onSelect","hideOnSelect","onClick","hide","handleClick","event","shouldClose","defaultPrevented","undefined","SubMenu","parentMenuItemSelect","parentMenuHide","handleSubItemSelect","toArray","button","list","buttonProps","MenuGroup","label","role"],"mappings":"gVAyBMA,EAAcC,gBAMhB,IA4BJ,SAASC,SAAOC,IAAAA,SAAUC,IAAAA,aAAiBC,gEACjCC,EAAQC,gCAAsBC,MAAM,GAASH,IAE7CI,EAAmBR,eACrB,SAA0BS,GAClBN,GAAcA,EAAaM,KAEnC,CAACN,IAGCM,EAA0BT,WAC5B,qDACOK,OACHG,iBAAAA,MAEJ,CAACH,EAAOG,WAGLR,gBAACD,EAAYW,UAASD,MAAOA,GAAQP,OAU1CS,EAAaC,oBAA2B,WAA6CC,OAAvBC,IAAAA,UAAcV,oDACvCJ,aAAiBD,GAA3BM,gEAEzBL,gBAACM,8BACOF,EACAC,GACJQ,IAAKA,EACLC,UAAWC,EAAW,sBAAuBD,SAanDE,EAAsC,CACxCC,MAAO,OACPC,OAAQ,OACRC,SAAU,QACVC,IAAK,EACLC,KAAM,GAOV,SAASC,YAUDtB,gBAACuB,mBACGC,SAVRA,OAWQC,UAVRA,QAWQC,WAVRA,SAWQC,YAVRA,UAWQC,gBAVRA,cAWQC,QAVRA,MAWQC,MAAOd,KAVfd,cAoBE6B,EAAWnB,oBAAwB,WAA2CC,OAAvBC,IAAAA,UAAcV,oDAChCJ,aAAiBD,GAA3BM,gEACtBA,EAAMoB,QACTzB,gBAACsB,mBAAiBjB,GACdL,gBAACM,wBACOF,EACAC,GACJQ,IAAKA,EACLC,UAAWC,EAAW,oBAAqBD,OAGnD,QAkEFkB,EAAWpB,oBAA0C,WAEvDC,OADEJ,IAAAA,MAAOP,IAAAA,SAAU+B,IAAAA,aAAUC,aAAAA,gBAAqBC,IAAAA,QAAY/B,+FAGvBJ,aAAiBD,GAAhDS,IAAAA,iBAAqBH,yDACrB+B,EAAS/B,EAAT+B,KAEFC,EAAcrC,eAChB,SAAqBsC,GACjBH,MAAAA,GAAAA,EAAUG,OAGJC,GAAiC,KADnCN,IAAaK,EAAME,iBAAmBP,SAAaQ,IACPP,EAChD1B,EAAiBC,GACb8B,GAAaH,MAErB,CAACH,EAAUE,EAAS3B,EAAkB0B,EAAcE,EAAM3B,WAI1DT,gBAACM,4BAAoBF,EAAWC,GAAOQ,IAAKA,EAAKsB,QAASE,IACrDnC,MAgCPwC,EAAU1C,cAAkD,WAE9Da,OADEX,IAAAA,SAAUC,IAAAA,aAAiBC,kEAGgCJ,aAAiBD,GAApD4C,IAAlBnC,iBAA2CH,yDACrCuC,EAAmBvC,EAAzB+B,KAEFS,EAAsB7C,eACxB,SAA6BS,GACrBN,GAAcA,EAAaM,GAC/BkC,EAAqBlC,GACrBmC,MAEJ,CAACA,EAAgBD,EAAsBxC,MAGpBH,WAAe8C,QAAQ5C,GAAvC6C,OAAQC,cAGXhD,gBAACM,4BAAoBD,EAAWD,GAAOS,IAAKA,KACvC,SAACoC,UACEjD,gBAACC,GAAKE,aAAc0C,GACf7C,eAAmB+C,qCACbE,OACHnC,UAAWC,EAAWkC,EAAYnC,UAAW,8BAEhDkC,SAwBfE,EAAYtC,oBAAwC,WAEtDC,OADEsC,IAAAA,MAAOjD,IAAAA,SAAaE,2DAGiBJ,aAAiBD,GAA3BM,gEAEzBL,gBAACM,2BAAiBO,IAAKA,GAAST,EAAWC,GACtC8C,EACGnD,uBAAKoD,KAAK,eAAetC,UAAU,6BAC9BqC,GAEL,KACHjD"}
+{"version":3,"file":"menu.js","sources":["../../../src/components/menu/menu.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport { polymorphicComponent } from '../../utils/polymorphism'\n\n//\n// Reactist menu is a thin wrapper around Reakit's menu components. This may or may not be\n// temporary. Our goal is to make it transparent for the users of Reactist of this implementation\n// detail. We may change in the future the external lib we use, or even implement it all internally,\n// as long as we keep the same outer interface as intact as possible.\n//\n// Around the heavy lifting of the external lib we just add some features to better integrate the\n// menu to Reactist's more opinionated approach (e.g. using our button with its custom variants and\n// other features, easily show keyboard shortcuts in menu items, etc.)\n//\nimport * as Reakit from 'reakit/Menu'\nimport { PopoverBackdrop } from 'reakit/Popover'\n\nimport './menu.less'\n\ntype NativeProps<E extends HTMLElement> = React.DetailedHTMLProps<React.HTMLAttributes<E>, E>\n\ntype MenuContextState = Reakit.MenuStateReturn & {\n    handleItemSelect: (value: string | null | undefined) => void\n}\n\nconst MenuContext = React.createContext<MenuContextState>(\n    // Reakit gives us no means to obtain a valid initial/default value of type MenuStateReturn\n    // (it is normally obtained by calling useMenuState but we can't call hooks outside components).\n    // This is however of little consequence since this value is only used if some of the components\n    // are used outside Menu, something that should not happen and we do not support.\n    // @ts-expect-error\n    {},\n)\n\n//\n// Menu\n//\n\ntype MenuProps = Omit<Reakit.MenuInitialState, 'visible'> & {\n    /**\n     * The `Menu` must contain a `MenuList` that defines the menu options. It must also contain a\n     * `MenuButton` that triggers the menu to be opened or closed.\n     */\n    children: React.ReactNode\n\n    /**\n     * An optional callback that will be called back whenever a menu item is selected. It receives\n     * the `value` of the selected `MenuItem`.\n     *\n     * If you pass down this callback, it is recommended that you properly memoize it so it does not\n     * change on every render.\n     */\n    onItemSelect?: (value: string | null | undefined) => void\n}\n\n/**\n * Wrapper component to control a menu. It does not render anything, only providing the state\n * management for the menu components inside it.\n */\nfunction Menu({ children, onItemSelect, ...props }: MenuProps) {\n    const state = Reakit.useMenuState({ loop: true, ...props })\n\n    const handleItemSelect = React.useCallback(\n        function handleItemSelect(value: string | null | undefined) {\n            if (onItemSelect) onItemSelect(value)\n        },\n        [onItemSelect],\n    )\n\n    const value: MenuContextState = React.useMemo(\n        () => ({\n            ...state,\n            handleItemSelect,\n        }),\n        [state, handleItemSelect],\n    )\n\n    return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>\n}\n\n//\n// MenuButton\n//\n\ntype MenuButtonProps = Omit<Reakit.MenuButtonProps, keyof Reakit.MenuStateReturn | 'className'>\n\n/**\n * A button to toggle a dropdown menu open or closed.\n */\nconst MenuButton = polymorphicComponent<'button', MenuButtonProps>(function MenuButton(\n    { exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { handleItemSelect, ...state } = React.useContext(MenuContext)\n    return (\n        <Reakit.MenuButton\n            {...props}\n            {...state}\n            ref={ref}\n            className={classNames('reactist_menubutton', exceptionallySetClassName)}\n        />\n    )\n})\n\n//\n// MenuList\n//\n\ntype MenuBackdropProps = Reakit.MenuStateReturn & {\n    children: React.ReactNode\n}\n\nconst BACKDROP_STYLE: React.CSSProperties = {\n    width: '100%',\n    height: '100%',\n    position: 'fixed',\n    top: 0,\n    left: 0,\n}\n\n/**\n * Internal component to provide a backdrop/overlay to all menus. This is needed because reakit's\n * menus do not show an overlay by default.\n */\nfunction MenuBackdrop({\n    baseId,\n    visible,\n    animated,\n    animating,\n    stopAnimation,\n    modal,\n    children,\n}: MenuBackdropProps) {\n    return (\n        <PopoverBackdrop\n            baseId={baseId}\n            visible={visible}\n            animated={animated}\n            animating={animating}\n            stopAnimation={stopAnimation}\n            modal={modal}\n            style={BACKDROP_STYLE}\n        >\n            {children}\n        </PopoverBackdrop>\n    )\n}\n\ntype MenuListProps = Omit<Reakit.MenuProps, keyof Reakit.MenuStateReturn | 'className'>\n\n/**\n * The dropdown menu itself, containing a list of menu items.\n */\nconst MenuList = polymorphicComponent<'div', MenuListProps>(function MenuList(\n    { exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { handleItemSelect, ...state } = React.useContext(MenuContext)\n    return state.visible ? (\n        <MenuBackdrop {...state}>\n            <Reakit.Menu\n                {...props}\n                {...state}\n                ref={ref}\n                className={classNames('reactist_menulist', exceptionallySetClassName)}\n            />\n        </MenuBackdrop>\n    ) : null\n})\n\n//\n// MenuItem\n//\n\ntype MenuItemProps = {\n    /**\n     * An optional value given to this menu item. It is passed on to the parent `Menu`'s\n     * `onItemSelect` when you provide that instead of (or alongside) providing individual\n     * `onSelect` callbacks to each menu item.\n     */\n    value?: string\n    /**\n     * The content inside the menu item.\n     */\n    children: React.ReactNode\n    /**\n     * When `true` the menu item is disabled and won't be selectable or be part of the keyboard\n     * navigation across the menu options.\n     *\n     * @default true\n     */\n    disabled?: boolean\n    /**\n     * When `true` the menu will close when the menu item is selected, in addition to performing the\n     * action that the menu item is set out to do.\n     *\n     * Set this to `false` to make sure that a given menu item does not auto-closes the menu when\n     * selected. This should be the exception and not the norm, as the default is to auto-close.\n     *\n     * @default true\n     */\n    hideOnSelect?: boolean\n    /**\n     * The action to perform when the menu item is selected.\n     *\n     * If you return `false` from this function, the menu will not auto-close when this menu item\n     * is selected. Though you should use `hideOnSelect` for this purpose, this allows you to\n     * achieve the same effect conditionally and dynamically deciding at run time.\n     */\n    onSelect?: () => unknown\n    /**\n     * The event handler called when the menu item is clicked.\n     *\n     * This is similar to `onSelect`, but a bit different. You can certainly use it to trigger the\n     * action that the menu item represents. But in general you should prefer `onSelect` for that.\n     *\n     * The main use for this handler is to get access to the click event. This can be used, for\n     * example, to call `event.preventDefault()`, which will effectively prevent the rest of the\n     * consequences of the click, including preventing `onSelect` from being called. In particular,\n     * this is useful in menu items that are links, and you want the click to not trigger navigation\n     * under some circumstances.\n     */\n    onClick?: (event: React.MouseEvent) => void\n}\n\n/**\n * A menu item inside a menu list. It can be selected by the user, triggering the `onSelect`\n * callback.\n */\nconst MenuItem = polymorphicComponent<'button', MenuItemProps>(function MenuItem(\n    {\n        value,\n        children,\n        onSelect,\n        hideOnSelect = true,\n        onClick,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const { handleItemSelect, ...state } = React.useContext(MenuContext)\n    const { hide } = state\n\n    const handleClick = React.useCallback(\n        function handleClick(event: React.MouseEvent<HTMLButtonElement>) {\n            onClick?.(event)\n            const onSelectResult: unknown =\n                onSelect && !event.defaultPrevented ? onSelect() : undefined\n            const shouldClose = onSelectResult !== false && hideOnSelect\n            handleItemSelect(value)\n            if (shouldClose) hide()\n        },\n        [onSelect, onClick, handleItemSelect, hideOnSelect, hide, value],\n    )\n\n    return (\n        <Reakit.MenuItem\n            {...props}\n            {...state}\n            ref={ref}\n            onClick={handleClick}\n            className={exceptionallySetClassName}\n        >\n            {children}\n        </Reakit.MenuItem>\n    )\n})\n\n//\n// SubMenu\n//\n\ntype SubMenuProps = Pick<MenuProps, 'children' | 'onItemSelect'>\n\n/**\n * This component can be rendered alongside other `MenuItem` inside a `MenuList` in order to have\n * a sub-menu.\n *\n * Its children are expected to have the structure of a first level menu (a `MenuButton` and a\n * `MenuList`).\n *\n * ```jsx\n * <MenuItem label=\"Edit profile\" />\n * <SubMenu>\n *   <MenuButton>More options</MenuButton>\n *   <MenuList>\n *     <MenuItem label=\"Preferences\" />\n *     <MenuItem label=\"Sign out\" />\n *   </MenuList>\n * </SubMenu>\n * ```\n *\n * The `MenuButton` will become a menu item in the current menu items list, and it will lead to\n * opening a sub-menu with the menu items list below it.\n */\nconst SubMenu = React.forwardRef<HTMLButtonElement, SubMenuProps>(function SubMenu(\n    { children, onItemSelect, ...props },\n    ref,\n) {\n    const { handleItemSelect: parentMenuItemSelect, ...state } = React.useContext(MenuContext)\n    const { hide: parentMenuHide } = state\n\n    const handleSubItemSelect = React.useCallback(\n        function handleSubItemSelect(value) {\n            if (onItemSelect) onItemSelect(value)\n            parentMenuItemSelect(value)\n            parentMenuHide()\n        },\n        [parentMenuHide, parentMenuItemSelect, onItemSelect],\n    )\n\n    const [button, list] = React.Children.toArray(children)\n\n    return (\n        <Reakit.MenuItem {...state} {...props} ref={ref}>\n            {(buttonProps) => (\n                <Menu onItemSelect={handleSubItemSelect}>\n                    {React.cloneElement(button as React.ReactElement, {\n                        ...buttonProps,\n                        className: classNames(buttonProps.className, 'reactist_submenu_button'),\n                    })}\n                    {list}\n                </Menu>\n            )}\n        </Reakit.MenuItem>\n    )\n})\n\n//\n// MenuGroup\n//\n\ntype MenuGroupProps = Omit<NativeProps<HTMLDivElement>, 'className'> & {\n    /**\n     * A label to be shown visually and also used to semantically label the group.\n     */\n    label: string\n}\n\n/**\n * A way to semantically group some menu items.\n *\n * This group does not add any visual separator. You can do that yourself adding `<hr />` elements\n * before and/or after the group if you so wish.\n */\nconst MenuGroup = polymorphicComponent<'div', MenuGroupProps>(function MenuGroud(\n    { label, children, exceptionallySetClassName, ...props },\n    ref,\n) {\n    const { handleItemSelect, ...state } = React.useContext(MenuContext)\n    return (\n        <Reakit.MenuGroup ref={ref} {...props} {...state} className={exceptionallySetClassName}>\n            {label ? (\n                <div role=\"presentation\" className=\"reactist_menugroup__label\">\n                    {label}\n                </div>\n            ) : null}\n            {children}\n        </Reakit.MenuGroup>\n    )\n})\n\nexport { Menu, MenuButton, MenuList, MenuItem, SubMenu, MenuGroup }\nexport type { MenuButtonProps, MenuListProps, MenuItemProps, SubMenuProps, MenuGroupProps }\n"],"names":["MenuContext","React","Menu","children","onItemSelect","props","state","Reakit","loop","handleItemSelect","value","Provider","MenuButton","polymorphicComponent","ref","exceptionallySetClassName","className","classNames","BACKDROP_STYLE","width","height","position","top","left","MenuBackdrop","PopoverBackdrop","baseId","visible","animated","animating","stopAnimation","modal","style","MenuList","MenuItem","onSelect","hideOnSelect","onClick","hide","handleClick","event","shouldClose","defaultPrevented","undefined","SubMenu","parentMenuItemSelect","parentMenuHide","handleSubItemSelect","toArray","button","list","buttonProps","MenuGroup","label","role"],"mappings":"0VAyBMA,EAAcC,gBAMhB,IA4BJ,SAASC,SAAOC,IAAAA,SAAUC,IAAAA,aAAiBC,gEACjCC,EAAQC,gCAAsBC,MAAM,GAASH,IAE7CI,EAAmBR,eACrB,SAA0BS,GAClBN,GAAcA,EAAaM,KAEnC,CAACN,IAGCM,EAA0BT,WAC5B,qDACOK,OACHG,iBAAAA,MAEJ,CAACH,EAAOG,WAGLR,gBAACD,EAAYW,UAASD,MAAOA,GAAQP,OAY1CS,EAAaC,wBAAgD,WAE/DC,OADEC,IAAAA,0BAA8BV,oEAGOJ,aAAiBD,GAA3BM,gEAEzBL,gBAACM,8BACOF,EACAC,GACJQ,IAAKA,EACLE,UAAWC,EAAW,sBAAuBF,SAanDG,EAAsC,CACxCC,MAAO,OACPC,OAAQ,OACRC,SAAU,QACVC,IAAK,EACLC,KAAM,GAOV,SAASC,YAUDvB,gBAACwB,mBACGC,SAVRA,OAWQC,UAVRA,QAWQC,WAVRA,SAWQC,YAVRA,UAWQC,gBAVRA,cAWQC,QAVRA,MAWQC,MAAOd,KAVff,cAsBE8B,EAAWpB,wBAA2C,WAExDC,OADEC,IAAAA,0BAA8BV,oEAGOJ,aAAiBD,GAA3BM,gEACtBA,EAAMqB,QACT1B,gBAACuB,mBAAiBlB,GACdL,gBAACM,wBACOF,EACAC,GACJQ,IAAKA,EACLE,UAAWC,EAAW,oBAAqBF,OAGnD,QA8DFmB,EAAWrB,wBAA8C,WAU3DC,OARIJ,IAAAA,MACAP,IAAAA,SACAgC,IAAAA,aACAC,aAAAA,gBACAC,IAAAA,QACAtB,IAAAA,0BACGV,2HAIgCJ,aAAiBD,GAAhDS,IAAAA,iBAAqBH,yDACrBgC,EAAShC,EAATgC,KAEFC,EAActC,eAChB,SAAqBuC,GACjBH,MAAAA,GAAAA,EAAUG,OAGJC,GAAiC,KADnCN,IAAaK,EAAME,iBAAmBP,SAAaQ,IACPP,EAChD3B,EAAiBC,GACb+B,GAAaH,MAErB,CAACH,EAAUE,EAAS5B,EAAkB2B,EAAcE,EAAM5B,WAI1DT,gBAACM,4BACOF,EACAC,GACJQ,IAAKA,EACLuB,QAASE,EACTvB,UAAWD,IAEVZ,MAgCPyC,EAAU3C,cAAkD,WAE9Da,OADEX,IAAAA,SAAUC,IAAAA,aAAiBC,kEAGgCJ,aAAiBD,GAApD6C,IAAlBpC,iBAA2CH,yDACrCwC,EAAmBxC,EAAzBgC,KAEFS,EAAsB9C,eACxB,SAA6BS,GACrBN,GAAcA,EAAaM,GAC/BmC,EAAqBnC,GACrBoC,MAEJ,CAACA,EAAgBD,EAAsBzC,MAGpBH,WAAe+C,QAAQ7C,GAAvC8C,OAAQC,cAGXjD,gBAACM,4BAAoBD,EAAWD,GAAOS,IAAKA,KACvC,SAACqC,UACElD,gBAACC,GAAKE,aAAc2C,GACf9C,eAAmBgD,qCACbE,OACHnC,UAAWC,EAAWkC,EAAYnC,UAAW,8BAEhDkC,SAwBfE,EAAYvC,wBAA4C,WAE1DC,OADEuC,IAAAA,MAAOlD,IAAAA,SAAUY,IAAAA,0BAA8BV,uFAGVJ,aAAiBD,GAA3BM,gEAEzBL,gBAACM,2BAAiBO,IAAKA,GAAST,EAAWC,GAAOU,UAAWD,IACxDsC,EACGpD,uBAAKqD,KAAK,eAAetC,UAAU,6BAC9BqC,GAEL,KACHlD"}

package/lib/components/range-input/range-input.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=e(require("react")),t=e(require("classnames"));function a(e){var a=e.value,r=void 0===a?0:a,s=e.min,u=void 0===s?0:s,i=e.max,o=void 0===i?100:i,c=e.stepSize,l=void 0===c?1:c,p=e.onPlus,m=e.onMinus,f=e.onChange;"function"!=typeof p&&(p=f),"function"!=typeof m&&(m=f);var v=t("reactist_range_input",e.className);return n.createElement("div",{className:v},n.createElement("span",{className:"range_btn minus",onClick:function(){return r>u&&m&&m(r-l)}}),n.createElement("input",{value:r,className:"range_slider",type:"range",min:u,max:o,step:l,onChange:function(e){return f&&f(parseInt(e.target.value))}}),n.createElement("span",{className:"range_btn plus",onClick:function(){return r<o&&p&&p(r+l)}}))}a.displayName="RangeInput",exports.RangeInput=a;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var n=e(require("react")),t=e(require("classnames"));function a(e){var a=e.value,r=void 0===a?0:a,u=e.min,i=void 0===u?0:u,s=e.max,o=void 0===s?100:s,l=e.stepSize,c=void 0===l?1:l,p=e.onPlus,m=e.onMinus,f=e.onChange;"function"!=typeof p&&(p=f),"function"!=typeof m&&(m=f);var v=t("reactist_range_input",e.className);return n.createElement("div",{className:v},n.createElement("span",{className:"range_btn minus",onClick:function(){return r>i&&m&&m(r-c)}}),n.createElement("input",{value:r,className:"range_slider",type:"range",min:i,max:o,step:c,onChange:function(e){return null==f?void 0:f(parseInt(e.target.value))}}),n.createElement("span",{className:"range_btn plus",onClick:function(){return r<o&&p&&p(r+c)}}))}a.displayName="RangeInput",exports.RangeInput=a;
 //# sourceMappingURL=range-input.js.map

package/lib/components/range-input/range-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"range-input.js","sources":["../../../src/components/range-input/range-input.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './range-input.less'\n\ntype Props = {\n    /** Optional css class that is applied to the range input. */\n    className?: string\n    /** Current value of the range input. */\n    value?: number\n    /** Minimum value of the range input. */\n    min?: number\n    /** Maximum value of the range input. */\n    max?: number\n    /** Step size of the range input and the plus/minus buttons. */\n    stepSize?: number\n    /** Optional function that is called when plus button is clicked. If not supplied onChange will be called with the next value. */\n    onPlus?: (value: number) => void\n    /** Optional function that is called when minus button is clicked. If not supplied onChange will be called with the next value. */\n    onMinus?: (value: number) => void\n    /** Callback function that is called whenever the range input value changes. When onPlus or onMinus is supplied this will not be called for button clicks. */\n    onChange?: (value: number) => void\n}\n\nfunction RangeInput({\n    value = 0,\n    min = 0,\n    max = 100,\n    stepSize = 1,\n    onPlus,\n    onMinus,\n    onChange,\n    className,\n}: Props) {\n    if (typeof onPlus !== 'function') {\n        onPlus = onChange\n    }\n    if (typeof onMinus !== 'function') {\n        onMinus = onChange\n    }\n    const rangeInputClassName = classNames('reactist_range_input', className)\n    return (\n        <div className={rangeInputClassName}>\n            <span\n                className=\"range_btn minus\"\n                onClick={() => value > min && onMinus && onMinus(value - stepSize)}\n            />\n            <input\n                value={value}\n                className=\"range_slider\"\n                type=\"range\"\n                min={min}\n                max={max}\n                step={stepSize}\n                onChange={(event) => onChange && onChange(parseInt(event.target.value))}\n            />\n            <span\n                className=\"range_btn plus\"\n                onClick={() => value < max && onPlus && onPlus(value + stepSize)}\n            />\n        </div>\n    )\n}\nRangeInput.displayName = 'RangeInput'\n\nexport { RangeInput }\n"],"names":["RangeInput","value","min","max","stepSize","onPlus","onMinus","onChange","rangeInputClassName","classNames","className","React","onClick","type","step","event","parseInt","target","displayName"],"mappings":"+LAwBA,SAASA,aACLC,MAAAA,aAAQ,QACRC,IAAAA,aAAM,QACNC,IAAAA,aAAM,UACNC,SAAAA,aAAW,IACXC,IAAAA,OACAC,IAAAA,QACAC,IAAAA,SAGsB,mBAAXF,IACPA,EAASE,GAEU,mBAAZD,IACPA,EAAUC,OAERC,EAAsBC,EAAW,yBARvCC,kBAUIC,uBAAKD,UAAWF,GACZG,wBACID,UAAU,kBACVE,QAAS,kBAAMX,EAAQC,GAAOI,GAAWA,EAAQL,EAAQG,MAE7DO,yBACIV,MAAOA,EACPS,UAAU,eACVG,KAAK,QACLX,IAAKA,EACLC,IAAKA,EACLW,KAAMV,EACNG,SAAU,SAACQ,UAAUR,GAAYA,EAASS,SAASD,EAAME,OAAOhB,WAEpEU,wBACID,UAAU,iBACVE,QAAS,kBAAMX,EAAQE,GAAOE,GAAUA,EAAOJ,EAAQG,OAKvEJ,EAAWkB,YAAc"}
+{"version":3,"file":"range-input.js","sources":["../../../src/components/range-input/range-input.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './range-input.less'\n\ntype Props = {\n    /** Optional css class that is applied to the range input. */\n    className?: string\n    /** Current value of the range input. */\n    value?: number\n    /** Minimum value of the range input. */\n    min?: number\n    /** Maximum value of the range input. */\n    max?: number\n    /** Step size of the range input and the plus/minus buttons. */\n    stepSize?: number\n    /** Optional function that is called when plus button is clicked. If not supplied onChange will be called with the next value. */\n    onPlus?: (value: number) => void\n    /** Optional function that is called when minus button is clicked. If not supplied onChange will be called with the next value. */\n    onMinus?: (value: number) => void\n    /** Callback function that is called whenever the range input value changes. When onPlus or onMinus is supplied this will not be called for button clicks. */\n    onChange?: (value: number) => void\n}\n\nfunction RangeInput({\n    value = 0,\n    min = 0,\n    max = 100,\n    stepSize = 1,\n    onPlus,\n    onMinus,\n    onChange,\n    className,\n}: Props) {\n    if (typeof onPlus !== 'function') {\n        onPlus = onChange\n    }\n    if (typeof onMinus !== 'function') {\n        onMinus = onChange\n    }\n    const rangeInputClassName = classNames('reactist_range_input', className)\n    return (\n        <div className={rangeInputClassName}>\n            <span\n                className=\"range_btn minus\"\n                onClick={() => value > min && onMinus && onMinus(value - stepSize)}\n            />\n            <input\n                value={value}\n                className=\"range_slider\"\n                type=\"range\"\n                min={min}\n                max={max}\n                step={stepSize}\n                onChange={(event) => onChange?.(parseInt(event.target.value))}\n            />\n            <span\n                className=\"range_btn plus\"\n                onClick={() => value < max && onPlus && onPlus(value + stepSize)}\n            />\n        </div>\n    )\n}\nRangeInput.displayName = 'RangeInput'\n\nexport { RangeInput }\n"],"names":["RangeInput","value","min","max","stepSize","onPlus","onMinus","onChange","rangeInputClassName","classNames","className","React","onClick","type","step","event","parseInt","target","displayName"],"mappings":"+LAwBA,SAASA,aACLC,MAAAA,aAAQ,QACRC,IAAAA,aAAM,QACNC,IAAAA,aAAM,UACNC,SAAAA,aAAW,IACXC,IAAAA,OACAC,IAAAA,QACAC,IAAAA,SAGsB,mBAAXF,IACPA,EAASE,GAEU,mBAAZD,IACPA,EAAUC,OAERC,EAAsBC,EAAW,yBARvCC,kBAUIC,uBAAKD,UAAWF,GACZG,wBACID,UAAU,kBACVE,QAAS,kBAAMX,EAAQC,GAAOI,GAAWA,EAAQL,EAAQG,MAE7DO,yBACIV,MAAOA,EACPS,UAAU,eACVG,KAAK,QACLX,IAAKA,EACLC,IAAKA,EACLW,KAAMV,EACNG,SAAU,SAACQ,UAAUR,MAAAA,SAAAA,EAAWS,SAASD,EAAME,OAAOhB,WAE1DU,wBACID,UAAU,iBACVE,QAAS,kBAAMX,EAAQE,GAAOE,GAAUA,EAAOJ,EAAQG,OAKvEJ,EAAWkB,YAAc"}

package/lib/components/select/select.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("../../_virtual/_rollupPluginBabelHelpers.js"),t=e(require("react")),l=e(require("classnames"));function s(e){var s=e.value,u=e.options,i=void 0===u?[]:u,o=e.onChange,r=e.disabled,n=void 0===r||r,d=e.className,c=void 0===d?"":d,v=e.defaultValue,p=a.objectWithoutPropertiesLoose(e,["value","options","onChange","disabled","className","defaultValue"]),b=l("reactist_select",{disabled:n},c);return t.createElement("select",Object.assign({className:b,value:s,onChange:function(e){return o?o(e.target.value):void 0},disabled:n,defaultValue:v},p),i&&i.map((function(e){return t.createElement("option",{key:e.key||e.value,value:e.value,disabled:e.disabled},e.text)})))}s.displayName="Select",s.defaultProps={options:[],disabled:!1},exports.Select=s;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var a=require("../../_virtual/_rollupPluginBabelHelpers.js"),t=e(require("react")),l=e(require("classnames"));function s(e){var s=e.value,u=e.options,i=void 0===u?[]:u,o=e.onChange,r=e.disabled,n=void 0===r||r,d=e.className,c=void 0===d?"":d,v=e.defaultValue,p=a.objectWithoutPropertiesLoose(e,["value","options","onChange","disabled","className","defaultValue"]),b=l("reactist_select",{disabled:n},c);return t.createElement("select",Object.assign({className:b,value:s,onChange:function(e){return o?o(e.target.value):void 0},disabled:n,defaultValue:v},p),null==i?void 0:i.map((function(e){return t.createElement("option",{key:e.key||e.value,value:e.value,disabled:e.disabled},e.text)})))}s.displayName="Select",s.defaultProps={options:[],disabled:!1},exports.Select=s;
 //# sourceMappingURL=select.js.map

package/lib/components/select/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../../src/components/select/select.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './select.less'\n\ntype Option = {\n    /** Optional key for each option. If not provided `value` is used. */\n    key?: string | number\n    /** Value of the option. */\n    value: string | number\n    /** Text to display for the option. */\n    text?: string | number\n    /** Whether the options is disabled or not. */\n    disabled?: boolean\n}\n\ntype Props = {\n    className?: string\n    disabled?: boolean\n    /** Currently selected value. */\n    value?: string | number\n    /** Callback for the change event. Will be called with the next value (not the full event). */\n    onChange?: (value: string) => void\n    /** Options that are rendered in the select. */\n    options?: Option[]\n    /** Value to initially be set */\n    defaultValue?: string | number\n}\n\nfunction Select({\n    value,\n    options = [],\n    onChange,\n    disabled = true,\n    className = '',\n    defaultValue,\n    ...otherProps\n}: Props) {\n    const selectClassName = classNames('reactist_select', { disabled }, className)\n    return (\n        <select\n            className={selectClassName}\n            value={value}\n            onChange={(event) => (onChange ? onChange(event.target.value) : undefined)}\n            disabled={disabled}\n            defaultValue={defaultValue}\n            {...otherProps}\n        >\n            {options &&\n                options.map((option) => (\n                    <option\n                        key={option.key || option.value}\n                        value={option.value}\n                        disabled={option.disabled}\n                    >\n                        {option.text}\n                    </option>\n                ))}\n        </select>\n    )\n}\nSelect.displayName = 'Select'\nSelect.defaultProps = {\n    options: [],\n    disabled: false,\n}\n\nexport { Select }\n"],"names":["Select","value","options","onChange","disabled","className","defaultValue","otherProps","selectClassName","classNames","React","event","target","undefined","map","option","key","text","displayName","defaultProps"],"mappings":"wPA6BA,SAASA,SACLC,IAAAA,UACAC,QAAAA,aAAU,KACVC,IAAAA,aACAC,SAAAA,oBACAC,UAAAA,aAAY,KACZC,IAAAA,aACGC,yGAEGC,EAAkBC,EAAW,kBAAmB,CAAEL,SAAAA,GAAYC,UAEhEK,wCACIL,UAAWG,EACXP,MAAOA,EACPE,SAAU,SAACQ,UAAWR,EAAWA,EAASQ,EAAMC,OAAOX,YAASY,GAChET,SAAUA,EACVE,aAAcA,GACVC,GAEHL,GACGA,EAAQY,KAAI,SAACC,UACTL,0BACIM,IAAKD,EAAOC,KAAOD,EAAOd,MAC1BA,MAAOc,EAAOd,MACdG,SAAUW,EAAOX,UAEhBW,EAAOE,UAMhCjB,EAAOkB,YAAc,SACrBlB,EAAOmB,aAAe,CAClBjB,QAAS,GACTE,UAAU"}
+{"version":3,"file":"select.js","sources":["../../../src/components/select/select.tsx"],"sourcesContent":["import React from 'react'\nimport classNames from 'classnames'\n\nimport './select.less'\n\ntype Option = {\n    /** Optional key for each option. If not provided `value` is used. */\n    key?: string | number\n    /** Value of the option. */\n    value: string | number\n    /** Text to display for the option. */\n    text?: string | number\n    /** Whether the options is disabled or not. */\n    disabled?: boolean\n}\n\ntype Props = {\n    className?: string\n    disabled?: boolean\n    /** Currently selected value. */\n    value?: string | number\n    /** Callback for the change event. Will be called with the next value (not the full event). */\n    onChange?: (value: string) => void\n    /** Options that are rendered in the select. */\n    options?: Option[]\n    /** Value to initially be set */\n    defaultValue?: string | number\n}\n\nfunction Select({\n    value,\n    options = [],\n    onChange,\n    disabled = true,\n    className = '',\n    defaultValue,\n    ...otherProps\n}: Props) {\n    const selectClassName = classNames('reactist_select', { disabled }, className)\n    return (\n        <select\n            className={selectClassName}\n            value={value}\n            onChange={(event) => (onChange ? onChange(event.target.value) : undefined)}\n            disabled={disabled}\n            defaultValue={defaultValue}\n            {...otherProps}\n        >\n            {options?.map((option) => (\n                <option\n                    key={option.key || option.value}\n                    value={option.value}\n                    disabled={option.disabled}\n                >\n                    {option.text}\n                </option>\n            ))}\n        </select>\n    )\n}\nSelect.displayName = 'Select'\nSelect.defaultProps = {\n    options: [],\n    disabled: false,\n}\n\nexport { Select }\n"],"names":["Select","value","options","onChange","disabled","className","defaultValue","otherProps","selectClassName","classNames","React","event","target","undefined","map","option","key","text","displayName","defaultProps"],"mappings":"wPA6BA,SAASA,SACLC,IAAAA,UACAC,QAAAA,aAAU,KACVC,IAAAA,aACAC,SAAAA,oBACAC,UAAAA,aAAY,KACZC,IAAAA,aACGC,yGAEGC,EAAkBC,EAAW,kBAAmB,CAAEL,SAAAA,GAAYC,UAEhEK,wCACIL,UAAWG,EACXP,MAAOA,EACPE,SAAU,SAACQ,UAAWR,EAAWA,EAASQ,EAAMC,OAAOX,YAASY,GAChET,SAAUA,EACVE,aAAcA,GACVC,GAEHL,MAAAA,SAAAA,EAASY,KAAI,SAACC,UACXL,0BACIM,IAAKD,EAAOC,KAAOD,EAAOd,MAC1BA,MAAOc,EAAOd,MACdG,SAAUW,EAAOX,UAEhBW,EAAOE,UAM5BjB,EAAOkB,YAAc,SACrBlB,EAAOmB,aAAe,CAClBjB,QAAS,GACTE,UAAU"}

package/lib/components/tooltip/index.d.ts

@@ -1,3 +1,3 @@
 import type { TooltipProps } from './tooltip';
 export { Tooltip, SHOW_DELAY, HIDE_DELAY } from './tooltip';
-export { TooltipProps };
+export type { TooltipProps };

package/lib/hooks/use-previous/index.d.ts

@@ -0,0 +1 @@
+export * from './use-previous';

package/lib/hooks/use-previous/use-previous.d.ts

@@ -0,0 +1,15 @@
+/**
+ * usePrevious tracks the change of the given value -
+ * when a given value has been changed from a previous call,
+ * it will return the value prior to the change.
+ *
+ * Example:
+ *
+ * const [x, setX] = useState(1)
+ * const prevX = usePrevious(x)
+ *
+ * Suppose `setX(2)` is called, then in the next component render
+ * x = 2 and prevX = 1
+ */
+declare function usePrevious<T>(value: T): T | null;
+export { usePrevious };

package/lib/hooks/use-previous/use-previous.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react");exports.usePrevious=function(r){var u=e.useRef(null);return e.useEffect((function(){u.current=r}),[r]),u.current};
+//# sourceMappingURL=use-previous.js.map

package/lib/hooks/use-previous/use-previous.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-previous.js","sources":["../../../src/hooks/use-previous/use-previous.ts"],"sourcesContent":["import * as React from 'react'\n\n/**\n * usePrevious tracks the change of the given value -\n * when a given value has been changed from a previous call,\n * it will return the value prior to the change.\n *\n * Example:\n *\n * const [x, setX] = useState(1)\n * const prevX = usePrevious(x)\n *\n * Suppose `setX(2)` is called, then in the next component render\n * x = 2 and prevX = 1\n */\nfunction usePrevious<T>(value: T): T | null {\n    const ref = React.useRef<T | null>(null)\n\n    React.useEffect(() => {\n        ref.current = value\n    }, [value])\n\n    return ref.current\n}\n\nexport { usePrevious }\n"],"names":["value","ref","React","current"],"mappings":"+GAeA,SAAwBA,OACdC,EAAMC,SAAuB,aAEnCA,aAAgB,WACZD,EAAIE,QAAUH,IACf,CAACA,IAEGC,EAAIE"}

package/lib/index.d.ts

@@ -4,11 +4,14 @@ export * from './new-components/columns';
 export * from './new-components/divider';
 export * from './new-components/inline';
 export * from './new-components/stack';
+export * from './new-components/hidden';
+export * from './new-components/hidden-visually';
 export * from './new-components/alert';
-export * from './new-components/loading-spinner';
+export * from './new-components/loading';
 export * from './new-components/notice';
 export * from './new-components/heading';
 export * from './new-components/text';
+export * from './new-components/button';
 export * from './new-components/button-link';
 export * from './new-components/text-link';
 export * from './new-components/checkbox-field';
@@ -17,8 +20,10 @@ export * from './new-components/select-field';
 export * from './new-components/switch-field';
 export * from './new-components/text-area';
 export * from './new-components/text-field';
+export * from './new-components/tabs';
+export * from './new-components/modal';
+export * from './hooks/use-previous';
 export { default as Avatar } from './components/avatar';
-export { default as Button } from './components/button';
 export { default as Checkbox } from './components/checkbox';
 export { default as ColorPicker, COLORS } from './components/color-picker';
 export { default as Dropdown } from './components/dropdown';
@@ -27,8 +32,6 @@ export { default as Icon } from './components/icon';
 export { default as Input } from './components/input';
 export { default as KeyboardShortcut } from './components/keyboard-shortcut';
 export { default as KeyCapturer, SUPPORTED_KEYS } from './components/key-capturer';
-export { default as Loading } from './components/loading';
-export { default as Modal } from './components/modal';
 export { default as Popover } from './components/popover';
 export { default as ProgressBar } from './components/progress-bar';
 export { default as RangeInput } from './components/range-input';
@@ -36,6 +39,8 @@ export { default as Select } from './components/select';
 export { default as Time } from './components/time';
 export { default as Tip } from './components/tip';
 export { Notification } from './components/notification/notification';
-export { Tabs, Tab } from './components/tabs';
 export { Tooltip, TooltipProps } from './components/tooltip';
 export * from './components/menu';
+export { default as DeprecatedButton } from './components/deprecated-button';
+export { default as DeprecatedModal } from './components/deprecated-modal';
+export { DeprecatedLoading } from './components/deprecated-loading';

package/lib/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./new-components/box/box.js"),o=require("./new-components/columns/columns.js"),t=require("./new-components/divider/divider.js"),n=require("./new-components/inline/inline.js"),r=require("./new-components/stack/stack.js"),s=require("./new-components/alert/alert.js"),i=require("./new-components/loading-spinner/loading-spinner.js"),p=require("./new-components/notice/notice.js"),u=require("./new-components/heading/heading.js"),x=require("./new-components/text/text.js"),c=require("./new-components/button-link/button-link.js"),d=require("./new-components/text-link/text-link.js"),l=require("./new-components/checkbox-field/checkbox-field.js"),a=require("./components/tooltip/tooltip.js"),m=require("./new-components/password-field/password-field.js"),j=require("./new-components/select-field/select-field.js"),q=require("./new-components/switch-field/switch-field.js"),f=require("./new-components/text-area/text-area.js"),w=require("./new-components/text-field/text-field.js"),k=require("./components/avatar/index.js"),b=require("./components/button/index.js"),S=require("./components/checkbox/index.js"),T=require("./components/dropdown/index.js"),g=require("./components/color-picker/color-picker.js"),M=require("./components/color-picker/index.js"),h=require("./components/error-message/index.js"),C=require("./components/icon/index.js"),L=require("./components/input/index.js"),v=require("./components/keyboard-shortcut/index.js"),F=require("./components/key-capturer/key-capturer.js"),P=require("./components/key-capturer/index.js"),B=require("./components/loading/index.js"),y=require("./components/modal/index.js"),I=require("./components/popover/index.js"),O=require("./components/progress-bar/index.js"),A=require("./components/range-input/index.js"),D=require("./components/select/index.js"),E=require("./components/time/index.js"),R=require("./components/tip/index.js"),K=require("./components/notification/notification.js"),N=require("./components/tabs/tabs.js"),_=require("./components/menu/menu.js");exports.Box=e.Box,exports.Column=o.Column,exports.Columns=o.Columns,exports.Divider=t.Divider,exports.Inline=n.Inline,exports.Stack=r.Stack,exports.Alert=s.Alert,exports.LoadingSpinner=i.LoadingSpinner,exports.Notice=p.Notice,exports.Heading=u.Heading,exports.Text=x.Text,exports.ButtonLink=c.ButtonLink,exports.TextLink=d.TextLink,exports.CheckboxField=l.CheckboxField,exports.Tooltip=a.Tooltip,exports.PasswordField=m.PasswordField,exports.SelectField=j.SelectField,exports.SwitchField=q.SwitchField,exports.TextArea=f.TextArea,exports.TextField=w.TextField,exports.Avatar=k.default,exports.Button=b.default,exports.Checkbox=S.default,exports.Dropdown=T.default,exports.COLORS=g.COLORS,exports.ColorPicker=M.default,exports.ErrorMessage=h.default,exports.Icon=C.default,exports.Input=L.default,exports.KeyboardShortcut=v.default,exports.SUPPORTED_KEYS=F.SUPPORTED_KEYS,exports.KeyCapturer=P.default,exports.Loading=B.default,exports.Modal=y.default,exports.Popover=I.default,exports.ProgressBar=O.default,exports.RangeInput=A.default,exports.Select=D.default,exports.Time=E.default,exports.Tip=R.default,exports.Notification=K.Notification,exports.Tab=N.Tab,exports.Tabs=N.Tabs,exports.Menu=_.Menu,exports.MenuButton=_.MenuButton,exports.MenuGroup=_.MenuGroup,exports.MenuItem=_.MenuItem,exports.MenuList=_.MenuList,exports.SubMenu=_.SubMenu;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./new-components/box/box.js"),o=require("./new-components/columns/columns.js"),t=require("./new-components/divider/divider.js"),r=require("./new-components/inline/inline.js"),n=require("./new-components/stack/stack.js"),s=require("./new-components/hidden/hidden.js"),i=require("./new-components/hidden-visually/hidden-visually.js"),p=require("./new-components/alert/alert.js"),d=require("./new-components/loading/loading.js"),u=require("./new-components/notice/notice.js"),a=require("./new-components/heading/heading.js"),x=require("./new-components/text/text.js"),l=require("./components/tooltip/tooltip.js"),c=require("./new-components/button/button.js"),m=require("./new-components/button-link/button-link.js"),j=require("./new-components/text-link/text-link.js"),q=require("./new-components/checkbox-field/checkbox-field.js"),w=require("./new-components/password-field/password-field.js"),f=require("./new-components/select-field/select-field.js"),b=require("./new-components/switch-field/switch-field.js"),k=require("./new-components/text-area/text-area.js"),M=require("./new-components/text-field/text-field.js"),T=require("./hooks/use-previous/use-previous.js"),h=require("./new-components/tabs/tabs.js"),g=require("./new-components/modal/modal.js"),S=require("./components/avatar/index.js"),v=require("./components/checkbox/index.js"),B=require("./components/deprecated-button/index.js"),L=require("./components/dropdown/index.js"),P=require("./components/color-picker/color-picker.js"),y=require("./components/color-picker/index.js"),C=require("./components/error-message/index.js"),F=require("./components/icon/index.js"),A=require("./components/input/index.js"),D=require("./components/keyboard-shortcut/index.js"),H=require("./components/key-capturer/key-capturer.js"),I=require("./components/key-capturer/index.js"),O=require("./components/popover/index.js"),E=require("./components/progress-bar/index.js"),R=require("./components/range-input/index.js"),K=require("./components/select/index.js"),N=require("./components/time/index.js"),_=require("./components/tip/index.js"),G=require("./components/notification/notification.js"),U=require("./components/menu/menu.js"),V=require("./components/deprecated-modal/index.js"),Y=require("./components/deprecated-loading/deprecated-loading.js");exports.Box=e.Box,exports.Column=o.Column,exports.Columns=o.Columns,exports.Divider=t.Divider,exports.Inline=r.Inline,exports.Stack=n.Stack,exports.Hidden=s.Hidden,exports.HiddenVisually=i.HiddenVisually,exports.Alert=p.Alert,exports.Loading=d.Loading,exports.Notice=u.Notice,exports.Heading=a.Heading,exports.Text=x.Text,exports.Tooltip=l.Tooltip,exports.Button=c.Button,exports.ButtonLink=m.ButtonLink,exports.TextLink=j.TextLink,exports.CheckboxField=q.CheckboxField,exports.PasswordField=w.PasswordField,exports.SelectField=f.SelectField,exports.SwitchField=b.SwitchField,exports.TextArea=k.TextArea,exports.TextField=M.TextField,exports.usePrevious=T.usePrevious,exports.Tab=h.Tab,exports.TabAwareSlot=h.TabAwareSlot,exports.TabList=h.TabList,exports.TabPanel=h.TabPanel,exports.Tabs=h.Tabs,exports.Modal=g.Modal,exports.ModalActions=g.ModalActions,exports.ModalBody=g.ModalBody,exports.ModalCloseButton=g.ModalCloseButton,exports.ModalFooter=g.ModalFooter,exports.ModalHeader=g.ModalHeader,exports.Avatar=S.default,exports.Checkbox=v.default,exports.DeprecatedButton=B.default,exports.Dropdown=L.default,exports.COLORS=P.COLORS,exports.ColorPicker=y.default,exports.ErrorMessage=C.default,exports.Icon=F.default,exports.Input=A.default,exports.KeyboardShortcut=D.default,exports.SUPPORTED_KEYS=H.SUPPORTED_KEYS,exports.KeyCapturer=I.default,exports.Popover=O.default,exports.ProgressBar=E.default,exports.RangeInput=R.default,exports.Select=K.default,exports.Time=N.default,exports.Tip=_.default,exports.Notification=G.Notification,exports.Menu=U.Menu,exports.MenuButton=U.MenuButton,exports.MenuGroup=U.MenuGroup,exports.MenuItem=U.MenuItem,exports.MenuList=U.MenuList,exports.SubMenu=U.SubMenu,exports.DeprecatedModal=V.default,exports.DeprecatedLoading=Y.Loading;
 //# sourceMappingURL=index.js.map

package/lib/new-components/base-button/base-button.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+import { TooltipProps } from '../../components/tooltip';
+declare type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'quaternary';
+declare type ButtonTone = 'normal' | 'destructive';
+declare type ButtonSize = 'small' | 'normal' | 'large';
+declare type IconElement = React.ReactChild;
+declare type CommonProps = {
+    /**
+     * The button's variant.
+     */
+    variant: ButtonVariant;
+    /**
+     * The button's tone.
+     * @default 'normal'
+     */
+    tone?: ButtonTone;
+    /**
+     * The button's size.
+     * @default 'normal'
+     */
+    size?: ButtonSize;
+    /**
+     * Whether the button is disabled or not.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the button is busy/loading.
+     *
+     * A button in this state is functionally and semantically disabled. Visually is does not look
+     * dimmed (as disabled buttons normally do), but it shows a loading spinner instead.
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * A tooltip linked to the button element.
+     */
+    tooltip?: TooltipProps['content'];
+};
+declare type IconButtonProps = {
+    icon: IconElement;
+    'aria-label': string;
+    children?: never;
+    startIcon?: never;
+    endIcon?: never;
+};
+declare type LabelledButtonProps = {
+    children: NonNullable<React.ReactNode>;
+    startIcon?: IconElement;
+    endIcon?: IconElement;
+    icon?: never;
+};
+export declare type BaseButtonProps = CommonProps & (IconButtonProps | LabelledButtonProps);
+/**
+ * The component that powers `Button` and `ButtonLink`, where the button styling logic and some
+ * common functionality resides. This component is internal to Reactist.
+ *
+ * 🎨 [Figma](https://www.figma.com/file/LYlWNzvhMDh907l07mPPQk/Product-Web?node-id=4693%3A175143)
+ *
+ * @see Button
+ * @see ButtonLink
+ */
+export declare const BaseButton: import("../../utils/polymorphism").PolymorphicComponent<"div", BaseButtonProps, "obfuscateClassName">;
+export {};

package/lib/new-components/base-button/base-button.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_rollupPluginBabelHelpers.js"),l=require("react"),t=require("../../utils/polymorphism.js"),n=require("../box/box.js"),a=require("../spinner/spinner.js"),o=require("../../components/tooltip/tooltip.js"),i=require("./base-button.module.css.js");function r(e){e.preventDefault()}exports.BaseButton=t.polymorphicComponent((function(t,s){var u=t.as,c=void 0===u?"div":u,d=t.variant,p=t.tone,m=void 0===p?"normal":p,f=t.size,b=void 0===f?"normal":f,v=t.disabled,x=void 0!==v&&v,j=t.loading,E=void 0!==j&&j,B=t.tooltip,h=t.onClick,q=t.exceptionallySetClassName,y=t.children,C=t.startIcon,I=t.endIcon,N=t.icon,g=e.objectWithoutPropertiesLoose(t,["as","variant","tone","size","disabled","loading","tooltip","onClick","exceptionallySetClassName","children","startIcon","endIcon","icon"]),S=E||x,_=l.createElement(n.Box,Object.assign({},g,{as:c,ref:s,"aria-disabled":S,onClick:S?r:h,className:[q,i.default.baseButton,i.default["variant-"+d],i.default["tone-"+m],i.default["size-"+b],N?i.default.iconButton:null,x?i.default.disabled:null]}),N?E&&l.createElement(a.Spinner,null)||N:l.createElement(l.Fragment,null,C?l.createElement(n.Box,{display:"flex",className:i.default.startIcon,"aria-hidden":!0},E&&!I?l.createElement(a.Spinner,null):C):null,y?l.createElement("span",{className:i.default.label},y):null,I||E&&!C?l.createElement(n.Box,{display:"flex",className:i.default.endIcon,"aria-hidden":!0},E?l.createElement(a.Spinner,null):I):null)),k=N?null!=B?B:g["aria-label"]:B;return k?l.createElement(o.Tooltip,{content:k},_):_}));
+//# sourceMappingURL=base-button.js.map