no-frills-ui 0.0.14-alpha.7 → 0.0.14-alpha.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +87 -87
- package/dist/index.js.map +1 -1
- package/lib-esm/components/Accordion/Accordion.js +1 -0
- package/lib-esm/components/Accordion/Accordion.js.map +1 -0
- package/lib-esm/components/Accordion/AccordionStep.js +9 -8
- package/lib-esm/components/Accordion/AccordionStep.js.map +1 -0
- package/lib-esm/components/Badge/Badge.js +2 -1
- package/lib-esm/components/Badge/Badge.js.map +1 -0
- package/lib-esm/components/Button/ActionButton.js +2 -1
- package/lib-esm/components/Button/ActionButton.js.map +1 -0
- package/lib-esm/components/Button/Button.js +2 -1
- package/lib-esm/components/Button/Button.js.map +1 -0
- package/lib-esm/components/Button/IconButton.js +2 -1
- package/lib-esm/components/Button/IconButton.js.map +1 -0
- package/lib-esm/components/Button/LinkButton.js +2 -1
- package/lib-esm/components/Button/LinkButton.js.map +1 -0
- package/lib-esm/components/Button/RaisedButton.js +2 -1
- package/lib-esm/components/Button/RaisedButton.js.map +1 -0
- package/lib-esm/components/Card/Card.js +2 -1
- package/lib-esm/components/Card/Card.js.map +1 -0
- package/lib-esm/components/Chip/Chip.js +3 -2
- package/lib-esm/components/Chip/Chip.js.map +1 -0
- package/lib-esm/components/ChipInput/ChipInput.js +4 -3
- package/lib-esm/components/ChipInput/ChipInput.js.map +1 -0
- package/lib-esm/components/Dialog/AlertDialog.js +1 -0
- package/lib-esm/components/Dialog/AlertDialog.js.map +1 -0
- package/lib-esm/components/Dialog/ConfirmDialog.js +1 -0
- package/lib-esm/components/Dialog/ConfirmDialog.js.map +1 -0
- package/lib-esm/components/Dialog/Dialog.js +2 -1
- package/lib-esm/components/Dialog/Dialog.js.map +1 -0
- package/lib-esm/components/Dialog/PromptDialog.js +4 -3
- package/lib-esm/components/Dialog/PromptDialog.js.map +1 -0
- package/lib-esm/components/DragAndDrop/DragAndDrop.js +3 -2
- package/lib-esm/components/DragAndDrop/DragAndDrop.js.map +1 -0
- package/lib-esm/components/DragAndDrop/DragItem.js +4 -3
- package/lib-esm/components/DragAndDrop/DragItem.js.map +1 -0
- package/lib-esm/components/DragAndDrop/types.js +1 -0
- package/lib-esm/components/DragAndDrop/types.js.map +1 -0
- package/lib-esm/components/Drawer/Drawer.js +2 -1
- package/lib-esm/components/Drawer/Drawer.js.map +1 -0
- package/lib-esm/components/Groups/Group.js +3 -2
- package/lib-esm/components/Groups/Group.js.map +1 -0
- package/lib-esm/components/Groups/GroupLabel.js +2 -1
- package/lib-esm/components/Groups/GroupLabel.js.map +1 -0
- package/lib-esm/components/Input/Checkbox.js +4 -3
- package/lib-esm/components/Input/Checkbox.js.map +1 -0
- package/lib-esm/components/Input/Dropdown.js +2 -1
- package/lib-esm/components/Input/Dropdown.js.map +1 -0
- package/lib-esm/components/Input/Input.js +4 -3
- package/lib-esm/components/Input/Input.js.map +1 -0
- package/lib-esm/components/Input/Radio.js +4 -3
- package/lib-esm/components/Input/Radio.js.map +1 -0
- package/lib-esm/components/Input/RadioButton.js +4 -3
- package/lib-esm/components/Input/RadioButton.js.map +1 -0
- package/lib-esm/components/Input/Select.js +5 -4
- package/lib-esm/components/Input/Select.js.map +1 -0
- package/lib-esm/components/Input/TextArea.js +4 -3
- package/lib-esm/components/Input/TextArea.js.map +1 -0
- package/lib-esm/components/Input/Toggle.js +3 -2
- package/lib-esm/components/Input/Toggle.js.map +1 -0
- package/lib-esm/components/Menu/Menu.js +2 -1
- package/lib-esm/components/Menu/Menu.js.map +1 -0
- package/lib-esm/components/Menu/MenuContext.js +1 -0
- package/lib-esm/components/Menu/MenuContext.js.map +1 -0
- package/lib-esm/components/Menu/MenuItem.js +2 -1
- package/lib-esm/components/Menu/MenuItem.js.map +1 -0
- package/lib-esm/components/Modal/Modal.js +1 -0
- package/lib-esm/components/Modal/Modal.js.map +1 -0
- package/lib-esm/components/Notification/Notification.js +1 -0
- package/lib-esm/components/Notification/Notification.js.map +1 -0
- package/lib-esm/components/Notification/NotificationManager.js +1 -0
- package/lib-esm/components/Notification/NotificationManager.js.map +1 -0
- package/lib-esm/components/Notification/style.js +10 -9
- package/lib-esm/components/Notification/style.js.map +1 -0
- package/lib-esm/components/Notification/types.js +1 -0
- package/lib-esm/components/Notification/types.js.map +1 -0
- package/lib-esm/components/Popover/Popover.js +3 -2
- package/lib-esm/components/Popover/Popover.js.map +1 -0
- package/lib-esm/components/Spinner/Spinner.js +2 -1
- package/lib-esm/components/Spinner/Spinner.js.map +1 -0
- package/lib-esm/components/Stepper/Step.js +2 -1
- package/lib-esm/components/Stepper/Step.js.map +1 -0
- package/lib-esm/components/Stepper/Stepper.js +5 -4
- package/lib-esm/components/Stepper/Stepper.js.map +1 -0
- package/lib-esm/components/Tabs/Tab.js +1 -0
- package/lib-esm/components/Tabs/Tab.js.map +1 -0
- package/lib-esm/components/Tabs/Tabs.js +4 -3
- package/lib-esm/components/Tabs/Tabs.js.map +1 -0
- package/lib-esm/components/Toast/Toast.js +4 -3
- package/lib-esm/components/Toast/Toast.js.map +1 -0
- package/lib-esm/components/Tooltip/Tooltip.js +3 -2
- package/lib-esm/components/Tooltip/Tooltip.js.map +1 -0
- package/lib-esm/components/index.js +1 -0
- package/lib-esm/components/index.js.map +1 -0
- package/lib-esm/icons/CheckCircle.js +1 -0
- package/lib-esm/icons/CheckCircle.js.map +1 -0
- package/lib-esm/icons/Close.js +1 -0
- package/lib-esm/icons/Close.js.map +1 -0
- package/lib-esm/icons/DragIndicator.js +1 -0
- package/lib-esm/icons/DragIndicator.js.map +1 -0
- package/lib-esm/icons/ErrorOutline.js +1 -0
- package/lib-esm/icons/ErrorOutline.js.map +1 -0
- package/lib-esm/icons/ExpandMore.js +1 -0
- package/lib-esm/icons/ExpandMore.js.map +1 -0
- package/lib-esm/icons/FiberManualRecord.js +1 -0
- package/lib-esm/icons/FiberManualRecord.js.map +1 -0
- package/lib-esm/icons/Info.js +1 -0
- package/lib-esm/icons/Info.js.map +1 -0
- package/lib-esm/icons/ReportProblem.js +1 -0
- package/lib-esm/icons/ReportProblem.js.map +1 -0
- package/lib-esm/shared/LayerManager.js +2 -1
- package/lib-esm/shared/LayerManager.js.map +1 -0
- package/lib-esm/shared/constants.js +1 -0
- package/lib-esm/shared/constants.js.map +1 -0
- package/lib-esm/shared/styles.js +5 -4
- package/lib-esm/shared/styles.js.map +1 -0
- package/package.json +1 -1
|
@@ -5,7 +5,7 @@ import styled from '@emotion/styled';
|
|
|
5
5
|
const Container = /*#__PURE__*/ styled("div", {
|
|
6
6
|
target: "eac2nqz0",
|
|
7
7
|
label: "Container"
|
|
8
|
-
})("flex:1;display:flex;flex-direction:column;"
|
|
8
|
+
})("flex:1;display:flex;flex-direction:column;");
|
|
9
9
|
function Step(props) {
|
|
10
10
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
11
11
|
const { name, disabled, completed, ...rest } = props;
|
|
@@ -19,3 +19,4 @@ Step.defaultProps = {
|
|
|
19
19
|
};
|
|
20
20
|
|
|
21
21
|
export { Step as default };
|
|
22
|
+
//# sourceMappingURL=Step.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Step.js","sources":["../../../src/components/Stepper/Step.tsx"],"sourcesContent":["import React from 'react';\nimport styled from '@emotion/styled';\n\ninterface StepProps {\n /** Name of the step to be displayed in the header */\n name: string;\n /** Disables the step */\n disabled?: boolean;\n /** Marks the step as completed */\n completed?: boolean;\n}\n\nconst Container = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n`;\n\nexport default function Step(props: React.PropsWithChildren<StepProps>) {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n const { name, disabled, completed, ...rest } = props;\n return <Container {...rest} />;\n}\n\nStep.defaultProps = {\n disabled: false,\n completed: false,\n};\n"],"names":["Container","styled","Step","props","name","disabled","completed","rest","_jsx","defaultProps"],"mappings":";;;;AAYA,MAAMA,SAAAA,iBAAYC,MAAAA,CAAAA,KAAAA,EAAAA;;;;AAMH,SAASC,KAAKC,KAAyC,EAAA;;IAElE,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,IAAAA,EAAM,GAAGJ,KAAAA;AAC/C,IAAA,qBAAOK,GAAA,CAACR,SAAAA,EAAAA;AAAW,QAAA,GAAGO;;AAC1B;AAEAL,IAAAA,CAAKO,YAAY,GAAG;IAChBJ,QAAAA,EAAU,KAAA;IACVC,SAAAA,EAAW;AACf,CAAA;;;;"}
|
|
@@ -9,19 +9,19 @@ import Badge, { BADGE_TYPE } from '../Badge/Badge.js';
|
|
|
9
9
|
const Container = /*#__PURE__*/ styled("div", {
|
|
10
10
|
target: "e1n4tau0",
|
|
11
11
|
label: "Container"
|
|
12
|
-
})("flex:1;display:flex;flex-direction:column;min-height:400px;"
|
|
12
|
+
})("flex:1;display:flex;flex-direction:column;min-height:400px;");
|
|
13
13
|
const Header = /*#__PURE__*/ styled("div", {
|
|
14
14
|
target: "e1n4tau1",
|
|
15
15
|
label: "Header"
|
|
16
|
-
})("display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";@media (min-width:601px){&::before{position:absolute;top:25px;left:0;right:0;height:2px;background-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";content:' ';z-index:0;}}& > *{z-index:1;}"
|
|
16
|
+
})("display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid ", getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR), ";@media (min-width:601px){&::before{position:absolute;top:25px;left:0;right:0;height:2px;background-color:", getThemeValue(THEME_NAME.LIGHT_GREY), ";content:' ';z-index:0;}}& > *{z-index:1;}");
|
|
17
17
|
const HeaderButton = /*#__PURE__*/ styled("button", {
|
|
18
18
|
target: "e1n4tau2",
|
|
19
19
|
label: "HeaderButton"
|
|
20
|
-
})("border:none;padding:16px 24px 16px 16px;font-size:16px;cursor:pointer;background-color:", (props)=>props.active ? getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR) : getThemeValue(THEME_NAME.BACKGROUND), ";font-weight:", (props)=>props.active ? 'bold' : 'normal', ";overflow:hidden;display:flex;align-items:center;color:", getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";&:disabled{cursor:not-allowed;background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";}&:enabled:hover,&:focus{background-color:", getThemeValue(THEME_NAME.PRIMARY_LIGHTER), ";}@media (max-width:600px){&{display:none;}}"
|
|
20
|
+
})("border:none;padding:16px 24px 16px 16px;font-size:16px;cursor:pointer;background-color:", (props)=>props.active ? getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR) : getThemeValue(THEME_NAME.BACKGROUND), ";font-weight:", (props)=>props.active ? 'bold' : 'normal', ";overflow:hidden;display:flex;align-items:center;color:", getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";&:disabled{cursor:not-allowed;background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";}&:enabled:hover,&:focus{background-color:", getThemeValue(THEME_NAME.PRIMARY_LIGHTER), ";}@media (max-width:600px){&{display:none;}}");
|
|
21
21
|
const MobileHeader = /*#__PURE__*/ styled("div", {
|
|
22
22
|
target: "e1n4tau3",
|
|
23
23
|
label: "MobileHeader"
|
|
24
|
-
})("padding:16px;font-size:16px;line-height:18px;align-items:center;font-weight:bold;flex:1;display:flex;flex-direction:row;justify-content:space-between;@media (min-width:601px){&{display:none;}}"
|
|
24
|
+
})("padding:16px;font-size:16px;line-height:18px;align-items:center;font-weight:bold;flex:1;display:flex;flex-direction:row;justify-content:space-between;@media (min-width:601px){&{display:none;}}");
|
|
25
25
|
function Stepper(props) {
|
|
26
26
|
const [active, setActive] = useState(props.active);
|
|
27
27
|
const { children, onStepClick } = props;
|
|
@@ -116,3 +116,4 @@ Stepper.defaultProps = {
|
|
|
116
116
|
};
|
|
117
117
|
|
|
118
118
|
export { Stepper as default };
|
|
119
|
+
//# sourceMappingURL=Stepper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Stepper.js","sources":["../../../src/components/Stepper/Stepper.tsx"],"sourcesContent":["import { Children, PropsWithChildren, useState, isValidElement } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\nimport { Ellipsis } from '../../shared/styles';\nimport { Badge, BADGE_TYPE } from '../Badge';\n\ntype StepperProps = PropsWithChildren<{\n active: number;\n onStepClick?: (index: number) => void;\n}>;\n\nconst Container = styled.div`\n flex: 1;\n display: flex;\n flex-direction: column;\n min-height: 400px;\n`;\n\nconst Header = styled.div`\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n border-bottom: 1px solid ${getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR)};\n\n @media (min-width: 601px) {\n &::before {\n position: absolute;\n top: 25px;\n left: 0;\n right: 0;\n height: 2px;\n background-color: ${getThemeValue(THEME_NAME.LIGHT_GREY)};\n content: ' ';\n z-index: 0;\n }\n }\n\n & > * {\n z-index: 1;\n }\n`;\n\nconst HeaderButton = styled.button<{ active: boolean }>`\n border: none;\n padding: 16px 24px 16px 16px;\n font-size: 16px;\n cursor: pointer;\n background-color: ${(props) =>\n props.active\n ? getThemeValue(THEME_NAME.BORDER_LIGHT_COLOR)\n : getThemeValue(THEME_NAME.BACKGROUND)};\n font-weight: ${(props) => (props.active ? 'bold' : 'normal')};\n overflow: hidden;\n display: flex;\n align-items: center;\n color: ${getThemeValue(THEME_NAME.TEXT_COLOR_DARK)};\n\n &:disabled {\n cursor: not-allowed;\n background-color: ${getThemeValue(THEME_NAME.DISABLED_BACKGROUND)};\n }\n\n &:enabled:hover,\n &:focus {\n background-color: ${getThemeValue(THEME_NAME.PRIMARY_LIGHTER)};\n }\n\n @media (max-width: 600px) {\n & {\n display: none;\n }\n }\n`;\n\nconst MobileHeader = styled.div`\n padding: 16px;\n font-size: 16px;\n line-height: 18px;\n align-items: center;\n font-weight: bold;\n flex: 1;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n\n @media (min-width: 601px) {\n & {\n display: none;\n }\n }\n`;\n\nexport default function Stepper(props: StepperProps) {\n const [active, setActive] = useState(props.active);\n const { children, onStepClick } = props;\n const childrenArray = Children.toArray(children);\n const stepRefs = [] as Array<HTMLButtonElement | null>;\n\n const stepClickHandler = (index: number) => () => {\n setActive(index);\n onStepClick?.(index);\n // Move focus to the active step\n stepRefs[index]?.focus();\n };\n\n const getBadgeType = (index: number, completed: boolean, disabled: boolean) => {\n if (disabled) {\n return BADGE_TYPE.DISABLED;\n } else if (index === active) {\n return BADGE_TYPE.PRIMARY;\n } else if (completed) {\n return BADGE_TYPE.SUCCESS;\n }\n return BADGE_TYPE.DISABLED;\n };\n\n // Keyboard navigation for step buttons\n const onStepKeyDown = (index: number) => (e: React.KeyboardEvent<HTMLButtonElement>) => {\n if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n e.preventDefault();\n const next = (index + 1) % childrenArray.length;\n stepRefs[next]?.focus();\n } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n e.preventDefault();\n const prev = (index - 1 + childrenArray.length) % childrenArray.length;\n stepRefs[prev]?.focus();\n }\n };\n\n return (\n <Container>\n <Header role=\"tablist\" aria-label=\"Stepper Steps\">\n {Children.map(children, (child, index) => {\n if (!isValidElement(child)) return null;\n return (\n <HeaderButton\n ref={(el) => (stepRefs[index] = el)}\n active={index === active}\n type=\"button\"\n role=\"tab\"\n aria-selected={index === active}\n aria-disabled={!!child.props.disabled}\n tabIndex={index === active ? 0 : -1}\n disabled={child.props.disabled}\n onClick={stepClickHandler(index)}\n onKeyDown={onStepKeyDown(index)}\n >\n <Badge\n inline\n type={getBadgeType(\n index,\n child.props.completed,\n child.props.disabled,\n )}\n />\n <Ellipsis>{child.props.name}</Ellipsis>\n </HeaderButton>\n );\n })}\n <MobileHeader>\n <span>\n {isValidElement(childrenArray[active])\n ? childrenArray[active].props.name\n : ''}\n </span>\n <Badge inline type={BADGE_TYPE.PRIMARY}>\n {active + 1} of {Children.count(children)}\n </Badge>\n </MobileHeader>\n </Header>\n {childrenArray[active]}\n </Container>\n );\n}\n\nStepper.propTypes = {\n /** Index of currently active step */\n active: PropTypes.number,\n /** Callback function for click event on a step */\n onStepClick: PropTypes.func,\n};\n\nStepper.defaultProps = {\n active: 0,\n};\n"],"names":["Container","styled","Header","getThemeValue","THEME_NAME","BORDER_LIGHT_COLOR","LIGHT_GREY","HeaderButton","props","active","BACKGROUND","TEXT_COLOR_DARK","DISABLED_BACKGROUND","PRIMARY_LIGHTER","MobileHeader","Stepper","setActive","useState","children","onStepClick","childrenArray","Children","toArray","stepRefs","stepClickHandler","index","focus","getBadgeType","completed","disabled","BADGE_TYPE","DISABLED","PRIMARY","SUCCESS","onStepKeyDown","e","key","preventDefault","next","length","prev","_jsxs","role","aria-label","map","child","isValidElement","ref","el","type","aria-selected","aria-disabled","tabIndex","onClick","onKeyDown","_jsx","Badge","inline","Ellipsis","name","span","count","propTypes","PropTypes","number","func","defaultProps"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tab.js","sources":["../../../src/components/Tabs/Tab.tsx"],"sourcesContent":["import { PropsWithChildren } from 'react';\nimport PropTypes from 'prop-types';\n\nconst Tab = (props: PropsWithChildren<{ name: string; disabled: boolean }>) => {\n const { children } = props;\n return <>{children}</>;\n};\n\nTab.propTypes = {\n /** Name of the tab. This shown in the tab's button */\n name: PropTypes.string.isRequired,\n /** If the tab is disabled */\n disabled: PropTypes.bool,\n};\n\nTab.defaultProps = {\n disabled: false,\n};\n\nexport default Tab;\n"],"names":["Tab","props","children","_jsx","_Fragment","propTypes","name","PropTypes","string","isRequired","disabled","bool","defaultProps"],"mappings":";;;AAGA,MAAMA,MAAM,CAACC,KAAAA,GAAAA;IACT,MAAM,EAAEC,QAAQ,EAAE,GAAGD,KAAAA;IACrB,qBAAOE,GAAA,CAAAC,QAAA,EAAA;AAAGF,QAAAA,QAAAA,EAAAA;;AACd;AAEAF,GAAAA,CAAIK,SAAS,GAAG;AACZ,2DACAC,IAAAA,EAAMC,SAAAA,CAAUC,MAAM,CAACC,UAAU;kCAEjCC,QAAAA,EAAUH,SAAAA,CAAUI;AACxB,CAAA;AAEAX,GAAAA,CAAIY,YAAY,GAAG;IACfF,QAAAA,EAAU;AACd,CAAA;;;;"}
|
|
@@ -7,15 +7,15 @@ import { getThemeValue, THEME_NAME } from '../../shared/constants.js';
|
|
|
7
7
|
const Button = /*#__PURE__*/ styled("button", {
|
|
8
8
|
target: "e6iym3a0",
|
|
9
9
|
label: "Button"
|
|
10
|
-
})("background-color:transparent;border:none;padding:8px 12px;font-size:14px;border-radius:3px 3px 0 0;border-bottom:", (props)=>props.active ? `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}` : 'none', ";color:", (props)=>props.active ? getThemeValue(THEME_NAME.PRIMARY) : getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";cursor:pointer;&:hover,&:focus{background-color:", getThemeValue(THEME_NAME.PRIMARY_LIGHTER), ";border-bottom:", (props)=>props.active ? `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}` : `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}`, ";}&[disabled]{background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";color:", getThemeValue(THEME_NAME.DISABLED), ";border-bottom:3px solid ", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}"
|
|
10
|
+
})("background-color:transparent;border:none;padding:8px 12px;font-size:14px;border-radius:3px 3px 0 0;border-bottom:", (props)=>props.active ? `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}` : 'none', ";color:", (props)=>props.active ? getThemeValue(THEME_NAME.PRIMARY) : getThemeValue(THEME_NAME.TEXT_COLOR_DARK), ";cursor:pointer;&:hover,&:focus{background-color:", getThemeValue(THEME_NAME.PRIMARY_LIGHTER), ";border-bottom:", (props)=>props.active ? `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}` : `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}`, ";}&[disabled]{background-color:", getThemeValue(THEME_NAME.DISABLED_BACKGROUND), ";color:", getThemeValue(THEME_NAME.DISABLED), ";border-bottom:3px solid ", getThemeValue(THEME_NAME.DISABLED_BORDER), ";}");
|
|
11
11
|
const ButtonContainer = /*#__PURE__*/ styled("div", {
|
|
12
12
|
target: "e6iym3a1",
|
|
13
13
|
label: "ButtonContainer"
|
|
14
|
-
})("border-bottom:1px solid ", getThemeValue(THEME_NAME.DISABLED_BORDER), ";margin-bottom:5px;position:relative;"
|
|
14
|
+
})("border-bottom:1px solid ", getThemeValue(THEME_NAME.DISABLED_BORDER), ";margin-bottom:5px;position:relative;");
|
|
15
15
|
const TabBody = /*#__PURE__*/ styled("div", {
|
|
16
16
|
target: "e6iym3a2",
|
|
17
17
|
label: "TabBody"
|
|
18
|
-
})("min-height:150px;"
|
|
18
|
+
})("min-height:150px;");
|
|
19
19
|
function Tabs(props) {
|
|
20
20
|
const [active, setActive] = useState(props.active);
|
|
21
21
|
const { children } = props;
|
|
@@ -98,3 +98,4 @@ Tabs.defaultProps = {
|
|
|
98
98
|
};
|
|
99
99
|
|
|
100
100
|
export { Tabs as default };
|
|
101
|
+
//# sourceMappingURL=Tabs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tabs.js","sources":["../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { useState, Children, useEffect, PropsWithChildren, isValidElement } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\nconst Button = styled.button<{ active: boolean }>`\n background-color: transparent;\n border: none;\n padding: 8px 12px;\n font-size: 14px;\n border-radius: 3px 3px 0 0;\n border-bottom: ${(props) =>\n props.active ? `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}` : 'none'};\n color: ${(props) =>\n props.active\n ? getThemeValue(THEME_NAME.PRIMARY)\n : getThemeValue(THEME_NAME.TEXT_COLOR_DARK)};\n cursor: pointer;\n\n &:hover,\n &:focus {\n background-color: ${getThemeValue(THEME_NAME.PRIMARY_LIGHTER)};\n border-bottom: ${(props) =>\n props.active\n ? `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}`\n : `3px solid ${getThemeValue(THEME_NAME.PRIMARY)}`};\n }\n\n &[disabled] {\n background-color: ${getThemeValue(THEME_NAME.DISABLED_BACKGROUND)};\n color: ${getThemeValue(THEME_NAME.DISABLED)};\n border-bottom: 3px solid ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n }\n`;\n\nconst ButtonContainer = styled.div`\n border-bottom: 1px solid ${getThemeValue(THEME_NAME.DISABLED_BORDER)};\n margin-bottom: 5px;\n position: relative;\n`;\n\nconst TabBody = styled.div`\n min-height: 150px;\n`;\n\ntype ITabsProps = PropsWithChildren<{\n active?: number;\n onChange?: (index: number) => void;\n props?: object;\n bodyProps?: object;\n}>;\n\nexport default function Tabs(props: ITabsProps) {\n const [active, setActive] = useState(props.active);\n const { children } = props;\n const tabRefs = [] as Array<HTMLButtonElement | null>;\n const childrenArray = Children.toArray(children);\n\n const switchTab = (index: number) => () => {\n setActive(index);\n tabRefs[index]?.focus();\n props.onChange?.(index);\n };\n\n // Keyboard navigation for tab buttons\n const onTabKeyDown = (index: number) => (e: React.KeyboardEvent<HTMLButtonElement>) => {\n if (e.key === 'ArrowRight' || e.key === 'ArrowDown') {\n e.preventDefault();\n const next = (index + 1) % childrenArray.length;\n tabRefs[next]?.focus();\n } else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') {\n e.preventDefault();\n const prev = (index - 1 + childrenArray.length) % childrenArray.length;\n tabRefs[prev]?.focus();\n }\n };\n\n useEffect(() => {\n setActive(props.active);\n props.onChange?.(props.active);\n }, [props]);\n\n // Generate unique IDs for tabs and panels using sanitized tab name and index\n const sanitize = (str: string) => str.replace(/[^a-zA-Z0-9_-]/g, '').toLowerCase();\n const tabIds = childrenArray.map((child, i) => {\n const name = isValidElement(child) && child.props.name ? child.props.name : `tab${i}`;\n return `nfui-tab-${sanitize(name)}-${i}`;\n });\n const panelIds = childrenArray.map((child, i) => {\n const name = isValidElement(child) && child.props.name ? child.props.name : `tab${i}`;\n return `nfui-tabpanel-${sanitize(name)}-${i}`;\n });\n\n return (\n <>\n <ButtonContainer role=\"tablist\" aria-label=\"Tabs\" {...props.props}>\n {childrenArray.map((child, index) => (\n <Button\n key={tabIds[index]}\n ref={(el) => (tabRefs[index] = el)}\n id={tabIds[index]}\n type=\"button\"\n role=\"tab\"\n aria-selected={active === index}\n aria-controls={panelIds[index]}\n tabIndex={active === index ? 0 : -1}\n active={active === index}\n onClick={switchTab(index)}\n onKeyDown={onTabKeyDown(index)}\n disabled={isValidElement(child) ? child.props.disabled : false}\n aria-disabled={isValidElement(child) ? child.props.disabled : false}\n >\n {isValidElement(child) ? child.props.name : ''}\n </Button>\n ))}\n </ButtonContainer>\n <TabBody\n id={panelIds[active]}\n role=\"tabpanel\"\n aria-labelledby={tabIds[active]}\n tabIndex={0}\n {...props.bodyProps}\n >\n {childrenArray[active]}\n </TabBody>\n </>\n );\n}\n\nTabs.propTypes = {\n /** Active Tab Index */\n active: PropTypes.number,\n /** OnChange event handler */\n onChange: PropTypes.func,\n /** Props for div that contains tab buttons */\n props: PropTypes.object,\n /** Props for div that contains tab body */\n bodyProps: PropTypes.object,\n};\n\nTabs.defaultProps = {\n active: 0,\n};\n"],"names":["Button","styled","props","active","getThemeValue","THEME_NAME","PRIMARY","TEXT_COLOR_DARK","PRIMARY_LIGHTER","DISABLED_BACKGROUND","DISABLED","DISABLED_BORDER","ButtonContainer","TabBody","Tabs","setActive","useState","children","tabRefs","childrenArray","Children","toArray","switchTab","index","focus","onChange","onTabKeyDown","e","key","preventDefault","next","length","prev","useEffect","sanitize","str","replace","toLowerCase","tabIds","map","child","i","name","isValidElement","panelIds","_jsxs","_Fragment","_jsx","role","aria-label","ref","el","id","type","aria-selected","aria-controls","tabIndex","onClick","onKeyDown","disabled","aria-disabled","aria-labelledby","bodyProps","propTypes","PropTypes","number","func","object","defaultProps"],"mappings":"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"}
|
|
@@ -30,15 +30,15 @@ const getBackgroundColor = (type)=>{
|
|
|
30
30
|
const ToastContainer = /*#__PURE__*/ styled(Card, {
|
|
31
31
|
target: "ei8ihm80",
|
|
32
32
|
label: "ToastContainer"
|
|
33
|
-
})("box-sizing:border-box;border-radius:3px;padding:12px;background-color:", (props)=>getBackgroundColor(props.type), ";color:", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";margin:20px;font-size:14px;line-height:20px;transform:translateY(100%);transition:transform 0.3s ease;width:344px;display:flex;align-items:center;position:relative;& svg{width:20px;height:20px;fill:currentColor;}@media (max-width:480px){&{margin:0;width:100vw;border-radius:0;}}.nf-layer-enter &{transform:translateY(0%);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZVJvb3QsIHR5cGUgUm9vdCB9IGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuaW1wb3J0IExheWVyTWFuYWdlciwgeyBMQVlFUl9QT1NJVElPTiB9IGZyb20gJy4uLy4uL3NoYXJlZC9MYXllck1hbmFnZXInO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gJy4uL0NhcmQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRvYXN0T3B0aW9ucyB7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIGJ1dHRvblRleHQ/OiBzdHJpbmc7XG4gICAgYnV0dG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICAgIGR1cmF0aW9uPzogbnVtYmVyO1xuICAgIHR5cGU/OiBUT0FTVF9UWVBFO1xufVxuXG5leHBvcnQgZW51bSBUT0FTVF9UWVBFIHtcbiAgICBOT1JNQUwgPSAnTk9STUFMJyxcbiAgICBJTkZPID0gJ0lORk8nLFxuICAgIFNVQ0NFU1MgPSAnU1VDQ0VTUycsXG4gICAgV0FSTklORyA9ICdXQVJOSU5HJyxcbiAgICBEQU5HRVIgPSAnREFOR0VSJyxcbn1cblxuY29uc3QgZ2V0QmFja2dyb3VuZENvbG9yID0gKHR5cGU6IFRPQVNUX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBUT0FTVF9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgICAgICBjYXNlIFRPQVNUX1RZUEUuU1VDQ0VTUzpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuU1VDQ0VTUyk7XG4gICAgICAgIGNhc2UgVE9BU1RfVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKTtcbiAgICAgICAgY2FzZSBUT0FTVF9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIFRPQVNUX1RZUEUuTk9STUFMOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5UT0FTVCk7XG4gICAgfVxufTtcblxuY29uc3QgVG9hc3RDb250YWluZXIgPSBzdHlsZWQoQ2FyZCk8eyB0eXBlOiBUT0FTVF9UWVBFIH0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIHBhZGRpbmc6IDEycHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy50eXBlKX07XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfTElHSFQpfTtcbiAgICBtYXJnaW46IDIwcHg7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDAlKTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlO1xuICAgIHdpZHRoOiAzNDRweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICB3aWR0aDogMjBweDtcbiAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gICAgICAgICYge1xuICAgICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5uZi1sYXllci1lbnRlciAmIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgICB9XG5gO1xuXG5jb25zdCBUZXh0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuY29uc3QgQ2xvc2VDb250YWluZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgcGFkZGluZzogNnB4IDEwcHg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMSk7XG4gICAgfVxuYDtcblxuY29uc3QgREVGQVVMVF9EVVJBVElPTiA9IDIwMDA7XG5cbmNvbnN0IGNyZWF0ZUFyaWFMaXZlUmVnaW9uID0gKGlkOiBzdHJpbmcsIGFyaWFMaXZlOiAncG9saXRlJyB8ICdhc3NlcnRpdmUnKSA9PiB7XG4gICAgY29uc3QgcmVnaW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgcmVnaW9uLmlkID0gaWQ7XG4gICAgcmVnaW9uLnN0eWxlLnBvc2l0aW9uID0gJ2Fic29sdXRlJztcbiAgICByZWdpb24uc3R5bGUud2lkdGggPSAnMXB4JztcbiAgICByZWdpb24uc3R5bGUuaGVpZ2h0ID0gJzFweCc7XG4gICAgcmVnaW9uLnN0eWxlLnBhZGRpbmcgPSAnMCc7XG4gICAgcmVnaW9uLnN0eWxlLm1hcmdpbiA9ICctMXB4JztcbiAgICByZWdpb24uc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJztcbiAgICByZWdpb24uc3R5bGUuY2xpcCA9ICdyZWN0KDAsIDAsIDAsIDApJztcbiAgICByZWdpb24uc3R5bGUud2hpdGVTcGFjZSA9ICdub3dyYXAnO1xuICAgIHJlZ2lvbi5zdHlsZS5ib3JkZXJXaWR0aCA9ICcwJztcbiAgICByZWdpb24uc2V0QXR0cmlidXRlKCdyb2xlJywgYXJpYUxpdmUgPT09ICdhc3NlcnRpdmUnID8gJ2FsZXJ0JyA6ICdsb2cnKTtcbiAgICByZWdpb24uc2V0QXR0cmlidXRlKCdhcmlhLWxpdmUnLCBhcmlhTGl2ZSk7XG4gICAgcmVnaW9uLnNldEF0dHJpYnV0ZSgnYXJpYS1hdG9taWMnLCAndHJ1ZScpO1xuICAgIHJldHVybiByZWdpb247XG59O1xuXG5jbGFzcyBUb2FzdCB7XG4gICAgcHJpdmF0ZSBlbGVtZW50OiBIVE1MRGl2RWxlbWVudDtcbiAgICBwcml2YXRlIGFyaWFMaXZlQ29udGFpbmVyOiBIVE1MRGl2RWxlbWVudDtcbiAgICBwcml2YXRlIHRvYXN0OiBSZXR1cm5UeXBlPHR5cGVvZiBMYXllck1hbmFnZXIucmVuZGVyTGF5ZXI+O1xuICAgIHByaXZhdGUgdGltZW91dDogTm9kZUpTLlRpbWVvdXQ7XG4gICAgcHJpdmF0ZSByb290OiBSb290O1xuICAgIHByaXZhdGUgcG9saXRlUmVnaW9uOiBIVE1MRGl2RWxlbWVudDtcbiAgICBwcml2YXRlIGFzc2VydGl2ZVJlZ2lvbjogSFRNTERpdkVsZW1lbnQ7XG4gICAgcHJpdmF0ZSBpc1BhdXNlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIHByaXZhdGUgY3VycmVudE9wdGlvbnM6IFRvYXN0T3B0aW9ucyB8IG51bGwgPSBudWxsO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIGlmICh0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnKSByZXR1cm47XG5cbiAgICAgICAgdGhpcy5lbGVtZW50ID0gZG9jdW1lbnQ/LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICB0aGlzLmFyaWFMaXZlQ29udGFpbmVyID0gZG9jdW1lbnQ/LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICB0aGlzLmFyaWFMaXZlQ29udGFpbmVyLmlkID0gJ25mLXRvYXN0LWNvbnRhaW5lcic7XG4gICAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQodGhpcy5hcmlhTGl2ZUNvbnRhaW5lcik7XG5cbiAgICAgICAgdGhpcy5wb2xpdGVSZWdpb24gPSBjcmVhdGVBcmlhTGl2ZVJlZ2lvbignbmYtdG9hc3QtcG9saXRlLXJlZ2lvbicsICdwb2xpdGUnKTtcbiAgICAgICAgdGhpcy5hc3NlcnRpdmVSZWdpb24gPSBjcmVhdGVBcmlhTGl2ZVJlZ2lvbignbmYtdG9hc3QtYXNzZXJ0aXZlLXJlZ2lvbicsICdhc3NlcnRpdmUnKTtcbiAgICAgICAgdGhpcy5hcmlhTGl2ZUNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLnBvbGl0ZVJlZ2lvbik7XG4gICAgICAgIHRoaXMuYXJpYUxpdmVDb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5hc3NlcnRpdmVSZWdpb24pO1xuXG4gICAgICAgIHRoaXMuc2V0dXBLZXlib2FyZExpc3RlbmVycygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENsZWFuIHVwIGV2ZW50IGxpc3RlbmVycyBhbmQgRE9NIGVsZW1lbnRzXG4gICAgICogQ2FsbCB0aGlzIHdoZW4gdGhlIGFwcCBpcyB0ZWFyaW5nIGRvd24gKHVzZWZ1bCBmb3IgdGVzdHMpXG4gICAgICovXG4gICAgcHVibGljIGRlc3Ryb3kgPSAoKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgZG9jdW1lbnQgIT09ICd1bmRlZmluZWQnKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdrZXlkb3duJywgdGhpcy5oYW5kbGVLZXlEb3duKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnJlbW92ZSgpO1xuICAgICAgICBpZiAodGhpcy5hcmlhTGl2ZUNvbnRhaW5lciAmJiBkb2N1bWVudC5ib2R5LmNvbnRhaW5zKHRoaXMuYXJpYUxpdmVDb250YWluZXIpKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUNoaWxkKHRoaXMuYXJpYUxpdmVDb250YWluZXIpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMucG9saXRlUmVnaW9uID0gbnVsbDtcbiAgICAgICAgdGhpcy5hc3NlcnRpdmVSZWdpb24gPSBudWxsO1xuICAgICAgICB0aGlzLmFyaWFMaXZlQ29udGFpbmVyID0gbnVsbDtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogU2V0IHVwIGtleWJvYXJkIGxpc3RlbmVyIGZvciBkaXNtaXNzaW5nIHRvYXN0IHdpdGggRXNjYXBlIGtleVxuICAgICAqL1xuICAgIHByaXZhdGUgc2V0dXBLZXlib2FyZExpc3RlbmVycyA9ICgpID0+IHtcbiAgICAgICAgaWYgKHR5cGVvZiBkb2N1bWVudCAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLmhhbmRsZUtleURvd24pO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIEhhbmRsZSBrZXlib2FyZCBldmVudHMgZm9yIHRvYXN0IGludGVyYWN0aW9uXG4gICAgICovXG4gICAgcHJpdmF0ZSBoYW5kbGVLZXlEb3duID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICAgIGlmICghdGhpcy50b2FzdCkgcmV0dXJuO1xuXG4gICAgICAgIC8vIEVzY2FwZSBrZXkgZGlzbWlzc2VzIHRoZSB0b2FzdFxuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgICAgICAgdGhpcy5yZW1vdmUoKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBTcGFjZSBrZXkgcGF1c2VzL3Jlc3VtZXMgYXV0by1kaXNtaXNzXG4gICAgICAgIGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJyAnICYmIHRoaXMuY3VycmVudE9wdGlvbnMpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBpZiAodGhpcy5pc1BhdXNlZCkge1xuICAgICAgICAgICAgICAgIHRoaXMucmVzdW1lVGltZW91dCgpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLnBhdXNlVGltZW91dCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFVwZGF0ZSB0aGUgYXBwcm9wcmlhdGUgbGl2ZSByZWdpb24gd2l0aCB0b2FzdCBjb250ZW50XG4gICAgICovXG4gICAgcHJpdmF0ZSB1cGRhdGVMaXZlUmVnaW9uID0gKGNvbnRlbnQ6IHN0cmluZywgaXNBc3NlcnRpdmU6IGJvb2xlYW4pID0+IHtcbiAgICAgICAgY29uc3QgcmVnaW9uID0gaXNBc3NlcnRpdmUgPyB0aGlzLmFzc2VydGl2ZVJlZ2lvbiA6IHRoaXMucG9saXRlUmVnaW9uO1xuICAgICAgICByZWdpb24udGV4dENvbnRlbnQgPSAnJztcblxuICAgICAgICBpZiAocmVnaW9uKSB7XG4gICAgICAgICAgICAvLyBBZGQgY29udGVudCBhZnRlciBkZWxheVxuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHJlZ2lvbikge1xuICAgICAgICAgICAgICAgICAgICByZWdpb24udGV4dENvbnRlbnQgPSBjb250ZW50O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0sIDIwMCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcHVibGljIHJlbW92ZSA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMudG9hc3QpIHtcbiAgICAgICAgICAgIHRoaXMudG9hc3RbMV0oKTtcbiAgICAgICAgICAgIGlmICh0aGlzLnRpbWVvdXQpIHtcbiAgICAgICAgICAgICAgICBjbGVhclRpbWVvdXQodGhpcy50aW1lb3V0KTtcbiAgICAgICAgICAgICAgICB0aGlzLnRpbWVvdXQgPSBudWxsO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHRoaXMudG9hc3QgPSBudWxsO1xuICAgICAgICB0aGlzLmN1cnJlbnRPcHRpb25zID0gbnVsbDtcbiAgICAgICAgdGhpcy5pc1BhdXNlZCA9IGZhbHNlO1xuXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLnRvYXN0ICYmIHRoaXMucm9vdCkge1xuICAgICAgICAgICAgICAgIHRoaXMucm9vdC51bm1vdW50KCk7XG4gICAgICAgICAgICAgICAgdGhpcy5yb290ID0gbnVsbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgMzAwKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogUGF1c2UgdG9hc3QgYXV0by1kaXNtaXNzXG4gICAgICovXG4gICAgcHJpdmF0ZSBwYXVzZVRpbWVvdXQgPSAoKSA9PiB7XG4gICAgICAgIGlmICh0aGlzLnRpbWVvdXQpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVvdXQpO1xuICAgICAgICAgICAgdGhpcy5pc1BhdXNlZCA9IHRydWU7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogUmVzdW1lIHRvYXN0IGF1dG8tZGlzbWlzc1xuICAgICAqL1xuICAgIHByaXZhdGUgcmVzdW1lVGltZW91dCA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMuY3VycmVudE9wdGlvbnMgJiYgdGhpcy5pc1BhdXNlZCkge1xuICAgICAgICAgICAgdGhpcy50aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5yZW1vdmUoKTtcbiAgICAgICAgICAgIH0sIHRoaXMuY3VycmVudE9wdGlvbnMuZHVyYXRpb24gfHwgREVGQVVMVF9EVVJBVElPTik7XG4gICAgICAgICAgICB0aGlzLmlzUGF1c2VkID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogUGF1c2UgdG9hc3Qgd2hlbiB1c2VyIGlzIGhvdmVyaW5nIG92ZXIgaXQuXG4gICAgICovXG4gICAgcHVibGljIHBhdXNlID0gKCkgPT4ge1xuICAgICAgICB0aGlzLnBhdXNlVGltZW91dCgpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBSZXN0YXJ0IHRoZSByZW1vdmFsIG9mIHRvYXN0LlxuICAgICAqL1xuICAgIHB1YmxpYyByZXN1bWUgPSAob3B0aW9uczogVG9hc3RPcHRpb25zKSA9PiAoKSA9PiB7XG4gICAgICAgIHRoaXMuY3VycmVudE9wdGlvbnMgPSBvcHRpb25zO1xuICAgICAgICB0aGlzLnJlc3VtZVRpbWVvdXQoKTtcbiAgICB9O1xuXG4gICAgcHVibGljIGFkZChvcHRpb25zOiBUb2FzdE9wdGlvbnMpIHtcbiAgICAgICAgY29uc3QgeyB0ZXh0LCBidXR0b25UZXh0LCBidXR0b25DbGljaywgZHVyYXRpb24sIHR5cGUgPSBUT0FTVF9UWVBFLk5PUk1BTCB9ID0gb3B0aW9ucztcbiAgICAgICAgdGhpcy5jdXJyZW50T3B0aW9ucyA9IG9wdGlvbnM7XG4gICAgICAgIHRoaXMuaXNQYXVzZWQgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5yZW1vdmUoKTtcblxuICAgICAgICAvLyBEZXRlcm1pbmUgaWYgdGhpcyBpcyBhbiBhc3NlcnRpdmUgbWVzc2FnZSAod2FybmluZy9kYW5nZXIpXG4gICAgICAgIGNvbnN0IGlzQXNzZXJ0aXZlID0gdHlwZSA9PT0gVE9BU1RfVFlQRS5XQVJOSU5HIHx8IHR5cGUgPT09IFRPQVNUX1RZUEUuREFOR0VSO1xuXG4gICAgICAgIC8vIEFubm91bmNlIHRvIHNjcmVlbiByZWFkZXJzXG4gICAgICAgIGNvbnN0IGFubm91bmNlbWVudCA9IGJ1dHRvblRleHQgPyBgJHt0ZXh0fSAke2J1dHRvblRleHR9IGJ1dHRvbiBhdmFpbGFibGVgIDogdGV4dDtcbiAgICAgICAgdGhpcy51cGRhdGVMaXZlUmVnaW9uKGFubm91bmNlbWVudCwgaXNBc3NlcnRpdmUpO1xuXG4gICAgICAgIHRoaXMudG9hc3QgPSBMYXllck1hbmFnZXIucmVuZGVyTGF5ZXIoe1xuICAgICAgICAgICAgZXhpdERlbGF5OiAzMDAsXG4gICAgICAgICAgICBjbG9zZU9uRXNjOiBmYWxzZSxcbiAgICAgICAgICAgIGNsb3NlT25PdmVybGF5Q2xpY2s6IGZhbHNlLFxuICAgICAgICAgICAgYWx3YXlzT25Ub3A6IHRydWUsXG4gICAgICAgICAgICBwb3NpdGlvbjogTEFZRVJfUE9TSVRJT04uQk9UVE9NX0xFRlQsXG4gICAgICAgICAgICBjb21wb25lbnQ6IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICB7LyogVmlzdWFsIHRvYXN0IChoaWRkZW4gZnJvbSBzY3JlZW4gcmVhZGVycykgKi99XG4gICAgICAgICAgICAgICAgICAgIDxUb2FzdENvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgey4uLm9wdGlvbnN9XG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgZWxldmF0ZWRcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17dGhpcy5wYXVzZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17dGhpcy5yZXN1bWUob3B0aW9ucyl9XG4gICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dENvbnRhaW5lcj57dGV4dH08L1RleHRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7YnV0dG9uVGV4dCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENsb3NlQ29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2J1dHRvbkNsaWNrfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YCR7YnV0dG9uVGV4dH0gLSBQcmVzcyBTcGFjZSB0byBwYXVzZSBhdXRvLWRpc21pc3MsIEVzY2FwZSB0byBjbG9zZWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Nsb3NlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9Ub2FzdENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICksXG4gICAgICAgIH0pO1xuICAgICAgICBjb25zdCBDb21wb25lbnQgPSB0aGlzLnRvYXN0WzBdO1xuICAgICAgICB0aGlzLnJvb3QgPSBjcmVhdGVSb290KHRoaXMuZWxlbWVudCk7XG4gICAgICAgIHRoaXMucm9vdC5yZW5kZXIoPENvbXBvbmVudCAvPik7XG5cbiAgICAgICAgdGhpcy50aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnJlbW92ZSgpO1xuICAgICAgICB9LCBkdXJhdGlvbiB8fCBERUZBVUxUX0RVUkFUSU9OKTtcbiAgICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IG5ldyBUb2FzdCgpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDdUIifQ== */");
|
|
33
|
+
})("box-sizing:border-box;border-radius:3px;padding:12px;background-color:", (props)=>getBackgroundColor(props.type), ";color:", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";margin:20px;font-size:14px;line-height:20px;transform:translateY(100%);transition:transform 0.3s ease;width:344px;display:flex;align-items:center;position:relative;& svg{width:20px;height:20px;fill:currentColor;}@media (max-width:480px){&{margin:0;width:100vw;border-radius:0;}}.nf-layer-enter &{transform:translateY(0%);}");
|
|
34
34
|
const TextContainer = /*#__PURE__*/ styled("div", {
|
|
35
35
|
target: "ei8ihm81",
|
|
36
36
|
label: "TextContainer"
|
|
37
|
-
})("flex:1;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZVJvb3QsIHR5cGUgUm9vdCB9IGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuaW1wb3J0IExheWVyTWFuYWdlciwgeyBMQVlFUl9QT1NJVElPTiB9IGZyb20gJy4uLy4uL3NoYXJlZC9MYXllck1hbmFnZXInO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gJy4uL0NhcmQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRvYXN0T3B0aW9ucyB7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIGJ1dHRvblRleHQ/OiBzdHJpbmc7XG4gICAgYnV0dG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICAgIGR1cmF0aW9uPzogbnVtYmVyO1xuICAgIHR5cGU/OiBUT0FTVF9UWVBFO1xufVxuXG5leHBvcnQgZW51bSBUT0FTVF9UWVBFIHtcbiAgICBOT1JNQUwgPSAnTk9STUFMJyxcbiAgICBJTkZPID0gJ0lORk8nLFxuICAgIFNVQ0NFU1MgPSAnU1VDQ0VTUycsXG4gICAgV0FSTklORyA9ICdXQVJOSU5HJyxcbiAgICBEQU5HRVIgPSAnREFOR0VSJyxcbn1cblxuY29uc3QgZ2V0QmFja2dyb3VuZENvbG9yID0gKHR5cGU6IFRPQVNUX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBUT0FTVF9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgICAgICBjYXNlIFRPQVNUX1RZUEUuU1VDQ0VTUzpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuU1VDQ0VTUyk7XG4gICAgICAgIGNhc2UgVE9BU1RfVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKTtcbiAgICAgICAgY2FzZSBUT0FTVF9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIFRPQVNUX1RZUEUuTk9STUFMOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5UT0FTVCk7XG4gICAgfVxufTtcblxuY29uc3QgVG9hc3RDb250YWluZXIgPSBzdHlsZWQoQ2FyZCk8eyB0eXBlOiBUT0FTVF9UWVBFIH0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIHBhZGRpbmc6IDEycHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy50eXBlKX07XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfTElHSFQpfTtcbiAgICBtYXJnaW46IDIwcHg7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDAlKTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlO1xuICAgIHdpZHRoOiAzNDRweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICB3aWR0aDogMjBweDtcbiAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gICAgICAgICYge1xuICAgICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5uZi1sYXllci1lbnRlciAmIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgICB9XG5gO1xuXG5jb25zdCBUZXh0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuY29uc3QgQ2xvc2VDb250YWluZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgcGFkZGluZzogNnB4IDEwcHg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMSk7XG4gICAgfVxuYDtcblxuY29uc3QgREVGQVVMVF9EVVJBVElPTiA9IDIwMDA7XG5cbmNvbnN0IGNyZWF0ZUFyaWFMaXZlUmVnaW9uID0gKGlkOiBzdHJpbmcsIGFyaWFMaXZlOiAncG9saXRlJyB8ICdhc3NlcnRpdmUnKSA9PiB7XG4gICAgY29uc3QgcmVnaW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgcmVnaW9uLmlkID0gaWQ7XG4gICAgcmVnaW9uLnN0eWxlLnBvc2l0aW9uID0gJ2Fic29sdXRlJztcbiAgICByZWdpb24uc3R5bGUud2lkdGggPSAnMXB4JztcbiAgICByZWdpb24uc3R5bGUuaGVpZ2h0ID0gJzFweCc7XG4gICAgcmVnaW9uLnN0eWxlLnBhZGRpbmcgPSAnMCc7XG4gICAgcmVnaW9uLnN0eWxlLm1hcmdpbiA9ICctMXB4JztcbiAgICByZWdpb24uc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJztcbiAgICByZWdpb24uc3R5bGUuY2xpcCA9ICdyZWN0KDAsIDAsIDAsIDApJztcbiAgICByZWdpb24uc3R5bGUud2hpdGVTcGFjZSA9ICdub3dyYXAnO1xuICAgIHJlZ2lvbi5zdHlsZS5ib3JkZXJXaWR0aCA9ICcwJztcbiAgICByZWdpb24uc2V0QXR0cmlidXRlKCdyb2xlJywgYXJpYUxpdmUgPT09ICdhc3NlcnRpdmUnID8gJ2FsZXJ0JyA6ICdsb2cnKTtcbiAgICByZWdpb24uc2V0QXR0cmlidXRlKCdhcmlhLWxpdmUnLCBhcmlhTGl2ZSk7XG4gICAgcmVnaW9uLnNldEF0dHJpYnV0ZSgnYXJpYS1hdG9taWMnLCAndHJ1ZScpO1xuICAgIHJldHVybiByZWdpb247XG59O1xuXG5jbGFzcyBUb2FzdCB7XG4gICAgcHJpdmF0ZSBlbGVtZW50OiBIVE1MRGl2RWxlbWVudDtcbiAgICBwcml2YXRlIGFyaWFMaXZlQ29udGFpbmVyOiBIVE1MRGl2RWxlbWVudDtcbiAgICBwcml2YXRlIHRvYXN0OiBSZXR1cm5UeXBlPHR5cGVvZiBMYXllck1hbmFnZXIucmVuZGVyTGF5ZXI+O1xuICAgIHByaXZhdGUgdGltZW91dDogTm9kZUpTLlRpbWVvdXQ7XG4gICAgcHJpdmF0ZSByb290OiBSb290O1xuICAgIHByaXZhdGUgcG9saXRlUmVnaW9uOiBIVE1MRGl2RWxlbWVudDtcbiAgICBwcml2YXRlIGFzc2VydGl2ZVJlZ2lvbjogSFRNTERpdkVsZW1lbnQ7XG4gICAgcHJpdmF0ZSBpc1BhdXNlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIHByaXZhdGUgY3VycmVudE9wdGlvbnM6IFRvYXN0T3B0aW9ucyB8IG51bGwgPSBudWxsO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIGlmICh0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnKSByZXR1cm47XG5cbiAgICAgICAgdGhpcy5lbGVtZW50ID0gZG9jdW1lbnQ/LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICB0aGlzLmFyaWFMaXZlQ29udGFpbmVyID0gZG9jdW1lbnQ/LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICB0aGlzLmFyaWFMaXZlQ29udGFpbmVyLmlkID0gJ25mLXRvYXN0LWNvbnRhaW5lcic7XG4gICAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQodGhpcy5hcmlhTGl2ZUNvbnRhaW5lcik7XG5cbiAgICAgICAgdGhpcy5wb2xpdGVSZWdpb24gPSBjcmVhdGVBcmlhTGl2ZVJlZ2lvbignbmYtdG9hc3QtcG9saXRlLXJlZ2lvbicsICdwb2xpdGUnKTtcbiAgICAgICAgdGhpcy5hc3NlcnRpdmVSZWdpb24gPSBjcmVhdGVBcmlhTGl2ZVJlZ2lvbignbmYtdG9hc3QtYXNzZXJ0aXZlLXJlZ2lvbicsICdhc3NlcnRpdmUnKTtcbiAgICAgICAgdGhpcy5hcmlhTGl2ZUNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLnBvbGl0ZVJlZ2lvbik7XG4gICAgICAgIHRoaXMuYXJpYUxpdmVDb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5hc3NlcnRpdmVSZWdpb24pO1xuXG4gICAgICAgIHRoaXMuc2V0dXBLZXlib2FyZExpc3RlbmVycygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENsZWFuIHVwIGV2ZW50IGxpc3RlbmVycyBhbmQgRE9NIGVsZW1lbnRzXG4gICAgICogQ2FsbCB0aGlzIHdoZW4gdGhlIGFwcCBpcyB0ZWFyaW5nIGRvd24gKHVzZWZ1bCBmb3IgdGVzdHMpXG4gICAgICovXG4gICAgcHVibGljIGRlc3Ryb3kgPSAoKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgZG9jdW1lbnQgIT09ICd1bmRlZmluZWQnKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdrZXlkb3duJywgdGhpcy5oYW5kbGVLZXlEb3duKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnJlbW92ZSgpO1xuICAgICAgICBpZiAodGhpcy5hcmlhTGl2ZUNvbnRhaW5lciAmJiBkb2N1bWVudC5ib2R5LmNvbnRhaW5zKHRoaXMuYXJpYUxpdmVDb250YWluZXIpKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUNoaWxkKHRoaXMuYXJpYUxpdmVDb250YWluZXIpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMucG9saXRlUmVnaW9uID0gbnVsbDtcbiAgICAgICAgdGhpcy5hc3NlcnRpdmVSZWdpb24gPSBudWxsO1xuICAgICAgICB0aGlzLmFyaWFMaXZlQ29udGFpbmVyID0gbnVsbDtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogU2V0IHVwIGtleWJvYXJkIGxpc3RlbmVyIGZvciBkaXNtaXNzaW5nIHRvYXN0IHdpdGggRXNjYXBlIGtleVxuICAgICAqL1xuICAgIHByaXZhdGUgc2V0dXBLZXlib2FyZExpc3RlbmVycyA9ICgpID0+IHtcbiAgICAgICAgaWYgKHR5cGVvZiBkb2N1bWVudCAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLmhhbmRsZUtleURvd24pO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIEhhbmRsZSBrZXlib2FyZCBldmVudHMgZm9yIHRvYXN0IGludGVyYWN0aW9uXG4gICAgICovXG4gICAgcHJpdmF0ZSBoYW5kbGVLZXlEb3duID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICAgIGlmICghdGhpcy50b2FzdCkgcmV0dXJuO1xuXG4gICAgICAgIC8vIEVzY2FwZSBrZXkgZGlzbWlzc2VzIHRoZSB0b2FzdFxuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgICAgICAgdGhpcy5yZW1vdmUoKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBTcGFjZSBrZXkgcGF1c2VzL3Jlc3VtZXMgYXV0by1kaXNtaXNzXG4gICAgICAgIGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJyAnICYmIHRoaXMuY3VycmVudE9wdGlvbnMpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBpZiAodGhpcy5pc1BhdXNlZCkge1xuICAgICAgICAgICAgICAgIHRoaXMucmVzdW1lVGltZW91dCgpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLnBhdXNlVGltZW91dCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFVwZGF0ZSB0aGUgYXBwcm9wcmlhdGUgbGl2ZSByZWdpb24gd2l0aCB0b2FzdCBjb250ZW50XG4gICAgICovXG4gICAgcHJpdmF0ZSB1cGRhdGVMaXZlUmVnaW9uID0gKGNvbnRlbnQ6IHN0cmluZywgaXNBc3NlcnRpdmU6IGJvb2xlYW4pID0+IHtcbiAgICAgICAgY29uc3QgcmVnaW9uID0gaXNBc3NlcnRpdmUgPyB0aGlzLmFzc2VydGl2ZVJlZ2lvbiA6IHRoaXMucG9saXRlUmVnaW9uO1xuICAgICAgICByZWdpb24udGV4dENvbnRlbnQgPSAnJztcblxuICAgICAgICBpZiAocmVnaW9uKSB7XG4gICAgICAgICAgICAvLyBBZGQgY29udGVudCBhZnRlciBkZWxheVxuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHJlZ2lvbikge1xuICAgICAgICAgICAgICAgICAgICByZWdpb24udGV4dENvbnRlbnQgPSBjb250ZW50O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0sIDIwMCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcHVibGljIHJlbW92ZSA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMudG9hc3QpIHtcbiAgICAgICAgICAgIHRoaXMudG9hc3RbMV0oKTtcbiAgICAgICAgICAgIGlmICh0aGlzLnRpbWVvdXQpIHtcbiAgICAgICAgICAgICAgICBjbGVhclRpbWVvdXQodGhpcy50aW1lb3V0KTtcbiAgICAgICAgICAgICAgICB0aGlzLnRpbWVvdXQgPSBudWxsO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHRoaXMudG9hc3QgPSBudWxsO1xuICAgICAgICB0aGlzLmN1cnJlbnRPcHRpb25zID0gbnVsbDtcbiAgICAgICAgdGhpcy5pc1BhdXNlZCA9IGZhbHNlO1xuXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLnRvYXN0ICYmIHRoaXMucm9vdCkge1xuICAgICAgICAgICAgICAgIHRoaXMucm9vdC51bm1vdW50KCk7XG4gICAgICAgICAgICAgICAgdGhpcy5yb290ID0gbnVsbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgMzAwKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogUGF1c2UgdG9hc3QgYXV0by1kaXNtaXNzXG4gICAgICovXG4gICAgcHJpdmF0ZSBwYXVzZVRpbWVvdXQgPSAoKSA9PiB7XG4gICAgICAgIGlmICh0aGlzLnRpbWVvdXQpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVvdXQpO1xuICAgICAgICAgICAgdGhpcy5pc1BhdXNlZCA9IHRydWU7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogUmVzdW1lIHRvYXN0IGF1dG8tZGlzbWlzc1xuICAgICAqL1xuICAgIHByaXZhdGUgcmVzdW1lVGltZW91dCA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMuY3VycmVudE9wdGlvbnMgJiYgdGhpcy5pc1BhdXNlZCkge1xuICAgICAgICAgICAgdGhpcy50aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5yZW1vdmUoKTtcbiAgICAgICAgICAgIH0sIHRoaXMuY3VycmVudE9wdGlvbnMuZHVyYXRpb24gfHwgREVGQVVMVF9EVVJBVElPTik7XG4gICAgICAgICAgICB0aGlzLmlzUGF1c2VkID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogUGF1c2UgdG9hc3Qgd2hlbiB1c2VyIGlzIGhvdmVyaW5nIG92ZXIgaXQuXG4gICAgICovXG4gICAgcHVibGljIHBhdXNlID0gKCkgPT4ge1xuICAgICAgICB0aGlzLnBhdXNlVGltZW91dCgpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBSZXN0YXJ0IHRoZSByZW1vdmFsIG9mIHRvYXN0LlxuICAgICAqL1xuICAgIHB1YmxpYyByZXN1bWUgPSAob3B0aW9uczogVG9hc3RPcHRpb25zKSA9PiAoKSA9PiB7XG4gICAgICAgIHRoaXMuY3VycmVudE9wdGlvbnMgPSBvcHRpb25zO1xuICAgICAgICB0aGlzLnJlc3VtZVRpbWVvdXQoKTtcbiAgICB9O1xuXG4gICAgcHVibGljIGFkZChvcHRpb25zOiBUb2FzdE9wdGlvbnMpIHtcbiAgICAgICAgY29uc3QgeyB0ZXh0LCBidXR0b25UZXh0LCBidXR0b25DbGljaywgZHVyYXRpb24sIHR5cGUgPSBUT0FTVF9UWVBFLk5PUk1BTCB9ID0gb3B0aW9ucztcbiAgICAgICAgdGhpcy5jdXJyZW50T3B0aW9ucyA9IG9wdGlvbnM7XG4gICAgICAgIHRoaXMuaXNQYXVzZWQgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5yZW1vdmUoKTtcblxuICAgICAgICAvLyBEZXRlcm1pbmUgaWYgdGhpcyBpcyBhbiBhc3NlcnRpdmUgbWVzc2FnZSAod2FybmluZy9kYW5nZXIpXG4gICAgICAgIGNvbnN0IGlzQXNzZXJ0aXZlID0gdHlwZSA9PT0gVE9BU1RfVFlQRS5XQVJOSU5HIHx8IHR5cGUgPT09IFRPQVNUX1RZUEUuREFOR0VSO1xuXG4gICAgICAgIC8vIEFubm91bmNlIHRvIHNjcmVlbiByZWFkZXJzXG4gICAgICAgIGNvbnN0IGFubm91bmNlbWVudCA9IGJ1dHRvblRleHQgPyBgJHt0ZXh0fSAke2J1dHRvblRleHR9IGJ1dHRvbiBhdmFpbGFibGVgIDogdGV4dDtcbiAgICAgICAgdGhpcy51cGRhdGVMaXZlUmVnaW9uKGFubm91bmNlbWVudCwgaXNBc3NlcnRpdmUpO1xuXG4gICAgICAgIHRoaXMudG9hc3QgPSBMYXllck1hbmFnZXIucmVuZGVyTGF5ZXIoe1xuICAgICAgICAgICAgZXhpdERlbGF5OiAzMDAsXG4gICAgICAgICAgICBjbG9zZU9uRXNjOiBmYWxzZSxcbiAgICAgICAgICAgIGNsb3NlT25PdmVybGF5Q2xpY2s6IGZhbHNlLFxuICAgICAgICAgICAgYWx3YXlzT25Ub3A6IHRydWUsXG4gICAgICAgICAgICBwb3NpdGlvbjogTEFZRVJfUE9TSVRJT04uQk9UVE9NX0xFRlQsXG4gICAgICAgICAgICBjb21wb25lbnQ6IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICB7LyogVmlzdWFsIHRvYXN0IChoaWRkZW4gZnJvbSBzY3JlZW4gcmVhZGVycykgKi99XG4gICAgICAgICAgICAgICAgICAgIDxUb2FzdENvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgey4uLm9wdGlvbnN9XG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgZWxldmF0ZWRcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17dGhpcy5wYXVzZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17dGhpcy5yZXN1bWUob3B0aW9ucyl9XG4gICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dENvbnRhaW5lcj57dGV4dH08L1RleHRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7YnV0dG9uVGV4dCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENsb3NlQ29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2J1dHRvbkNsaWNrfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YCR7YnV0dG9uVGV4dH0gLSBQcmVzcyBTcGFjZSB0byBwYXVzZSBhdXRvLWRpc21pc3MsIEVzY2FwZSB0byBjbG9zZWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Nsb3NlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9Ub2FzdENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICksXG4gICAgICAgIH0pO1xuICAgICAgICBjb25zdCBDb21wb25lbnQgPSB0aGlzLnRvYXN0WzBdO1xuICAgICAgICB0aGlzLnJvb3QgPSBjcmVhdGVSb290KHRoaXMuZWxlbWVudCk7XG4gICAgICAgIHRoaXMucm9vdC5yZW5kZXIoPENvbXBvbmVudCAvPik7XG5cbiAgICAgICAgdGhpcy50aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnJlbW92ZSgpO1xuICAgICAgICB9LCBkdXJhdGlvbiB8fCBERUZBVUxUX0RVUkFUSU9OKTtcbiAgICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IG5ldyBUb2FzdCgpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFc0IifQ== */");
|
|
37
|
+
})("flex:1;");
|
|
38
38
|
const CloseContainer = /*#__PURE__*/ styled("button", {
|
|
39
39
|
target: "ei8ihm82",
|
|
40
40
|
label: "CloseContainer"
|
|
41
|
-
})("background-color:transparent;color:", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";padding:6px 10px;border:none;border-radius:3px;text-transform:uppercase;cursor:pointer;&:focus{background-color:rgba(255,255,255,0.1);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9Ub2FzdC9Ub2FzdC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvVG9hc3QvVG9hc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNyZWF0ZVJvb3QsIHR5cGUgUm9vdCB9IGZyb20gJ3JlYWN0LWRvbS9jbGllbnQnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgZ2V0VGhlbWVWYWx1ZSwgVEhFTUVfTkFNRSB9IGZyb20gJy4uLy4uL3NoYXJlZC9jb25zdGFudHMnO1xuaW1wb3J0IExheWVyTWFuYWdlciwgeyBMQVlFUl9QT1NJVElPTiB9IGZyb20gJy4uLy4uL3NoYXJlZC9MYXllck1hbmFnZXInO1xuaW1wb3J0IHsgQ2FyZCB9IGZyb20gJy4uL0NhcmQnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFRvYXN0T3B0aW9ucyB7XG4gICAgdGV4dDogc3RyaW5nO1xuICAgIGJ1dHRvblRleHQ/OiBzdHJpbmc7XG4gICAgYnV0dG9uQ2xpY2s/OiAoKSA9PiB2b2lkO1xuICAgIGR1cmF0aW9uPzogbnVtYmVyO1xuICAgIHR5cGU/OiBUT0FTVF9UWVBFO1xufVxuXG5leHBvcnQgZW51bSBUT0FTVF9UWVBFIHtcbiAgICBOT1JNQUwgPSAnTk9STUFMJyxcbiAgICBJTkZPID0gJ0lORk8nLFxuICAgIFNVQ0NFU1MgPSAnU1VDQ0VTUycsXG4gICAgV0FSTklORyA9ICdXQVJOSU5HJyxcbiAgICBEQU5HRVIgPSAnREFOR0VSJyxcbn1cblxuY29uc3QgZ2V0QmFja2dyb3VuZENvbG9yID0gKHR5cGU6IFRPQVNUX1RZUEUpID0+IHtcbiAgICBzd2l0Y2ggKHR5cGUpIHtcbiAgICAgICAgY2FzZSBUT0FTVF9UWVBFLklORk86XG4gICAgICAgICAgICByZXR1cm4gZ2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLklORk8pO1xuICAgICAgICBjYXNlIFRPQVNUX1RZUEUuU1VDQ0VTUzpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuU1VDQ0VTUyk7XG4gICAgICAgIGNhc2UgVE9BU1RfVFlQRS5XQVJOSU5HOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5XQVJOSU5HKTtcbiAgICAgICAgY2FzZSBUT0FTVF9UWVBFLkRBTkdFUjpcbiAgICAgICAgICAgIHJldHVybiBnZXRUaGVtZVZhbHVlKFRIRU1FX05BTUUuRVJST1IpO1xuICAgICAgICBjYXNlIFRPQVNUX1RZUEUuTk9STUFMOlxuICAgICAgICAgICAgcmV0dXJuIGdldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5UT0FTVCk7XG4gICAgfVxufTtcblxuY29uc3QgVG9hc3RDb250YWluZXIgPSBzdHlsZWQoQ2FyZCk8eyB0eXBlOiBUT0FTVF9UWVBFIH0+YFxuICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIHBhZGRpbmc6IDEycHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy50eXBlKX07XG4gICAgY29sb3I6ICR7Z2V0VGhlbWVWYWx1ZShUSEVNRV9OQU1FLlRFWFRfQ09MT1JfTElHSFQpfTtcbiAgICBtYXJnaW46IDIwcHg7XG4gICAgZm9udC1zaXplOiAxNHB4O1xuICAgIGxpbmUtaGVpZ2h0OiAyMHB4O1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgxMDAlKTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlO1xuICAgIHdpZHRoOiAzNDRweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gICAgJiBzdmcge1xuICAgICAgICB3aWR0aDogMjBweDtcbiAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICBmaWxsOiBjdXJyZW50Q29sb3I7XG4gICAgfVxuXG4gICAgQG1lZGlhIChtYXgtd2lkdGg6IDQ4MHB4KSB7XG4gICAgICAgICYge1xuICAgICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgICAgd2lkdGg6IDEwMHZ3O1xuICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIC5uZi1sYXllci1lbnRlciAmIHtcbiAgICAgICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKDAlKTtcbiAgICB9XG5gO1xuXG5jb25zdCBUZXh0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBmbGV4OiAxO1xuYDtcblxuY29uc3QgQ2xvc2VDb250YWluZXIgPSBzdHlsZWQuYnV0dG9uYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgIGNvbG9yOiAke2dldFRoZW1lVmFsdWUoVEhFTUVfTkFNRS5QUklNQVJZX0xJR0hUKX07XG4gICAgcGFkZGluZzogNnB4IDEwcHg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJvcmRlci1yYWRpdXM6IDNweDtcbiAgICB0ZXh0LXRyYW5zZm9ybTogdXBwZXJjYXNlO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcblxuICAgICY6Zm9jdXMge1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMSk7XG4gICAgfVxuYDtcblxuY29uc3QgREVGQVVMVF9EVVJBVElPTiA9IDIwMDA7XG5cbmNvbnN0IGNyZWF0ZUFyaWFMaXZlUmVnaW9uID0gKGlkOiBzdHJpbmcsIGFyaWFMaXZlOiAncG9saXRlJyB8ICdhc3NlcnRpdmUnKSA9PiB7XG4gICAgY29uc3QgcmVnaW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnZGl2Jyk7XG4gICAgcmVnaW9uLmlkID0gaWQ7XG4gICAgcmVnaW9uLnN0eWxlLnBvc2l0aW9uID0gJ2Fic29sdXRlJztcbiAgICByZWdpb24uc3R5bGUud2lkdGggPSAnMXB4JztcbiAgICByZWdpb24uc3R5bGUuaGVpZ2h0ID0gJzFweCc7XG4gICAgcmVnaW9uLnN0eWxlLnBhZGRpbmcgPSAnMCc7XG4gICAgcmVnaW9uLnN0eWxlLm1hcmdpbiA9ICctMXB4JztcbiAgICByZWdpb24uc3R5bGUub3ZlcmZsb3cgPSAnaGlkZGVuJztcbiAgICByZWdpb24uc3R5bGUuY2xpcCA9ICdyZWN0KDAsIDAsIDAsIDApJztcbiAgICByZWdpb24uc3R5bGUud2hpdGVTcGFjZSA9ICdub3dyYXAnO1xuICAgIHJlZ2lvbi5zdHlsZS5ib3JkZXJXaWR0aCA9ICcwJztcbiAgICByZWdpb24uc2V0QXR0cmlidXRlKCdyb2xlJywgYXJpYUxpdmUgPT09ICdhc3NlcnRpdmUnID8gJ2FsZXJ0JyA6ICdsb2cnKTtcbiAgICByZWdpb24uc2V0QXR0cmlidXRlKCdhcmlhLWxpdmUnLCBhcmlhTGl2ZSk7XG4gICAgcmVnaW9uLnNldEF0dHJpYnV0ZSgnYXJpYS1hdG9taWMnLCAndHJ1ZScpO1xuICAgIHJldHVybiByZWdpb247XG59O1xuXG5jbGFzcyBUb2FzdCB7XG4gICAgcHJpdmF0ZSBlbGVtZW50OiBIVE1MRGl2RWxlbWVudDtcbiAgICBwcml2YXRlIGFyaWFMaXZlQ29udGFpbmVyOiBIVE1MRGl2RWxlbWVudDtcbiAgICBwcml2YXRlIHRvYXN0OiBSZXR1cm5UeXBlPHR5cGVvZiBMYXllck1hbmFnZXIucmVuZGVyTGF5ZXI+O1xuICAgIHByaXZhdGUgdGltZW91dDogTm9kZUpTLlRpbWVvdXQ7XG4gICAgcHJpdmF0ZSByb290OiBSb290O1xuICAgIHByaXZhdGUgcG9saXRlUmVnaW9uOiBIVE1MRGl2RWxlbWVudDtcbiAgICBwcml2YXRlIGFzc2VydGl2ZVJlZ2lvbjogSFRNTERpdkVsZW1lbnQ7XG4gICAgcHJpdmF0ZSBpc1BhdXNlZDogYm9vbGVhbiA9IGZhbHNlO1xuICAgIHByaXZhdGUgY3VycmVudE9wdGlvbnM6IFRvYXN0T3B0aW9ucyB8IG51bGwgPSBudWxsO1xuXG4gICAgY29uc3RydWN0b3IoKSB7XG4gICAgICAgIGlmICh0eXBlb2YgZG9jdW1lbnQgPT09ICd1bmRlZmluZWQnKSByZXR1cm47XG5cbiAgICAgICAgdGhpcy5lbGVtZW50ID0gZG9jdW1lbnQ/LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICB0aGlzLmFyaWFMaXZlQ29udGFpbmVyID0gZG9jdW1lbnQ/LmNyZWF0ZUVsZW1lbnQoJ2RpdicpO1xuICAgICAgICB0aGlzLmFyaWFMaXZlQ29udGFpbmVyLmlkID0gJ25mLXRvYXN0LWNvbnRhaW5lcic7XG4gICAgICAgIGRvY3VtZW50LmJvZHkuYXBwZW5kQ2hpbGQodGhpcy5hcmlhTGl2ZUNvbnRhaW5lcik7XG5cbiAgICAgICAgdGhpcy5wb2xpdGVSZWdpb24gPSBjcmVhdGVBcmlhTGl2ZVJlZ2lvbignbmYtdG9hc3QtcG9saXRlLXJlZ2lvbicsICdwb2xpdGUnKTtcbiAgICAgICAgdGhpcy5hc3NlcnRpdmVSZWdpb24gPSBjcmVhdGVBcmlhTGl2ZVJlZ2lvbignbmYtdG9hc3QtYXNzZXJ0aXZlLXJlZ2lvbicsICdhc3NlcnRpdmUnKTtcbiAgICAgICAgdGhpcy5hcmlhTGl2ZUNvbnRhaW5lci5hcHBlbmRDaGlsZCh0aGlzLnBvbGl0ZVJlZ2lvbik7XG4gICAgICAgIHRoaXMuYXJpYUxpdmVDb250YWluZXIuYXBwZW5kQ2hpbGQodGhpcy5hc3NlcnRpdmVSZWdpb24pO1xuXG4gICAgICAgIHRoaXMuc2V0dXBLZXlib2FyZExpc3RlbmVycygpO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIENsZWFuIHVwIGV2ZW50IGxpc3RlbmVycyBhbmQgRE9NIGVsZW1lbnRzXG4gICAgICogQ2FsbCB0aGlzIHdoZW4gdGhlIGFwcCBpcyB0ZWFyaW5nIGRvd24gKHVzZWZ1bCBmb3IgdGVzdHMpXG4gICAgICovXG4gICAgcHVibGljIGRlc3Ryb3kgPSAoKSA9PiB7XG4gICAgICAgIGlmICh0eXBlb2YgZG9jdW1lbnQgIT09ICd1bmRlZmluZWQnKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5yZW1vdmVFdmVudExpc3RlbmVyKCdrZXlkb3duJywgdGhpcy5oYW5kbGVLZXlEb3duKTtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLnJlbW92ZSgpO1xuICAgICAgICBpZiAodGhpcy5hcmlhTGl2ZUNvbnRhaW5lciAmJiBkb2N1bWVudC5ib2R5LmNvbnRhaW5zKHRoaXMuYXJpYUxpdmVDb250YWluZXIpKSB7XG4gICAgICAgICAgICBkb2N1bWVudC5ib2R5LnJlbW92ZUNoaWxkKHRoaXMuYXJpYUxpdmVDb250YWluZXIpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMucG9saXRlUmVnaW9uID0gbnVsbDtcbiAgICAgICAgdGhpcy5hc3NlcnRpdmVSZWdpb24gPSBudWxsO1xuICAgICAgICB0aGlzLmFyaWFMaXZlQ29udGFpbmVyID0gbnVsbDtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogU2V0IHVwIGtleWJvYXJkIGxpc3RlbmVyIGZvciBkaXNtaXNzaW5nIHRvYXN0IHdpdGggRXNjYXBlIGtleVxuICAgICAqL1xuICAgIHByaXZhdGUgc2V0dXBLZXlib2FyZExpc3RlbmVycyA9ICgpID0+IHtcbiAgICAgICAgaWYgKHR5cGVvZiBkb2N1bWVudCAhPT0gJ3VuZGVmaW5lZCcpIHtcbiAgICAgICAgICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoJ2tleWRvd24nLCB0aGlzLmhhbmRsZUtleURvd24pO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIEhhbmRsZSBrZXlib2FyZCBldmVudHMgZm9yIHRvYXN0IGludGVyYWN0aW9uXG4gICAgICovXG4gICAgcHJpdmF0ZSBoYW5kbGVLZXlEb3duID0gKGV2ZW50OiBLZXlib2FyZEV2ZW50KSA9PiB7XG4gICAgICAgIGlmICghdGhpcy50b2FzdCkgcmV0dXJuO1xuXG4gICAgICAgIC8vIEVzY2FwZSBrZXkgZGlzbWlzc2VzIHRoZSB0b2FzdFxuICAgICAgICBpZiAoZXZlbnQua2V5ID09PSAnRXNjYXBlJykge1xuICAgICAgICAgICAgdGhpcy5yZW1vdmUoKTtcbiAgICAgICAgfVxuICAgICAgICAvLyBTcGFjZSBrZXkgcGF1c2VzL3Jlc3VtZXMgYXV0by1kaXNtaXNzXG4gICAgICAgIGVsc2UgaWYgKGV2ZW50LmtleSA9PT0gJyAnICYmIHRoaXMuY3VycmVudE9wdGlvbnMpIHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBpZiAodGhpcy5pc1BhdXNlZCkge1xuICAgICAgICAgICAgICAgIHRoaXMucmVzdW1lVGltZW91dCgpO1xuICAgICAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgICAgICB0aGlzLnBhdXNlVGltZW91dCgpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFVwZGF0ZSB0aGUgYXBwcm9wcmlhdGUgbGl2ZSByZWdpb24gd2l0aCB0b2FzdCBjb250ZW50XG4gICAgICovXG4gICAgcHJpdmF0ZSB1cGRhdGVMaXZlUmVnaW9uID0gKGNvbnRlbnQ6IHN0cmluZywgaXNBc3NlcnRpdmU6IGJvb2xlYW4pID0+IHtcbiAgICAgICAgY29uc3QgcmVnaW9uID0gaXNBc3NlcnRpdmUgPyB0aGlzLmFzc2VydGl2ZVJlZ2lvbiA6IHRoaXMucG9saXRlUmVnaW9uO1xuICAgICAgICByZWdpb24udGV4dENvbnRlbnQgPSAnJztcblxuICAgICAgICBpZiAocmVnaW9uKSB7XG4gICAgICAgICAgICAvLyBBZGQgY29udGVudCBhZnRlciBkZWxheVxuICAgICAgICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHJlZ2lvbikge1xuICAgICAgICAgICAgICAgICAgICByZWdpb24udGV4dENvbnRlbnQgPSBjb250ZW50O1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH0sIDIwMCk7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgcHVibGljIHJlbW92ZSA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMudG9hc3QpIHtcbiAgICAgICAgICAgIHRoaXMudG9hc3RbMV0oKTtcbiAgICAgICAgICAgIGlmICh0aGlzLnRpbWVvdXQpIHtcbiAgICAgICAgICAgICAgICBjbGVhclRpbWVvdXQodGhpcy50aW1lb3V0KTtcbiAgICAgICAgICAgICAgICB0aGlzLnRpbWVvdXQgPSBudWxsO1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIHRoaXMudG9hc3QgPSBudWxsO1xuICAgICAgICB0aGlzLmN1cnJlbnRPcHRpb25zID0gbnVsbDtcbiAgICAgICAgdGhpcy5pc1BhdXNlZCA9IGZhbHNlO1xuXG4gICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKCF0aGlzLnRvYXN0ICYmIHRoaXMucm9vdCkge1xuICAgICAgICAgICAgICAgIHRoaXMucm9vdC51bm1vdW50KCk7XG4gICAgICAgICAgICAgICAgdGhpcy5yb290ID0gbnVsbDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSwgMzAwKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogUGF1c2UgdG9hc3QgYXV0by1kaXNtaXNzXG4gICAgICovXG4gICAgcHJpdmF0ZSBwYXVzZVRpbWVvdXQgPSAoKSA9PiB7XG4gICAgICAgIGlmICh0aGlzLnRpbWVvdXQpIHtcbiAgICAgICAgICAgIGNsZWFyVGltZW91dCh0aGlzLnRpbWVvdXQpO1xuICAgICAgICAgICAgdGhpcy5pc1BhdXNlZCA9IHRydWU7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogUmVzdW1lIHRvYXN0IGF1dG8tZGlzbWlzc1xuICAgICAqL1xuICAgIHByaXZhdGUgcmVzdW1lVGltZW91dCA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMuY3VycmVudE9wdGlvbnMgJiYgdGhpcy5pc1BhdXNlZCkge1xuICAgICAgICAgICAgdGhpcy50aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICAgICAgdGhpcy5yZW1vdmUoKTtcbiAgICAgICAgICAgIH0sIHRoaXMuY3VycmVudE9wdGlvbnMuZHVyYXRpb24gfHwgREVGQVVMVF9EVVJBVElPTik7XG4gICAgICAgICAgICB0aGlzLmlzUGF1c2VkID0gZmFsc2U7XG4gICAgICAgIH1cbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogUGF1c2UgdG9hc3Qgd2hlbiB1c2VyIGlzIGhvdmVyaW5nIG92ZXIgaXQuXG4gICAgICovXG4gICAgcHVibGljIHBhdXNlID0gKCkgPT4ge1xuICAgICAgICB0aGlzLnBhdXNlVGltZW91dCgpO1xuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBSZXN0YXJ0IHRoZSByZW1vdmFsIG9mIHRvYXN0LlxuICAgICAqL1xuICAgIHB1YmxpYyByZXN1bWUgPSAob3B0aW9uczogVG9hc3RPcHRpb25zKSA9PiAoKSA9PiB7XG4gICAgICAgIHRoaXMuY3VycmVudE9wdGlvbnMgPSBvcHRpb25zO1xuICAgICAgICB0aGlzLnJlc3VtZVRpbWVvdXQoKTtcbiAgICB9O1xuXG4gICAgcHVibGljIGFkZChvcHRpb25zOiBUb2FzdE9wdGlvbnMpIHtcbiAgICAgICAgY29uc3QgeyB0ZXh0LCBidXR0b25UZXh0LCBidXR0b25DbGljaywgZHVyYXRpb24sIHR5cGUgPSBUT0FTVF9UWVBFLk5PUk1BTCB9ID0gb3B0aW9ucztcbiAgICAgICAgdGhpcy5jdXJyZW50T3B0aW9ucyA9IG9wdGlvbnM7XG4gICAgICAgIHRoaXMuaXNQYXVzZWQgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5yZW1vdmUoKTtcblxuICAgICAgICAvLyBEZXRlcm1pbmUgaWYgdGhpcyBpcyBhbiBhc3NlcnRpdmUgbWVzc2FnZSAod2FybmluZy9kYW5nZXIpXG4gICAgICAgIGNvbnN0IGlzQXNzZXJ0aXZlID0gdHlwZSA9PT0gVE9BU1RfVFlQRS5XQVJOSU5HIHx8IHR5cGUgPT09IFRPQVNUX1RZUEUuREFOR0VSO1xuXG4gICAgICAgIC8vIEFubm91bmNlIHRvIHNjcmVlbiByZWFkZXJzXG4gICAgICAgIGNvbnN0IGFubm91bmNlbWVudCA9IGJ1dHRvblRleHQgPyBgJHt0ZXh0fSAke2J1dHRvblRleHR9IGJ1dHRvbiBhdmFpbGFibGVgIDogdGV4dDtcbiAgICAgICAgdGhpcy51cGRhdGVMaXZlUmVnaW9uKGFubm91bmNlbWVudCwgaXNBc3NlcnRpdmUpO1xuXG4gICAgICAgIHRoaXMudG9hc3QgPSBMYXllck1hbmFnZXIucmVuZGVyTGF5ZXIoe1xuICAgICAgICAgICAgZXhpdERlbGF5OiAzMDAsXG4gICAgICAgICAgICBjbG9zZU9uRXNjOiBmYWxzZSxcbiAgICAgICAgICAgIGNsb3NlT25PdmVybGF5Q2xpY2s6IGZhbHNlLFxuICAgICAgICAgICAgYWx3YXlzT25Ub3A6IHRydWUsXG4gICAgICAgICAgICBwb3NpdGlvbjogTEFZRVJfUE9TSVRJT04uQk9UVE9NX0xFRlQsXG4gICAgICAgICAgICBjb21wb25lbnQ6IChcbiAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICB7LyogVmlzdWFsIHRvYXN0IChoaWRkZW4gZnJvbSBzY3JlZW4gcmVhZGVycykgKi99XG4gICAgICAgICAgICAgICAgICAgIDxUb2FzdENvbnRhaW5lclxuICAgICAgICAgICAgICAgICAgICAgICAgey4uLm9wdGlvbnN9XG4gICAgICAgICAgICAgICAgICAgICAgICB0eXBlPXt0eXBlfVxuICAgICAgICAgICAgICAgICAgICAgICAgZWxldmF0ZWRcbiAgICAgICAgICAgICAgICAgICAgICAgIG9uTW91c2VFbnRlcj17dGhpcy5wYXVzZX1cbiAgICAgICAgICAgICAgICAgICAgICAgIG9uTW91c2VMZWF2ZT17dGhpcy5yZXN1bWUob3B0aW9ucyl9XG4gICAgICAgICAgICAgICAgICAgICAgICBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VGV4dENvbnRhaW5lcj57dGV4dH08L1RleHRDb250YWluZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICB7YnV0dG9uVGV4dCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENsb3NlQ29udGFpbmVyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2J1dHRvbkNsaWNrfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgYXJpYS1sYWJlbD17YCR7YnV0dG9uVGV4dH0gLSBQcmVzcyBTcGFjZSB0byBwYXVzZSBhdXRvLWRpc21pc3MsIEVzY2FwZSB0byBjbG9zZWB9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7YnV0dG9uVGV4dH1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0Nsb3NlQ29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9Ub2FzdENvbnRhaW5lcj5cbiAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICksXG4gICAgICAgIH0pO1xuICAgICAgICBjb25zdCBDb21wb25lbnQgPSB0aGlzLnRvYXN0WzBdO1xuICAgICAgICB0aGlzLnJvb3QgPSBjcmVhdGVSb290KHRoaXMuZWxlbWVudCk7XG4gICAgICAgIHRoaXMucm9vdC5yZW5kZXIoPENvbXBvbmVudCAvPik7XG5cbiAgICAgICAgdGhpcy50aW1lb3V0ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgICB0aGlzLnJlbW92ZSgpO1xuICAgICAgICB9LCBkdXJhdGlvbiB8fCBERUZBVUxUX0RVUkFUSU9OKTtcbiAgICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IG5ldyBUb2FzdCgpO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRFdUIifQ== */");
|
|
41
|
+
})("background-color:transparent;color:", getThemeValue(THEME_NAME.PRIMARY_LIGHT), ";padding:6px 10px;border:none;border-radius:3px;text-transform:uppercase;cursor:pointer;&:focus{background-color:rgba(255,255,255,0.1);}");
|
|
42
42
|
const DEFAULT_DURATION = 2000;
|
|
43
43
|
const createAriaLiveRegion = (id, ariaLive)=>{
|
|
44
44
|
const region = document.createElement('div');
|
|
@@ -220,3 +220,4 @@ class Toast {
|
|
|
220
220
|
var Toast$1 = new Toast();
|
|
221
221
|
|
|
222
222
|
export { TOAST_TYPE, Toast$1 as default };
|
|
223
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.js","sources":["../../../src/components/Toast/Toast.tsx"],"sourcesContent":["import { createRoot, type Root } from 'react-dom/client';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\nimport LayerManager, { LAYER_POSITION } from '../../shared/LayerManager';\nimport { Card } from '../Card';\n\nexport interface ToastOptions {\n text: string;\n buttonText?: string;\n buttonClick?: () => void;\n duration?: number;\n type?: TOAST_TYPE;\n}\n\nexport enum TOAST_TYPE {\n NORMAL = 'NORMAL',\n INFO = 'INFO',\n SUCCESS = 'SUCCESS',\n WARNING = 'WARNING',\n DANGER = 'DANGER',\n}\n\nconst getBackgroundColor = (type: TOAST_TYPE) => {\n switch (type) {\n case TOAST_TYPE.INFO:\n return getThemeValue(THEME_NAME.INFO);\n case TOAST_TYPE.SUCCESS:\n return getThemeValue(THEME_NAME.SUCCESS);\n case TOAST_TYPE.WARNING:\n return getThemeValue(THEME_NAME.WARNING);\n case TOAST_TYPE.DANGER:\n return getThemeValue(THEME_NAME.ERROR);\n case TOAST_TYPE.NORMAL:\n return getThemeValue(THEME_NAME.TOAST);\n }\n};\n\nconst ToastContainer = styled(Card)<{ type: TOAST_TYPE }>`\n box-sizing: border-box;\n border-radius: 3px;\n padding: 12px;\n background-color: ${(props) => getBackgroundColor(props.type)};\n color: ${getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT)};\n margin: 20px;\n font-size: 14px;\n line-height: 20px;\n transform: translateY(100%);\n transition: transform 0.3s ease;\n width: 344px;\n display: flex;\n align-items: center;\n position: relative;\n\n & svg {\n width: 20px;\n height: 20px;\n fill: currentColor;\n }\n\n @media (max-width: 480px) {\n & {\n margin: 0;\n width: 100vw;\n border-radius: 0;\n }\n }\n\n .nf-layer-enter & {\n transform: translateY(0%);\n }\n`;\n\nconst TextContainer = styled.div`\n flex: 1;\n`;\n\nconst CloseContainer = styled.button`\n background-color: transparent;\n color: ${getThemeValue(THEME_NAME.PRIMARY_LIGHT)};\n padding: 6px 10px;\n border: none;\n border-radius: 3px;\n text-transform: uppercase;\n cursor: pointer;\n\n &:focus {\n background-color: rgba(255, 255, 255, 0.1);\n }\n`;\n\nconst DEFAULT_DURATION = 2000;\n\nconst createAriaLiveRegion = (id: string, ariaLive: 'polite' | 'assertive') => {\n const region = document.createElement('div');\n region.id = id;\n region.style.position = 'absolute';\n region.style.width = '1px';\n region.style.height = '1px';\n region.style.padding = '0';\n region.style.margin = '-1px';\n region.style.overflow = 'hidden';\n region.style.clip = 'rect(0, 0, 0, 0)';\n region.style.whiteSpace = 'nowrap';\n region.style.borderWidth = '0';\n region.setAttribute('role', ariaLive === 'assertive' ? 'alert' : 'log');\n region.setAttribute('aria-live', ariaLive);\n region.setAttribute('aria-atomic', 'true');\n return region;\n};\n\nclass Toast {\n private element: HTMLDivElement;\n private ariaLiveContainer: HTMLDivElement;\n private toast: ReturnType<typeof LayerManager.renderLayer>;\n private timeout: NodeJS.Timeout;\n private root: Root;\n private politeRegion: HTMLDivElement;\n private assertiveRegion: HTMLDivElement;\n private isPaused: boolean = false;\n private currentOptions: ToastOptions | null = null;\n\n constructor() {\n if (typeof document === 'undefined') return;\n\n this.element = document?.createElement('div');\n this.ariaLiveContainer = document?.createElement('div');\n this.ariaLiveContainer.id = 'nf-toast-container';\n document.body.appendChild(this.ariaLiveContainer);\n\n this.politeRegion = createAriaLiveRegion('nf-toast-polite-region', 'polite');\n this.assertiveRegion = createAriaLiveRegion('nf-toast-assertive-region', 'assertive');\n this.ariaLiveContainer.appendChild(this.politeRegion);\n this.ariaLiveContainer.appendChild(this.assertiveRegion);\n\n this.setupKeyboardListeners();\n }\n\n /**\n * Clean up event listeners and DOM elements\n * Call this when the app is tearing down (useful for tests)\n */\n public destroy = () => {\n if (typeof document !== 'undefined') {\n document.removeEventListener('keydown', this.handleKeyDown);\n }\n this.remove();\n if (this.ariaLiveContainer && document.body.contains(this.ariaLiveContainer)) {\n document.body.removeChild(this.ariaLiveContainer);\n }\n this.politeRegion = null;\n this.assertiveRegion = null;\n this.ariaLiveContainer = null;\n };\n\n /**\n * Set up keyboard listener for dismissing toast with Escape key\n */\n private setupKeyboardListeners = () => {\n if (typeof document !== 'undefined') {\n document.addEventListener('keydown', this.handleKeyDown);\n }\n };\n\n /**\n * Handle keyboard events for toast interaction\n */\n private handleKeyDown = (event: KeyboardEvent) => {\n if (!this.toast) return;\n\n // Escape key dismisses the toast\n if (event.key === 'Escape') {\n this.remove();\n }\n // Space key pauses/resumes auto-dismiss\n else if (event.key === ' ' && this.currentOptions) {\n event.preventDefault();\n if (this.isPaused) {\n this.resumeTimeout();\n } else {\n this.pauseTimeout();\n }\n }\n };\n\n /**\n * Update the appropriate live region with toast content\n */\n private updateLiveRegion = (content: string, isAssertive: boolean) => {\n const region = isAssertive ? this.assertiveRegion : this.politeRegion;\n region.textContent = '';\n\n if (region) {\n // Add content after delay\n setTimeout(() => {\n if (region) {\n region.textContent = content;\n }\n }, 200);\n }\n };\n\n public remove = () => {\n if (this.toast) {\n this.toast[1]();\n if (this.timeout) {\n clearTimeout(this.timeout);\n this.timeout = null;\n }\n }\n this.toast = null;\n this.currentOptions = null;\n this.isPaused = false;\n\n setTimeout(() => {\n if (!this.toast && this.root) {\n this.root.unmount();\n this.root = null;\n }\n }, 300);\n };\n\n /**\n * Pause toast auto-dismiss\n */\n private pauseTimeout = () => {\n if (this.timeout) {\n clearTimeout(this.timeout);\n this.isPaused = true;\n }\n };\n\n /**\n * Resume toast auto-dismiss\n */\n private resumeTimeout = () => {\n if (this.currentOptions && this.isPaused) {\n this.timeout = setTimeout(() => {\n this.remove();\n }, this.currentOptions.duration || DEFAULT_DURATION);\n this.isPaused = false;\n }\n };\n\n /**\n * Pause toast when user is hovering over it.\n */\n public pause = () => {\n this.pauseTimeout();\n };\n\n /**\n * Restart the removal of toast.\n */\n public resume = (options: ToastOptions) => () => {\n this.currentOptions = options;\n this.resumeTimeout();\n };\n\n public add(options: ToastOptions) {\n const { text, buttonText, buttonClick, duration, type = TOAST_TYPE.NORMAL } = options;\n this.currentOptions = options;\n this.isPaused = false;\n this.remove();\n\n // Determine if this is an assertive message (warning/danger)\n const isAssertive = type === TOAST_TYPE.WARNING || type === TOAST_TYPE.DANGER;\n\n // Announce to screen readers\n const announcement = buttonText ? `${text} ${buttonText} button available` : text;\n this.updateLiveRegion(announcement, isAssertive);\n\n this.toast = LayerManager.renderLayer({\n exitDelay: 300,\n closeOnEsc: false,\n closeOnOverlayClick: false,\n alwaysOnTop: true,\n position: LAYER_POSITION.BOTTOM_LEFT,\n component: (\n <>\n {/* Visual toast (hidden from screen readers) */}\n <ToastContainer\n {...options}\n type={type}\n elevated\n onMouseEnter={this.pause}\n onMouseLeave={this.resume(options)}\n aria-hidden=\"true\"\n >\n <TextContainer>{text}</TextContainer>\n {buttonText && (\n <CloseContainer\n onClick={buttonClick}\n type=\"button\"\n aria-label={`${buttonText} - Press Space to pause auto-dismiss, Escape to close`}\n >\n {buttonText}\n </CloseContainer>\n )}\n </ToastContainer>\n </>\n ),\n });\n const Component = this.toast[0];\n this.root = createRoot(this.element);\n this.root.render(<Component />);\n\n this.timeout = setTimeout(() => {\n this.remove();\n }, duration || DEFAULT_DURATION);\n }\n}\n\nexport default new Toast();\n"],"names":["TOAST_TYPE","getBackgroundColor","type","getThemeValue","THEME_NAME","INFO","SUCCESS","WARNING","ERROR","TOAST","ToastContainer","styled","Card","props","TEXT_COLOR_LIGHT","TextContainer","CloseContainer","PRIMARY_LIGHT","DEFAULT_DURATION","createAriaLiveRegion","id","ariaLive","region","document","createElement","style","position","width","height","padding","margin","overflow","clip","whiteSpace","borderWidth","setAttribute","Toast","add","options","text","buttonText","buttonClick","duration","currentOptions","isPaused","remove","isAssertive","announcement","updateLiveRegion","toast","LayerManager","renderLayer","exitDelay","closeOnEsc","closeOnOverlayClick","alwaysOnTop","LAYER_POSITION","BOTTOM_LEFT","component","_jsx","_Fragment","_jsxs","elevated","onMouseEnter","pause","onMouseLeave","resume","aria-hidden","onClick","aria-label","Component","root","createRoot","element","render","timeout","setTimeout","destroy","removeEventListener","handleKeyDown","ariaLiveContainer","body","contains","removeChild","politeRegion","assertiveRegion","setupKeyboardListeners","addEventListener","event","key","preventDefault","resumeTimeout","pauseTimeout","content","textContent","clearTimeout","unmount","appendChild"],"mappings":"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"}
|
|
@@ -46,11 +46,11 @@ const positionHoverStyle = {
|
|
|
46
46
|
const TooltipDiv = /*#__PURE__*/ styled("div", {
|
|
47
47
|
target: "es4cffs0",
|
|
48
48
|
label: "TooltipDiv"
|
|
49
|
-
})("position:absolute;background-color:", getThemeValue(THEME_NAME.TOOLTIP_COLOR), ";padding:5px;color:", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";border-radius:3px;transition:transform 0.3s ease;font-size:12px;z-index:1;", (props)=>positionStyle[props.position]
|
|
49
|
+
})("position:absolute;background-color:", getThemeValue(THEME_NAME.TOOLTIP_COLOR), ";padding:5px;color:", getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT), ";border-radius:3px;transition:transform 0.3s ease;font-size:12px;z-index:1;", (props)=>positionStyle[props.position]);
|
|
50
50
|
const TooltipContainer = /*#__PURE__*/ styled("div", {
|
|
51
51
|
target: "es4cffs1",
|
|
52
52
|
label: "TooltipContainer"
|
|
53
|
-
})("position:relative;display:inline-flex;justify-content:center;align-items:center;&:hover ", TooltipDiv, ",&:focus-within ", TooltipDiv, "{", (props)=>positionHoverStyle[props.position], "}"
|
|
53
|
+
})("position:relative;display:inline-flex;justify-content:center;align-items:center;&:hover ", TooltipDiv, ",&:focus-within ", TooltipDiv, "{", (props)=>positionHoverStyle[props.position], "}");
|
|
54
54
|
function Tooltip(props) {
|
|
55
55
|
const { children, position, ...rest } = props;
|
|
56
56
|
const tooltipId = useId();
|
|
@@ -91,3 +91,4 @@ Tooltip.defaultProps = {
|
|
|
91
91
|
};
|
|
92
92
|
|
|
93
93
|
export { TOOLTIP_POSITION, Tooltip as default };
|
|
94
|
+
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, { useId } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from '@emotion/styled';\nimport { getThemeValue, THEME_NAME } from '../../shared/constants';\n\nexport enum TOOLTIP_POSITION {\n TOP = 'TOP',\n BOTTOM = 'BOTTOM',\n LEFT = 'LEFT',\n RIGHT = 'RIGHT',\n}\n\nconst positionStyle = {\n [TOOLTIP_POSITION.LEFT]: `\n left: 0;\n transform: translateX(-50%) scale(0);\n `,\n [TOOLTIP_POSITION.RIGHT]: `\n right: 0;\n transform: translateX(50%) scale(0);\n `,\n [TOOLTIP_POSITION.TOP]: `\n top: 0;\n transform: translateY(-10px) scale(0);\n `,\n [TOOLTIP_POSITION.BOTTOM]: `\n bottom: 0;\n transform: translateY(10px) scale(0);\n `,\n};\n\nconst positionHoverStyle = {\n [TOOLTIP_POSITION.LEFT]: `\n transform: translateX(-100%) scale(1);\n `,\n [TOOLTIP_POSITION.RIGHT]: `\n transform: translateX(100%) scale(1);\n `,\n [TOOLTIP_POSITION.TOP]: `\n transform: translateY(-25px) scale(1);\n `,\n [TOOLTIP_POSITION.BOTTOM]: `\n transform: translateY(25px) scale(1);\n `,\n};\n\nconst TooltipDiv = styled.div<{ position: TOOLTIP_POSITION }>`\n position: absolute;\n background-color: ${getThemeValue(THEME_NAME.TOOLTIP_COLOR)};\n padding: 5px;\n color: ${getThemeValue(THEME_NAME.TEXT_COLOR_LIGHT)};\n border-radius: 3px;\n transition: transform 0.3s ease;\n font-size: 12px;\n z-index: 1;\n ${(props) => positionStyle[props.position]}\n`;\n\nconst TooltipContainer = styled.div<{ position: TOOLTIP_POSITION }>`\n position: relative;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n\n &:hover ${TooltipDiv}, &:focus-within ${TooltipDiv} {\n ${(props) => positionHoverStyle[props.position]}\n }\n`;\n\nexport default function Tooltip(props: React.PropsWithChildren<TooltipProps>) {\n const { children, position, ...rest } = props;\n const tooltipId = useId();\n\n // Clone the child to inject aria-describedby and tabIndex if possible\n const trigger = React.isValidElement(children)\n ? React.cloneElement(children as React.ReactElement, {\n 'aria-describedby': tooltipId,\n tabIndex:\n children.props && typeof children.props.tabIndex !== 'undefined'\n ? children.props.tabIndex\n : 0,\n })\n : children;\n\n return (\n <TooltipContainer position={position} {...rest}>\n {trigger}\n <TooltipDiv id={tooltipId} aria-hidden=\"true\" role=\"tooltip\" position={position}>\n {rest.tooltipText}\n </TooltipDiv>\n </TooltipContainer>\n );\n}\n\ntype TooltipProps = PropTypes.InferProps<typeof Tooltip.propTypes>;\n\nTooltip.propTypes = {\n /** Text to show in the tooltip */\n tooltipText: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n /** Position of the tooltip */\n position: PropTypes.oneOf([\n TOOLTIP_POSITION.TOP,\n TOOLTIP_POSITION.LEFT,\n TOOLTIP_POSITION.RIGHT,\n TOOLTIP_POSITION.BOTTOM,\n ]),\n};\n\nTooltip.defaultProps = {\n position: TOOLTIP_POSITION.BOTTOM,\n};\n"],"names":["TOOLTIP_POSITION","positionStyle","positionHoverStyle","TooltipDiv","styled","getThemeValue","THEME_NAME","TOOLTIP_COLOR","TEXT_COLOR_LIGHT","props","position","TooltipContainer","Tooltip","children","rest","tooltipId","useId","trigger","React","isValidElement","cloneElement","tabIndex","_jsxs","_jsx","id","aria-hidden","role","tooltipText","propTypes","PropTypes","oneOfType","string","node","isRequired","oneOf","defaultProps"],"mappings":";;;;;;AAKO,IAAA,gBAAKA,iBAAAA,SAAAA,gBAAAA,EAAAA;;;;;AAAAA,IAAAA,OAAAA,gBAAAA;AAKX,CAAA,CAAA,EAAA;AAED,MAAMC,aAAAA,GAAgB;AAClB,IAAA,CAAA,MAAA,GAAyB;;;IAGzB,CAAC;AACD,IAAA,CAAA,OAAA,GAA0B;;;IAG1B,CAAC;AACD,IAAA,CAAA,KAAA,GAAwB;;;IAGxB,CAAC;AACD,IAAA,CAAA,QAAA,GAA2B;;;IAG3B;AACJ,CAAA;AAEA,MAAMC,kBAAAA,GAAqB;AACvB,IAAA,CAAA,MAAA,GAAyB;;IAEzB,CAAC;AACD,IAAA,CAAA,OAAA,GAA0B;;IAE1B,CAAC;AACD,IAAA,CAAA,KAAA,GAAwB;;IAExB,CAAC;AACD,IAAA,CAAA,QAAA,GAA2B;;IAE3B;AACJ,CAAA;AAEA,MAAMC,UAAAA,iBAAaC,MAAAA,CAAAA,KAAAA,EAAAA;;;AAEKC,CAAAA,CAAAA,CAAAA,qCAAAA,EAAAA,aAAAA,CAAcC,UAAAA,CAAWC,aAAa,CAAA,EAAA,qBAAA,EAEjDF,aAAAA,CAAcC,UAAAA,CAAWE,gBAAgB,CAAA,EAAA,6EAAA,EAKhD,CAACC,KAAAA,GAAUR,aAAa,CAACQ,KAAAA,CAAMC,QAAQ,CAAC,CAAA;AAG9C,MAAMC,gBAAAA,iBAAmBP,MAAAA,CAAAA,KAAAA,EAAAA;;;AAMXD,CAAAA,CAAAA,CAAAA,0FAAAA,EAAAA,UAAAA,EAAAA,kBAAAA,EAA8BA,iBAClC,CAACM,KAAAA,GAAUP,kBAAkB,CAACO,KAAAA,CAAMC,QAAQ,CAAC,EAAA,GAAA,CAAA;AAIxC,SAASE,QAAQH,KAA4C,EAAA;AACxE,IAAA,MAAM,EAAEI,QAAQ,EAAEH,QAAQ,EAAE,GAAGI,MAAM,GAAGL,KAAAA;AACxC,IAAA,MAAMM,SAAAA,GAAYC,KAAAA,EAAAA;;IAGlB,MAAMC,OAAAA,iBAAUC,MAAMC,cAAc,CAACN,0BAC/BK,KAAAA,CAAME,YAAY,CAACP,QAAAA,EAAgC;QAC/C,kBAAA,EAAoBE,SAAAA;AACpBM,QAAAA,QAAAA,EACIR,QAAAA,CAASJ,KAAK,IAAI,OAAOI,SAASJ,KAAK,CAACY,QAAQ,KAAK,WAAA,GAC/CR,QAAAA,CAASJ,KAAK,CAACY,QAAQ,GACvB;KACd,CAAA,GACAR,QAAAA;AAEN,IAAA,qBACIS,IAAA,CAACX,gBAAAA,EAAAA;QAAiBD,QAAAA,EAAUA,QAAAA;AAAW,QAAA,GAAGI,IAAI;;AACzCG,YAAAA,OAAAA;0BACDM,GAAA,CAACpB,UAAAA,EAAAA;gBAAWqB,EAAAA,EAAIT,SAAAA;gBAAWU,aAAAA,EAAY,MAAA;gBAAOC,IAAAA,EAAK,SAAA;gBAAUhB,QAAAA,EAAUA,QAAAA;AAClEI,gBAAAA,QAAAA,EAAAA,IAAAA,CAAKa;;;;AAItB;AAIAf,OAAAA,CAAQgB,SAAS,GAAG;AAChB,uCACAD,WAAAA,EAAaE,SAAAA,CAAUC,SAAS,CAAC;AAACD,QAAAA,SAAAA,CAAUE,MAAM;AAAEF,QAAAA,SAAAA,CAAUG;AAAK,KAAA,CAAA,CAAEC,UAAU;AAC/E,mCACAvB,QAAAA,EAAUmB,SAAAA,CAAUK,KAAK,CAAC;;;;;AAKzB,KAAA;AACL,CAAA;AAEAtB,OAAAA,CAAQuB,YAAY,GAAG;IACnBzB,QAAQ,EAAA;AACZ,CAAA;;;;"}
|
|
@@ -40,3 +40,4 @@ export { default as Modal } from './Modal/Modal.js';
|
|
|
40
40
|
export { default as Notification } from './Notification/Notification.js';
|
|
41
41
|
export { NOTIFICATION_POSITION, NOTIFICATION_TYPE } from './Notification/types.js';
|
|
42
42
|
export { TOAST_TYPE, default as Toast } from './Toast/Toast.js';
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckCircle.js","sources":["../../src/icons/CheckCircle.tsx"],"sourcesContent":["export default function CheckCircle(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n <path d=\"M0 0h24v24H0V0zm0 0h24v24H0V0z\" fill=\"none\" />\n <path d=\"M16.59 7.58L10 14.17l-3.59-3.58L5 12l5 5 8-8zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" />\n </svg>\n );\n}\n"],"names":["CheckCircle","props","_jsxs","svg","height","viewBox","width","fill","_jsx","path","d"],"mappings":";;AAAe,SAASA,YAAYC,KAAoC,EAAA;AACpE,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BACzEO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,gCAAA;gBAAiCH,IAAAA,EAAK;;0BAC9CC,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE;;;;AAGpB;;;;"}
|
package/lib-esm/icons/Close.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Close.js","sources":["../../src/icons/Close.tsx"],"sourcesContent":["export default function Close(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z\" />\n </svg>\n );\n}\n"],"names":["Close","props","_jsxs","svg","height","viewBox","width","fill","_jsx","path","d"],"mappings":";;AAAe,SAASA,MAAMC,KAAoC,EAAA;AAC9D,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BACzEO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,iBAAA;gBAAkBH,IAAAA,EAAK;;0BAC/BC,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE;;;;AAGpB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DragIndicator.js","sources":["../../src/icons/DragIndicator.tsx"],"sourcesContent":["export default function CheckCircle(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n <path d=\"M0 0h24v24H0V0z\" fill=\"none\" />\n <path d=\"M11 18c0 1.1-.9 2-2 2s-2-.9-2-2 .9-2 2-2 2 .9 2 2zm-2-8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm6 4c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z\" />\n </svg>\n );\n}\n"],"names":["CheckCircle","props","_jsxs","svg","height","viewBox","width","fill","_jsx","path","d"],"mappings":";;AAAe,SAASA,YAAYC,KAAoC,EAAA;AACpE,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BACzEO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,iBAAA;gBAAkBH,IAAAA,EAAK;;0BAC/BC,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE;;;;AAGpB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ErrorOutline.js","sources":["../../src/icons/ErrorOutline.tsx"],"sourcesContent":["export default function CheckCircle(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n <path d=\"M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\" />\n </svg>\n );\n}\n"],"names":["CheckCircle","props","_jsx","svg","height","viewBox","width","fill","path","d"],"mappings":";;AAAe,SAASA,YAAYC,KAAoC,EAAA;AACpE,IAAA,qBACIC,GAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;AACzE,QAAA,QAAA,gBAAAC,GAAA,CAACM,MAAAA,EAAAA;YAAKC,CAAAA,EAAE;;;AAGpB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ExpandMore.js","sources":["../../src/icons/ExpandMore.tsx"],"sourcesContent":["export default function ExpandMore(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg viewBox=\"0 0 24 24\" width=\"18px\" height=\"18px\" fill=\"currentColor\" {...props}>\n <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n <path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\" />\n </svg>\n );\n}\n"],"names":["ExpandMore","props","_jsxs","svg","viewBox","width","height","fill","_jsx","path","d"],"mappings":";;AAAe,SAASA,WAAWC,KAAoC,EAAA;AACnE,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,MAAA;QAAOC,MAAAA,EAAO,MAAA;QAAOC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BAC7EO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,eAAA;gBAAgBH,IAAAA,EAAK;;0BAC7BC,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE;;;;AAGpB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FiberManualRecord.js","sources":["../../src/icons/FiberManualRecord.tsx"],"sourcesContent":["export default function FiberManualRecord(props: React.SVGProps<SVGSVGElement>) {\n return (\n <svg height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" fill=\"currentColor\" {...props}>\n <path d=\"M24 24H0V0h24v24z\" fill=\"none\" />\n <circle cx=\"12\" cy=\"12\" r=\"8\" />\n </svg>\n );\n}\n"],"names":["FiberManualRecord","props","_jsxs","svg","height","viewBox","width","fill","_jsx","path","d","circle","cx","cy","r"],"mappings":";;AAAe,SAASA,kBAAkBC,KAAoC,EAAA;AAC1E,IAAA,qBACIC,IAAA,CAACC,KAAAA,EAAAA;QAAIC,MAAAA,EAAO,IAAA;QAAKC,OAAAA,EAAQ,WAAA;QAAYC,KAAAA,EAAM,IAAA;QAAKC,IAAAA,EAAK,cAAA;AAAgB,QAAA,GAAGN,KAAK;;0BACzEO,GAAA,CAACC,MAAAA,EAAAA;gBAAKC,CAAAA,EAAE,mBAAA;gBAAoBH,IAAAA,EAAK;;0BACjCC,GAAA,CAACG,QAAAA,EAAAA;gBAAOC,EAAAA,EAAG,IAAA;gBAAKC,EAAAA,EAAG,IAAA;gBAAKC,CAAAA,EAAE;;;;AAGtC;;;;"}
|
package/lib-esm/icons/Info.js
CHANGED