{"version":3,"file":"Alert-C7TPoxiT.js","sources":["../../../node_modules/@heroicons/react/24/solid/esm/XMarkIcon.js","../../../resources/js/Components/Button.tsx","../../../resources/js/Components/Alert.tsx"],"sourcesContent":["import * as React from \"react\";\nfunction XMarkIcon({\n  title,\n  titleId,\n  ...props\n}, svgRef) {\n  return /*#__PURE__*/React.createElement(\"svg\", Object.assign({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 24 24\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    d: \"M5.47 5.47a.75.75 0 0 1 1.06 0L12 10.94l5.47-5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06L12 13.06l-5.47 5.47a.75.75 0 0 1-1.06-1.06L10.94 12 5.47 6.53a.75.75 0 0 1 0-1.06Z\",\n    clipRule: \"evenodd\"\n  }));\n}\nconst ForwardRef = /*#__PURE__*/ React.forwardRef(XMarkIcon);\nexport default ForwardRef;","import React from \"react\";\nimport { useSelector } from \"react-redux\";\nimport { apiCount } from \"@/Reducers/store\";\nimport { getTitle } from \"@/Common/getTitle.ts\";\n\nexport interface Props extends React.ComponentProps<\"button\"> {\n    className?: string;\n    variant?: \"primary\" | \"secondary\" | \"danger\" | \"warning\" | \"success\";\n    disabled?: boolean;\n    icon?: React.ComponentType<{ className: string }>;\n    /** Whether to use the condensed version of the button (e.g. in AgGrid) */\n    small?: boolean;\n}\n\nconst Button: React.FC<Props> = ({\n    type = \"button\",\n    className = \"\",\n    children,\n    variant = \"primary\",\n    title,\n    icon,\n    small,\n    ...props\n}) => {\n    const Icon = icon;\n\n    const size = small ? \"px-2.5 py-1.5\" : \"px-4 py-2\";\n\n    let variantStyle;\n    switch (variant) {\n        case \"secondary\":\n            variantStyle =\n                \"bg-white border border-gray-300 rounded-md shadow-xs text-sm font-medium text-gray-700 hover:bg-gray-50 focus:ring-indigo-500 disabled:bg-gray-50 disabled:text-gray-400\";\n            break;\n        case \"danger\":\n            variantStyle =\n                \"border-transparent text-white bg-red-600 hover:bg-red-700 focus:ring-red-500 disabled:bg-red-400\";\n            break;\n        case \"warning\":\n            variantStyle =\n                \"border-transparent text-black bg-amber-400 hover:bg-amber-500 focus:ring-amber-300 disabled:bg-amber-200\";\n            break;\n        case \"success\":\n            variantStyle =\n                \"border-transparent text-black bg-green-400 hover:bg-green-500 focus:ring-green-300 disabled:bg-green-200\";\n            break;\n        case \"primary\":\n        default:\n            variantStyle =\n                \"border-transparent text-white bg-indigo-600 hover:bg-indigo-700 focus:ring-indigo-500 disabled:bg-indigo-400\";\n            break;\n    }\n\n    const count = useSelector(apiCount);\n\n    return (\n        <button\n            type={type}\n            className={\n                `inline-flex justify-center rounded-md border ${size} font-sans text-sm font-semibold shadow-xs ${variantStyle} focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none ` +\n                className\n            }\n            disabled={props.disabled || count > 0}\n            {...props}\n            title={getTitle(title, children)}\n        >\n            {children}\n            {Icon && <Icon className=\"my-auto ml-2 h-4\" />}\n        </button>\n    );\n};\n\nexport default Button;\n","import React, { ReactNode, useEffect, useRef, useState } from \"react\";\nimport {\n    CheckCircleIcon,\n    ExclamationTriangleIcon,\n    XCircleIcon,\n    XMarkIcon,\n} from \"@heroicons/react/24/solid\";\n\ntype AlertListProps = {\n    children: ReactNode;\n};\n\nexport const AlertList: React.FC<AlertListProps> = ({ children }) => {\n    return <ul className=\"list-disc space-y-1 pl-5\">{children}</ul>;\n};\n\ntype Action = {\n    id: string | number;\n    onClick: (ev) => void;\n    text: string;\n};\n\ntype Props = {\n    className?: string;\n    variant?: \"error\" | \"danger\" | \"warning\" | \"success\" | \"primary\";\n    handleDismiss?: (e) => void;\n    title: string;\n    actions?: Action[];\n    children: ReactNode | string;\n    dismissable?: boolean;\n};\n\nconst Alert: React.FC<Props> = (props) => {\n    let variantClass, symbol, titleClass, dismissColour;\n    switch (props.variant) {\n        case \"error\":\n        case \"danger\":\n            variantClass = \"bg-red-50 text-red-700 border-red-100\";\n            titleClass = \"text-red-800\";\n            dismissColour =\n                \"bg-red-50 text-red-500 hover:bg-red-100 focus:ring-offset-red-50 focus:ring-red-600\";\n            symbol = (\n                <XCircleIcon\n                    className=\"h-5 w-5 text-red-400\"\n                    aria-hidden=\"true\"\n                />\n            );\n            break;\n        case \"warning\":\n            variantClass = \"bg-yellow-50 text-yellow-700 border-yellow-200\";\n            titleClass = \"text-yellow-800\";\n            dismissColour =\n                \"bg-yellow-50 text-yellow-500 hover:bg-yellow-100 focus:ring-offset-yellow-50 focus:ring-yellow-600\";\n            symbol = (\n                <ExclamationTriangleIcon\n                    className=\"h-5 w-5 text-yellow-400\"\n                    aria-hidden=\"true\"\n                />\n            );\n            break;\n        default:\n            variantClass = \"bg-green-50 text-green-700 border-green-200\";\n            titleClass = \"text-green-800\";\n            dismissColour =\n                \"bg-green-50 text-green-500 hover:bg-green-100 focus:ring-offset-green-50 focus:ring-green-600\";\n            symbol = (\n                <CheckCircleIcon\n                    className=\"h-5 w-5 text-green-400\"\n                    aria-hidden=\"true\"\n                />\n            );\n            break;\n    }\n\n    const title = useRef(null);\n\n    const [dismissed, setDismissed] = useState(false);\n\n    const handleDismiss = (e) => {\n        if (props.handleDismiss) {\n            props.handleDismiss(e);\n        }\n        setDismissed(true);\n    };\n\n    // Reshow if props change - means alert changed\n    useEffect(() => {\n        setDismissed(false);\n    }, [props]);\n\n    const renderActionButtons = () => {\n        let colour;\n        switch (props.variant) {\n            case \"error\":\n                colour =\n                    \"bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50\";\n                break;\n            case \"warning\":\n                colour =\n                    \"bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50\";\n                break;\n            default:\n                colour =\n                    \"bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50\";\n                break;\n        }\n\n        return props.actions.map((item) => {\n            return (\n                <button\n                    key={item.id}\n                    onClick={item.onClick}\n                    type=\"button\"\n                    className={`rounded-md px-2 py-1.5 text-sm font-medium focus:ring-2 focus:ring-offset-2 focus:outline-hidden ${colour}`}\n                >\n                    {item.text}\n                </button>\n            );\n        });\n    };\n\n    return (\n        <>\n            {!dismissed && (\n                <div\n                    className={`rounded-md border-2 p-4 ${variantClass} ${props.className}`}\n                >\n                    <div className=\"flex\">\n                        <div className=\"shrink-0\">{symbol}</div>\n                        <div className=\"ml-3 w-full\">\n                            <h3\n                                ref={title}\n                                className={`text-sm font-medium ${titleClass}`}\n                            >\n                                {props.title}\n                            </h3>\n                            <div className=\"mt-2 text-sm\">{props.children}</div>\n                            {props.actions && (\n                                <div className=\"mt-4\">\n                                    <div className=\"-mx-2 -my-1.5 flex\">\n                                        {renderActionButtons()}\n                                    </div>\n                                </div>\n                            )}\n                        </div>\n                        {(props.dismissable || props.handleDismiss) && (\n                            <div className=\"ml-auto pl-3\">\n                                <div className=\"-mx-1.5 -my-1.5\">\n                                    <button\n                                        type=\"button\"\n                                        className={`inline-flex rounded-md p-1.5 focus:ring-2 focus:ring-offset-2 focus:outline-hidden ${dismissColour}`}\n                                        onClick={handleDismiss}\n                                    >\n                                        <span className=\"sr-only\">Dismiss</span>\n                                        <XMarkIcon\n                                            className=\"h-5 w-5\"\n                                            aria-hidden=\"true\"\n                                        />\n                                    </button>\n                                </div>\n                            </div>\n                        )}\n                    </div>\n                </div>\n            )}\n        </>\n    );\n};\n\nexport default Alert;\n"],"names":["XMarkIcon","title","titleId","props","svgRef","React.createElement","ForwardRef","React.forwardRef","Button","type","className","children","variant","icon","small","Icon","size","variantStyle","count","useSelector","apiCount","jsxs","getTitle","jsx","AlertList","Alert","variantClass","symbol","titleClass","dismissColour","XCircleIcon","ExclamationTriangleIcon","CheckCircleIcon","useRef","dismissed","setDismissed","useState","handleDismiss","e","useEffect","renderActionButtons","colour","item","Fragment"],"mappings":"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","x_google_ignoreList":[0]}