@sis-cc/dotstatsuite-visions 15.9.0 → 15.11.0
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/Alert/Alert.js +6 -27
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/ApiQueries/ApiQueries.js +42 -81
- package/dist/ApiQueries/ApiQueries.js.map +1 -1
- package/dist/AuthDialog/AuthDialog.js +26 -32
- package/dist/AuthDialog/AuthDialog.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +12 -22
- package/dist/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/Button/Button.js +9 -13
- package/dist/Button/Button.js.map +1 -1
- package/dist/ChartsConfig/ChartsConfig.js +121 -268
- package/dist/ChartsConfig/ChartsConfig.js.map +1 -1
- package/dist/CollapseButtons/CollapseButtons.js +79 -152
- package/dist/CollapseButtons/CollapseButtons.js.map +1 -1
- package/dist/CollapsibleTree/CollapsibleTree.js +59 -89
- package/dist/CollapsibleTree/CollapsibleTree.js.map +1 -1
- package/dist/Contact/Contact.js +85 -218
- package/dist/Contact/Contact.js.map +1 -1
- package/dist/DataFooter/DataFooter.js +32 -58
- package/dist/DataFooter/DataFooter.js.map +1 -1
- package/dist/DataHeader/DataHeader.js +96 -179
- package/dist/DataHeader/DataHeader.js.map +1 -1
- package/dist/Dataflow/Dataflow.js +54 -142
- package/dist/Dataflow/Dataflow.js.map +1 -1
- package/dist/DeleteAllChip/DeleteAllChip.js +7 -13
- package/dist/DeleteAllChip/DeleteAllChip.js.map +1 -1
- package/dist/DynamicDrawer/DynamicDrawer.js +431 -731
- package/dist/DynamicDrawer/DynamicDrawer.js.map +1 -1
- package/dist/ExpansionPanel/ExpansionPanel.js +54 -95
- package/dist/ExpansionPanel/ExpansionPanel.js.map +1 -1
- package/dist/GroupedChips/GroupedChips.js +18 -48
- package/dist/GroupedChips/GroupedChips.js.map +1 -1
- package/dist/HierarchicalFilter/HierarchicalFilter.js +24 -71
- package/dist/HierarchicalFilter/HierarchicalFilter.js.map +1 -1
- package/dist/Icons/AccessibilityFilled.js.map +1 -1
- package/dist/Icons/AccessibilityOutlined.js.map +1 -1
- package/dist/Icons/AccountFilled.js.map +1 -1
- package/dist/Icons/AccountOutlined.js.map +1 -1
- package/dist/Icons/Api.js.map +1 -1
- package/dist/Icons/Asterisk.js.map +1 -1
- package/dist/Icons/Bar.js.map +1 -1
- package/dist/Icons/CopyContent.js.map +1 -1
- package/dist/Icons/Cross.js.map +1 -1
- package/dist/Icons/HSymbol.js.map +1 -1
- package/dist/Icons/Row.js.map +1 -1
- package/dist/Icons/Scatter.js.map +1 -1
- package/dist/Icons/StackedBar.js.map +1 -1
- package/dist/Icons/StackedRow.js.map +1 -1
- package/dist/Icons/Timeline.js.map +1 -1
- package/dist/Icons/VSymbol.js.map +1 -1
- package/dist/Icons/Warning.js +1 -7
- package/dist/Icons/Warning.js.map +1 -1
- package/dist/Input/Input.js +15 -26
- package/dist/Input/Input.js.map +1 -1
- package/dist/InputNumber/InputNumber.js +12 -30
- package/dist/InputNumber/InputNumber.js.map +1 -1
- package/dist/LabelDivider/LabelDivider.js +11 -5
- package/dist/LabelDivider/LabelDivider.js.map +1 -1
- package/dist/Loading/Loading.js +12 -11
- package/dist/Loading/Loading.js.map +1 -1
- package/dist/Logo/Logo.js +10 -11
- package/dist/Logo/Logo.js.map +1 -1
- package/dist/Mode/Mode.js +45 -53
- package/dist/Mode/Mode.js.map +1 -1
- package/dist/NoData/NoData.js +4 -1
- package/dist/NoData/NoData.js.map +1 -1
- package/dist/Pagination/Pagination.js +25 -67
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/PeriodPicker/PeriodPicker.js +162 -210
- package/dist/PeriodPicker/PeriodPicker.js.map +1 -1
- package/dist/Select/Select.js +37 -68
- package/dist/Select/Select.js.map +1 -1
- package/dist/Share/Share.js +51 -103
- package/dist/Share/Share.js.map +1 -1
- package/dist/ShortUrls/ShortUrls.js +9 -55
- package/dist/ShortUrls/ShortUrls.js.map +1 -1
- package/dist/SisccFooter/SisccFooter.js +33 -29
- package/dist/SisccFooter/SisccFooter.js.map +1 -1
- package/dist/Spotlight/Spotlight.js +104 -159
- package/dist/Spotlight/Spotlight.js.map +1 -1
- package/dist/TableFooter/TableFooter.js +167 -19
- package/dist/TableFooter/TableFooter.js.map +1 -1
- package/dist/TableHeader/TableHeader.js +95 -11
- package/dist/TableHeader/TableHeader.js.map +1 -1
- package/dist/TableHtml5/TableHtml5.js +1127 -695
- package/dist/TableHtml5/TableHtml5.js.map +1 -1
- package/dist/TableLayout/TableLayout.js +550 -357
- package/dist/TableLayout/TableLayout.js.map +1 -1
- package/dist/TablePreview/TablePreview.js +310 -130
- package/dist/TablePreview/TablePreview.js.map +1 -1
- package/dist/Tag/Tag.js +4 -1
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/Tooltip/Tooltip.js +9 -13
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/UserRightForm/UserRightForm.js +118 -312
- package/dist/UserRightForm/UserRightForm.js.map +1 -1
- package/dist/VerticalButton/VerticalButton.js +14 -19
- package/dist/VerticalButton/VerticalButton.js.map +1 -1
- package/dist/assets/Alert-C3S2X2PP.js +5 -0
- package/dist/assets/Alert.stories-BpR-y2sI.js +3 -0
- package/dist/assets/ApiQueries.stories-D4Ab9gN5.js +1 -0
- package/dist/assets/ArrowForward-CehSgME7.js +1 -0
- package/dist/assets/{Asterisk-CdTi40xP.js → Asterisk-DQe8Poas.js} +1 -1
- package/dist/assets/{AuthDialog.stories-7miocgMG.js → AuthDialog.stories-DwL9Rkii.js} +1 -1
- package/dist/assets/Box-Vi3KsXOG.js +1 -0
- package/dist/assets/{Breadcrumbs.stories-BpXLmHzm.js → Breadcrumbs.stories-DDNBQYdD.js} +1 -1
- package/dist/assets/{Button-fwWSBbmQ.js → Button-C1YR4qKP.js} +1 -1
- package/dist/assets/{Button-C3zFrP42.js → Button-CohdQIfO.js} +1 -1
- package/dist/assets/{Button.stories-DFS3H0sC.js → Button.stories-DwSZZ075.js} +1 -1
- package/dist/assets/{ButtonBase-Clx5JnRy.js → ButtonBase-6aPSAQp6.js} +1 -1
- package/dist/assets/{CardContent-D-YOm5vw.js → CardContent-DtuO4dA1.js} +1 -1
- package/dist/assets/{ChartsConfig.stories-Bxj7X0JA.js → ChartsConfig.stories-C5Tu2JPr.js} +1 -1
- package/dist/assets/{Checkbox-Cf7wn9ip.js → Checkbox-BN4Ub-Nh.js} +1 -1
- package/dist/assets/{Chips.stories-sCyks7f1.js → Chips.stories-DASf0GKV.js} +1 -1
- package/dist/assets/{CircularProgress-RePhc3-i.js → CircularProgress-CH7zjNja.js} +4 -4
- package/dist/assets/Close-D0rQwiYA.js +1 -0
- package/dist/assets/{Collapse-Doo6pq99.js → Collapse-4DToDI9v.js} +1 -1
- package/dist/assets/{CollapseButtons.stories-L01pAYc5.js → CollapseButtons.stories-CK6Hl3c7.js} +1 -1
- package/dist/assets/{CollapsibleTree.stories-DTMM15c2.js → CollapsibleTree.stories-C2oSm1q5.js} +1 -1
- package/dist/assets/{Color-6AOWCN3U-Ddjo_PPJ.js → Color-6AOWCN3U-BvzM3jTo.js} +1 -1
- package/dist/assets/{Contact.stories-BlpmELc1.js → Contact.stories-vHpnDYqC.js} +1 -1
- package/dist/assets/{Container-DhpAVHtf.js → Container-B1Mwl1lm.js} +1 -1
- package/dist/assets/{Cross-DWgmmCZm.js → Cross-g8wKuiIf.js} +1 -1
- package/dist/assets/{CustomChip-DeDaghii.js → CustomChip-B3dN6AI7.js} +1 -1
- package/dist/assets/{DataEdit-CR8FfAvw.js → DataEdit-dmXPPlcC.js} +1 -1
- package/dist/assets/DataEdit.stories-CZKHRLLJ.js +1 -0
- package/dist/assets/{DataFooter.stories-DvE2zy1k.js → DataFooter.stories-CopTrgHr.js} +1 -1
- package/dist/assets/{DataHeader.stories-Ckp5jIud.js → DataHeader.stories-BrIbJm-o.js} +2 -2
- package/dist/assets/{Dataflow.stories-i4EFNEW3.js → Dataflow.stories-BoBZ24Y2.js} +1 -1
- package/dist/assets/{DeleteAllChip.stories-CnDS-IaV.js → DeleteAllChip.stories-CVblU4WA.js} +1 -1
- package/dist/assets/{Dialog-CbacCXaL.js → Dialog-BxITjjcv.js} +1 -1
- package/dist/assets/{Divider-jqKAmaY3.js → Divider-ojCdxnJz.js} +1 -1
- package/dist/assets/{DocsRenderer-JROSPFPF-DAT-azcP.js → DocsRenderer-JROSPFPF-BI0bbpBO.js} +5 -5
- package/dist/assets/Done-CEUmFo3U.js +1 -0
- package/dist/assets/DynamicDrawer.stories-DkuIP0fI.js +37 -0
- package/dist/assets/{EmojiObjects-BIzP6ZCj.js → EmojiObjects-D1h5urec.js} +1 -1
- package/dist/assets/ExpandLess-BDAVIVbp.js +1 -0
- package/dist/assets/ExpandMore-DWgpeJhM.js +1 -0
- package/dist/assets/{ExpansionPanel-xw3-9wzj.js → ExpansionPanel-BKpHFtp-.js} +1 -1
- package/dist/assets/ExpansionPanel.stories-BN3lA5HB.js +1 -0
- package/dist/assets/FormControlLabel-DPAWIYnT.js +1 -0
- package/dist/assets/{Grid-hI1L9TYO.js → Grid-DCv7KkHg.js} +1 -1
- package/dist/assets/{GroupedChips.stories-CfiI9F2H.js → GroupedChips.stories-CyxpBkzn.js} +1 -1
- package/dist/assets/{Grow-Ec-9_feF.js → Grow-BX8Ai4ts.js} +1 -1
- package/dist/assets/{HierarchicalFilter.stories-B6qaA4-E.js → HierarchicalFilter.stories-4IT4VM-j.js} +1 -1
- package/dist/assets/{IconButton-Cb9_2fe-.js → IconButton-BMJx7Pci.js} +1 -1
- package/dist/assets/Info-DNniavju.js +1 -0
- package/dist/assets/{Input-CbvyF0wm.js → Input-DR1-29yu.js} +1 -1
- package/dist/assets/Input.stories-uzMk__VB.js +1 -0
- package/dist/assets/{InputAdornment-DDxsNAoT.js → InputAdornment-CCv6-AlB.js} +1 -1
- package/dist/assets/{InputNumber.stories-oca9TMZo.js → InputNumber.stories-TPAZPcqB.js} +1 -1
- package/dist/assets/{KeyboardArrowUp-Dhc_z93E.js → KeyboardArrowUp-DRvu2yOd.js} +1 -1
- package/dist/assets/{LabelDivider.stories-Do_4KYrg.js → LabelDivider.stories-B1Qj8l5g.js} +1 -1
- package/dist/assets/Lens-Cbc9cKRN.js +1 -0
- package/dist/assets/{Link-C36LOI3K.js → Link-Ch12lIc5.js} +1 -1
- package/dist/assets/ListContext-CMf6-7Sb.js +1 -0
- package/dist/assets/{Loading.stories-CM00DSxc.js → Loading.stories-BGrJK5XQ.js} +1 -1
- package/dist/assets/{Logo.stories-BPu1rCVZ.js → Logo.stories-4mV_Fi6y.js} +1 -1
- package/dist/assets/{MenuItem-BVKX-mQt.js → MenuItem-C0ABI9Du.js} +1 -1
- package/dist/assets/Mode-BSmZLnK4.js +1 -0
- package/dist/assets/Mode.stories-BpbJ2tSc.js +1 -0
- package/dist/assets/{NoData-gN_WiO4X.js → NoData-BidMs52i.js} +1 -1
- package/dist/assets/NoData.stories-DIzKUQzM.js +1 -0
- package/dist/assets/{Pagination.stories-jPiTkAbQ.js → Pagination.stories-O2fvDAc9.js} +1 -1
- package/dist/assets/{Paper-qzkegRQN.js → Paper-D-2EWt0t.js} +1 -1
- package/dist/assets/{PeriodPicker.stories-4zyfoidv.js → PeriodPicker.stories-BYcmdIvN.js} +1 -1
- package/dist/assets/{Popover-4M9bPAGT.js → Popover-1QHN-3P3.js} +1 -1
- package/dist/assets/{RadioGroup-D1oghbPM.js → RadioGroup-DbxChtEt.js} +1 -1
- package/dist/assets/{Select-gSkt3VT8.js → Select-Bnuywl_s.js} +1 -1
- package/dist/assets/{Select-CLccc8gg.js → Select-CAN3VPe2.js} +1 -1
- package/dist/assets/Select.stories-DUmhopHi.js +1 -0
- package/dist/assets/Share.stories-SZcCt2hb.js +1 -0
- package/dist/assets/ShortUrls.stories-B-d_jcRG.js +1 -0
- package/dist/assets/{SisccFooter.stories-D6QzbeSg.js → SisccFooter.stories-8vbX9NCB.js} +1 -1
- package/dist/assets/{Spotlight-CfEKgKbi.js → Spotlight-2vgttk2t.js} +1 -1
- package/dist/assets/Spotlight.stories-D9ziMjzy.js +1 -0
- package/dist/assets/{SvgIcon-B4njL0mU.js → SvgIcon-DzB5t25g.js} +1 -1
- package/dist/assets/{SwitchBase-D2aIULBt.js → SwitchBase-CSO8x5Iy.js} +1 -1
- package/dist/assets/TableFooter.stories-CeGVsKdi.js +1 -0
- package/dist/assets/TableHeader.stories-D07-OUAl.js +1 -0
- package/dist/assets/TableHtml5.stories-ByTHZe8E.js +6 -0
- package/dist/assets/TableLayout.stories-Cn0TIWxP.js +6 -0
- package/dist/assets/TablePreview-BPawZ4E5.js +1 -0
- package/dist/assets/TablePreview.stories-C7I1rUiH.js +1 -0
- package/dist/assets/{TableRow-BwaUnYCC.js → TableRow-ZWLJ_DR9.js} +1 -1
- package/dist/assets/{Tag-Bx9_l0wQ.js → Tag-Bk9nbDff.js} +1 -1
- package/dist/assets/{Tag.stories-2JJlfF3m.js → Tag.stories-Dr4ptHho.js} +1 -1
- package/dist/assets/{TextField-DeJ8wpMx.js → TextField-CfuNcE_v.js} +1 -1
- package/dist/assets/{TextareaAutosize-D36Jv8uS.js → TextareaAutosize-mJG2GESq.js} +2 -2
- package/dist/assets/{ToggleButton-CAQxvhmJ.js → ToggleButton-CTr2YPQl.js} +1 -1
- package/dist/assets/ToggleButton.stories-BjJ9ztTH.js +1 -0
- package/dist/assets/{Tooltip-CuZ4ONf5.js → Tooltip-Cn6XshTd.js} +1 -1
- package/dist/assets/{Tooltip-DxRH4cyD.js → Tooltip-UcIcym4P.js} +1 -1
- package/dist/assets/Tooltip.stories-BBAQ9dnq.js +1 -0
- package/dist/assets/{TransitionGroupContext-C3sqH9Ai.js → TransitionGroupContext-D7l0V9cG.js} +1 -1
- package/dist/assets/{Typography-DucSr5vw.js → Typography-DHeHOEzt.js} +1 -1
- package/dist/assets/{UserRightForm.stories-_uUJFFiQ.js → UserRightForm.stories-Bw9TNAWo.js} +1 -1
- package/dist/assets/{VerticalButton-Clv5ED-l.js → VerticalButton-Cc_sYLhP.js} +1 -1
- package/dist/assets/VerticalButton.stories-Wu8xfZTb.js +1 -0
- package/dist/assets/{VirtualizedTree-CMRq05Wi.js → VirtualizedTree-Bbb_lK7X.js} +2 -2
- package/dist/assets/{VirtualizedTree.stories-Dc7DTvtN.js → VirtualizedTree.stories-CBfuEaX9.js} +1 -1
- package/dist/assets/{Warning-iq5382n1.js → Warning-CbAdSUrf.js} +1 -1
- package/dist/assets/{WithTooltip-7X4HQR7L-CiAzdJuC.js → WithTooltip-7X4HQR7L-lh997kdd.js} +1 -1
- package/dist/assets/{axe-CX8lqyom.js → axe-BkXb_D7-.js} +1 -1
- package/dist/assets/{client-CNtnGSel.js → client-CikD4qGw.js} +1 -1
- package/dist/assets/colorManipulator-D_tLMTev.js +1 -0
- package/dist/assets/{createSvgIcon-Dhw1ZPnl.js → createSvgIcon-CqXYZBmL.js} +1 -1
- package/dist/assets/{dividerClasses-CAKRlKNq.js → dividerClasses-Co311yX_.js} +1 -1
- package/dist/assets/{formControlState-CepUnK6I.js → formControlState-D74kB6qI.js} +1 -1
- package/dist/assets/formatter-L2YTDE3Q-BHAuOObW.js +1 -0
- package/dist/assets/{getThemeProps-p2tz9grW.js → getThemeProps-CG1CR4I9.js} +1 -1
- package/dist/assets/{iframe-DO8BaJAw.js → iframe-C1bnC1Pj.js} +33 -33
- package/dist/assets/{index-DQgLZVQy.js → index-3SAPhb8V.js} +1 -1
- package/dist/assets/index-BXEmTPor.js +1 -0
- package/dist/assets/index-BvojktHa.js +1 -0
- package/dist/assets/{index-Bx486E3T.js → index-CKk6gjyj.js} +1 -1
- package/dist/assets/{index-CDYZMfH2.js → index-D-0ltSfj.js} +1 -1
- package/dist/assets/{index-DovOdZBv.js → index-DUNifE3j.js} +1 -1
- package/dist/assets/{isMuiElement-Nstdele8.js → isMuiElement-Cp4aeRDY.js} +1 -1
- package/dist/assets/{listItemTextClasses-DbR4Y0x3.js → listItemTextClasses-DFT1e9wE.js} +1 -1
- package/dist/assets/{makeStyles-1sdzB3LA.js → makeStyles-DaUheSlq.js} +1 -1
- package/dist/assets/{react-18-DhralOFB.js → react-18-DowAecHn.js} +1 -1
- package/dist/assets/{styled-jzrQGA5W.js → styled-BvMu-i3T.js} +1 -1
- package/dist/assets/{syntaxhighlighter-YFXUGROL-CRN2m6Rf.js → syntaxhighlighter-YFXUGROL-DbaGSNpt.js} +1 -1
- package/dist/assets/{useControlled-B99t6jQE.js → useControlled-BZeFnDHX.js} +1 -1
- package/dist/assets/{useKeybordEscapeHandler-BpsMUxFP.js → useKeybordEscapeHandler-Bywf-ERh.js} +1 -1
- package/dist/assets/useMediaQuery-Dp42IuVY.js +1 -0
- package/dist/assets/{useSlotProps-CK4gGeaU.js → useSlotProps-DMUYBW0r.js} +1 -1
- package/dist/assets/useTheme-Bf8jviYk.js +1 -0
- package/dist/assets/{useThemeProps-CGttVwgL.js → useThemeProps-CxK1agQy.js} +1 -1
- package/dist/assets/{utils-CxU8ILV4.js → utils-CcYtXupW.js} +1 -1
- package/dist/assets/{utils-CFobb0wa.js → utils-DoMMALni.js} +1 -1
- package/dist/assets/{with-input-xAtKbhv1.js → with-input-BUeOWTy0.js} +1 -1
- package/dist/assets/{withSpotlight-DEgS-hWx.js → withSpotlight-BE3AY_At.js} +1 -1
- package/dist/chunks/{CustomChip-Bl9PTLWX.js → CustomChip-DxHnjusI.js} +46 -75
- package/dist/chunks/CustomChip-DxHnjusI.js.map +1 -0
- package/dist/chunks/{useKeybordEscapeHandler-DZZOPw7k.js → useKeybordEscapeHandler-D-rFTpt1.js} +6 -5
- package/dist/chunks/useKeybordEscapeHandler-D-rFTpt1.js.map +1 -0
- package/dist/chunks/{utils-ovYpz27I.js → utils-D0Pg8O_h.js} +10 -8
- package/dist/chunks/utils-D0Pg8O_h.js.map +1 -0
- package/dist/chunks/utils-kslX1mzh.js.map +1 -1
- package/dist/chunks/{with-input-DRWNlMdA.js → with-input-B0BnHIn4.js} +14 -13
- package/dist/chunks/with-input-B0BnHIn4.js.map +1 -0
- package/dist/chunks/{withSpotlight-Bqdm585G.js → withSpotlight-DwQA6MEr.js} +260 -411
- package/dist/chunks/withSpotlight-DwQA6MEr.js.map +1 -0
- package/dist/iframe.html +1 -1
- package/dist/manifests/components.html +1 -1
- package/dist/manifests/components.json +1 -1
- package/dist/project.json +1 -1
- package/dist/theme/theme.js +240 -174
- package/dist/theme/theme.js.map +1 -1
- package/package.json +5 -1
- package/dist/assets/Alert-DEM4J89t.js +0 -5
- package/dist/assets/Alert.stories-xJrSPlLu.js +0 -3
- package/dist/assets/ApiQueries.stories-CJCEvZ3K.js +0 -1
- package/dist/assets/ArrowForward-Dno_X5W-.js +0 -1
- package/dist/assets/Box-kR75auIU.js +0 -1
- package/dist/assets/Close-CbvuEges.js +0 -1
- package/dist/assets/DataEdit.stories-eOlGlCNn.js +0 -1
- package/dist/assets/Done-BiBTcQXa.js +0 -1
- package/dist/assets/DynamicDrawer.stories-Cw8GUGW_.js +0 -37
- package/dist/assets/ExpandLess-C1jrSIzq.js +0 -1
- package/dist/assets/ExpandMore-BeRZrJY0.js +0 -1
- package/dist/assets/ExpansionPanel.stories-D0Vurjik.js +0 -1
- package/dist/assets/FormControlLabel-DDdNBdtG.js +0 -1
- package/dist/assets/Info-CGpzieFy.js +0 -1
- package/dist/assets/Input.stories-Cfd4EYOd.js +0 -1
- package/dist/assets/Lens-xG2sLfCx.js +0 -1
- package/dist/assets/ListContext-DYreZ6Ok.js +0 -1
- package/dist/assets/Mode-L2jaa2y-.js +0 -1
- package/dist/assets/Mode.stories-rvy0G2k3.js +0 -1
- package/dist/assets/NoData.stories-DZHQVWVH.js +0 -1
- package/dist/assets/Select.stories-CBOAvW2f.js +0 -1
- package/dist/assets/Share.stories-C5ynu7vZ.js +0 -1
- package/dist/assets/ShortUrls.stories-D9Jmread.js +0 -1
- package/dist/assets/Spotlight.stories-B304DPRg.js +0 -1
- package/dist/assets/TableFooter.stories-CRBNPIVC.js +0 -1
- package/dist/assets/TableHeader.stories-sWZsyhdg.js +0 -1
- package/dist/assets/TableHtml5.stories-BzpMZA_y.js +0 -6
- package/dist/assets/TableLayout.stories-58G0tXHN.js +0 -6
- package/dist/assets/TablePreview-BegQUhBM.js +0 -1
- package/dist/assets/TablePreview.stories-BTZJt-Kr.js +0 -1
- package/dist/assets/ToggleButton.stories-DjgXYHO2.js +0 -1
- package/dist/assets/Tooltip.stories-cwZDcm9C.js +0 -1
- package/dist/assets/VerticalButton.stories-DZoWeE_t.js +0 -1
- package/dist/assets/formatter-L2YTDE3Q-JlVBezLF.js +0 -1
- package/dist/assets/index-B6RYGuxp.js +0 -1
- package/dist/assets/useMediaQuery-DQ49HkbI.js +0 -1
- package/dist/assets/useTheme-4lTw46Fa.js +0 -1
- package/dist/chunks/CustomChip-Bl9PTLWX.js.map +0 -1
- package/dist/chunks/useKeybordEscapeHandler-DZZOPw7k.js.map +0 -1
- package/dist/chunks/utils-ovYpz27I.js.map +0 -1
- package/dist/chunks/with-input-DRWNlMdA.js.map +0 -1
- package/dist/chunks/withSpotlight-Bqdm585G.js.map +0 -1
package/dist/Alert/Alert.js
CHANGED
|
@@ -154,33 +154,12 @@ const Alert = React.forwardRef(function Alert2(props, ref) {
|
|
|
154
154
|
...other
|
|
155
155
|
} = props;
|
|
156
156
|
const hasAction = action !== void 0 && action !== null;
|
|
157
|
-
return /* @__PURE__ */ jsxs(
|
|
158
|
-
|
|
159
|
-
{
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
className: cx(classes.root, classes[`${variant}${capitalize(color || severity)}`], className),
|
|
164
|
-
ref,
|
|
165
|
-
...other,
|
|
166
|
-
children: [
|
|
167
|
-
icon !== false ? /* @__PURE__ */ jsx("div", { className: classes.icon, children: icon || iconMapping[severity] || defaultIconMapping[severity] }) : null,
|
|
168
|
-
/* @__PURE__ */ jsx("div", { className: classes.message, children }),
|
|
169
|
-
hasAction ? /* @__PURE__ */ jsx("div", { className: classes.action, children: action }) : null,
|
|
170
|
-
!hasAction && onClose ? /* @__PURE__ */ jsx("div", { className: classes.action, children: /* @__PURE__ */ jsx(
|
|
171
|
-
IconButton,
|
|
172
|
-
{
|
|
173
|
-
size: "small",
|
|
174
|
-
"aria-label": closeText,
|
|
175
|
-
title: closeText,
|
|
176
|
-
color: "inherit",
|
|
177
|
-
onClick: onClose,
|
|
178
|
-
children: /* @__PURE__ */ jsx(Close, { fontSize: "small" })
|
|
179
|
-
}
|
|
180
|
-
) }) : null
|
|
181
|
-
]
|
|
182
|
-
}
|
|
183
|
-
);
|
|
157
|
+
return /* @__PURE__ */ jsxs(Paper, { role, square: true, elevation: 0, className: cx(classes.root, classes[`${variant}${capitalize(color || severity)}`], className), ref, ...other, children: [
|
|
158
|
+
icon !== false ? /* @__PURE__ */ jsx("div", { className: classes.icon, children: icon || iconMapping[severity] || defaultIconMapping[severity] }) : null,
|
|
159
|
+
/* @__PURE__ */ jsx("div", { className: classes.message, children }),
|
|
160
|
+
hasAction ? /* @__PURE__ */ jsx("div", { className: classes.action, children: action }) : null,
|
|
161
|
+
!hasAction && onClose ? /* @__PURE__ */ jsx("div", { className: classes.action, children: /* @__PURE__ */ jsx(IconButton, { size: "small", "aria-label": closeText, title: closeText, color: "inherit", onClick: onClose, children: /* @__PURE__ */ jsx(Close, { fontSize: "small" }) }) }) : null
|
|
162
|
+
] });
|
|
184
163
|
});
|
|
185
164
|
|
|
186
165
|
export { Alert };
|
package/dist/Alert/Alert.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../../src/Alert/Alert.jsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport { lighten, darken } from '@mui/material/styles';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Paper from '@mui/material/Paper';\nimport {\n CheckCircleOutlineOutlined,\n ReportProblemOutlined,\n ErrorOutline,\n InfoOutlined,\n Close,\n} from '@mui/icons-material';\nimport IconButton from '@mui/material/IconButton';\nimport { capitalize } from '@mui/material/utils';\n\n/**\n * @typedef {'success'|'info'|'warning'|'error'} AlertSeverity\n * @typedef {'standard'|'outlined'|'filled'} AlertVariant\n * @typedef {import('react').ReactNode} ReactNode\n * @typedef {import('react').Ref<HTMLDivElement>} AlertRef\n *\n * @typedef AlertProps\n * @property {ReactNode} [action]\n * @property {ReactNode} [children]\n * @property {string} [className]\n * @property {string} [closeText]\n * @property {'success'|'info'|'warning'|'error'} [color]\n * @property {boolean|ReactNode} [icon]\n * @property {Record<AlertSeverity, ReactNode>} [iconMapping]\n * @property {() => void} [onClose]\n * @property {string} [role]\n * @property {AlertSeverity} [severity]\n * @property {AlertVariant} [variant]\n */\n\nconst getColor = (theme) => (theme.palette.mode === 'light' ? darken : lighten);\nconst getBackgroundColor = (theme) => (theme.palette.mode === 'light' ? lighten : darken);\n\nconst useStyles = makeStyles((theme) => ({\n /* Styles applied to the root element. */\n root: {\n ...theme.typography.body2,\n borderRadius: theme.shape.borderRadius,\n backgroundColor: 'transparent',\n display: 'flex',\n padding: '6px 16px',\n },\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"success\"`. */\n standardSuccess: {\n color: getColor(theme)(theme.palette.success.main, 0.6),\n backgroundColor: getBackgroundColor(theme)(theme.palette.success.main, 0.9),\n '& $icon': {\n color: theme.palette.success.main,\n },\n },\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"info\"`. */\n standardInfo: {\n color: getColor(theme)(theme.palette.info.main, 0.6),\n backgroundColor: getBackgroundColor(theme)(theme.palette.info.main, 0.9),\n '& $icon': {\n color: theme.palette.info.main,\n },\n },\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"warning\"`. */\n standardWarning: {\n color: getColor(theme)(theme.palette.warning.main, 0.6),\n backgroundColor: getBackgroundColor(theme)(theme.palette.warning.main, 0.9),\n '& $icon': {\n color: theme.palette.warning.main,\n },\n },\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"error\"`. */\n standardError: {\n color: getColor(theme)(theme.palette.error.main, 0.6),\n backgroundColor: getBackgroundColor(theme)(theme.palette.error.main, 0.9),\n '& $icon': {\n color: theme.palette.error.main,\n },\n },\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"success\"`. */\n outlinedSuccess: {\n color: getColor(theme)(theme.palette.success.main, 0.6),\n border: `1px solid ${theme.palette.success.main}`,\n '& $icon': {\n color: theme.palette.success.main,\n },\n },\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"info\"`. */\n outlinedInfo: {\n color: getColor(theme)(theme.palette.info.main, 0.6),\n border: `1px solid ${theme.palette.info.main}`,\n '& $icon': {\n color: theme.palette.info.main,\n },\n },\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"warning\"`. */\n outlinedWarning: {\n color: getColor(theme)(theme.palette.warning.main, 0.6),\n border: `1px solid ${theme.palette.warning.main}`,\n '& $icon': {\n color: theme.palette.warning.main,\n },\n },\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"error\"`. */\n outlinedError: {\n color: getColor(theme)(theme.palette.error.main, 0.6),\n border: `1px solid ${theme.palette.error.main}`,\n '& $icon': {\n color: theme.palette.error.main,\n },\n },\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"success\"`. */\n filledSuccess: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.success.main,\n },\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"info\"`. */\n filledInfo: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.info.main,\n },\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"warning\"`. */\n filledWarning: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.warning.main,\n },\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"error\"`. */\n filledError: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.error.main,\n },\n /* Styles applied to the icon wrapper element. */\n icon: {\n marginRight: 12,\n padding: '7px 0',\n display: 'flex',\n fontSize: 22,\n opacity: 0.9,\n },\n /* Styles applied to the message wrapper element. */\n message: {\n padding: '8px 0',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n },\n /* Styles applied to the action wrapper element if `action` is provided. */\n action: {\n display: 'flex',\n alignItems: 'center',\n marginLeft: 'auto',\n paddingLeft: 16,\n marginRight: -8,\n },\n}));\n\nconst defaultIconMapping = {\n success: <CheckCircleOutlineOutlined fontSize=\"inherit\" />,\n warning: <ReportProblemOutlined fontSize=\"inherit\" />,\n error: <ErrorOutline fontSize=\"inherit\" />,\n info: <InfoOutlined fontSize=\"inherit\" />,\n};\n\n/**\n * Alert component wrapper around MUI Paper with severity styling.\n *\n * @param {AlertProps} props\n * @param {AlertRef} ref\n * @returns {JSX.Element}\n */\nexport const Alert = React.forwardRef(function Alert(props, ref) {\n const classes = useStyles();\n\n const {\n action,\n children,\n className,\n closeText = 'Close',\n color,\n icon,\n iconMapping = defaultIconMapping,\n onClose,\n role = 'alert',\n severity = 'success',\n variant = 'standard',\n ...other\n } = props;\n\n const hasAction = action !== undefined && action !== null;\n\n return (\n <Paper\n role={role}\n square\n elevation={0}\n className={cx(classes.root, classes[`${variant}${capitalize(color || severity)}`], className)}\n ref={ref}\n {...other}\n >\n {icon !== false ? (\n <div className={classes.icon}>\n {icon || iconMapping[severity] || defaultIconMapping[severity]}\n </div>\n ) : null}\n <div className={classes.message}>{children}</div>\n {hasAction ? <div className={classes.action}>{action}</div> : null}\n {!hasAction && onClose ? (\n <div className={classes.action}>\n <IconButton\n size=\"small\"\n aria-label={closeText}\n title={closeText}\n color=\"inherit\"\n onClick={onClose}\n >\n <Close fontSize=\"small\" />\n </IconButton>\n </div>\n ) : null}\n </Paper>\n );\n});\n"],"names":["Alert"],"mappings":";;;;;;;;;;AAmCA,MAAM,WAAW,CAAC,KAAA,KAAW,MAAM,OAAA,CAAQ,IAAA,KAAS,UAAU,MAAA,GAAS,OAAA;AACvE,MAAM,qBAAqB,CAAC,KAAA,KAAW,MAAM,OAAA,CAAQ,IAAA,KAAS,UAAU,OAAA,GAAU,MAAA;AAElF,MAAM,SAAA,GAAY,UAAA,CAAW,CAAC,KAAA,MAAW;AAAA;AAAA,EAEvC,IAAA,EAAM;AAAA,IACJ,GAAG,MAAM,UAAA,CAAW,KAAA;AAAA,IACpB,YAAA,EAAc,MAAM,KAAA,CAAM,YAAA;AAAA,IAC1B,eAAA,EAAiB,aAAA;AAAA,IACjB,OAAA,EAAS,MAAA;AAAA,IACT,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,SAAS,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,OAAA,CAAQ,MAAM,GAAG,CAAA;AAAA,IACtD,eAAA,EAAiB,mBAAmB,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,OAAA,CAAQ,MAAM,GAAG,CAAA;AAAA,IAC1E,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA;AAC/B,GACF;AAAA;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,SAAS,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,IACnD,eAAA,EAAiB,mBAAmB,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,IACvE,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA;AAC5B,GACF;AAAA;AAAA,EAEA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,SAAS,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,OAAA,CAAQ,MAAM,GAAG,CAAA;AAAA,IACtD,eAAA,EAAiB,mBAAmB,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,OAAA,CAAQ,MAAM,GAAG,CAAA;AAAA,IAC1E,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA;AAC/B,GACF;AAAA;AAAA,EAEA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,SAAS,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,KAAA,CAAM,MAAM,GAAG,CAAA;AAAA,IACpD,eAAA,EAAiB,mBAAmB,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,KAAA,CAAM,MAAM,GAAG,CAAA;AAAA,IACxE,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM;AAAA;AAC7B,GACF;AAAA;AAAA,EAEA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,SAAS,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,OAAA,CAAQ,MAAM,GAAG,CAAA;AAAA,IACtD,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,QAAQ,IAAI,CAAA,CAAA;AAAA,IAC/C,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA;AAC/B,GACF;AAAA;AAAA,EAEA,YAAA,EAAc;AAAA,IACZ,KAAA,EAAO,SAAS,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,IACnD,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,KAAK,IAAI,CAAA,CAAA;AAAA,IAC5C,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA;AAC5B,GACF;AAAA;AAAA,EAEA,eAAA,EAAiB;AAAA,IACf,KAAA,EAAO,SAAS,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,OAAA,CAAQ,MAAM,GAAG,CAAA;AAAA,IACtD,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,QAAQ,IAAI,CAAA,CAAA;AAAA,IAC/C,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA;AAC/B,GACF;AAAA;AAAA,EAEA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,SAAS,KAAK,CAAA,CAAE,MAAM,OAAA,CAAQ,KAAA,CAAM,MAAM,GAAG,CAAA;AAAA,IACpD,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,MAAM,IAAI,CAAA,CAAA;AAAA,IAC7C,SAAA,EAAW;AAAA,MACT,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM;AAAA;AAC7B,GACF;AAAA;AAAA,EAEA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY,MAAM,UAAA,CAAW,gBAAA;AAAA,IAC7B,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA,GACzC;AAAA;AAAA,EAEA,UAAA,EAAY;AAAA,IACV,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY,MAAM,UAAA,CAAW,gBAAA;AAAA,IAC7B,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,IAAA,CAAK;AAAA,GACtC;AAAA;AAAA,EAEA,aAAA,EAAe;AAAA,IACb,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY,MAAM,UAAA,CAAW,gBAAA;AAAA,IAC7B,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA,GACzC;AAAA;AAAA,EAEA,WAAA,EAAa;AAAA,IACX,KAAA,EAAO,MAAA;AAAA,IACP,UAAA,EAAY,MAAM,UAAA,CAAW,gBAAA;AAAA,IAC7B,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM;AAAA,GACvC;AAAA;AAAA,EAEA,IAAA,EAAM;AAAA,IACJ,WAAA,EAAa,EAAA;AAAA,IACb,OAAA,EAAS,OAAA;AAAA,IACT,OAAA,EAAS,MAAA;AAAA,IACT,QAAA,EAAU,EAAA;AAAA,IACV,OAAA,EAAS;AAAA,GACX;AAAA;AAAA,EAEA,OAAA,EAAS;AAAA,IACP,OAAA,EAAS,OAAA;AAAA,IACT,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,cAAA,EAAgB;AAAA,GAClB;AAAA;AAAA,EAEA,MAAA,EAAQ;AAAA,IACN,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,UAAA,EAAY,MAAA;AAAA,IACZ,WAAA,EAAa,EAAA;AAAA,IACb,WAAA,EAAa;AAAA;AAEjB,CAAA,CAAE,CAAA;AAEF,MAAM,kBAAA,GAAqB;AAAA,EACzB,OAAA,kBAAS,GAAA,CAAC,0BAAA,EAAA,EAA2B,QAAA,EAAS,SAAA,EAAU,CAAA;AAAA,EACxD,OAAA,kBAAS,GAAA,CAAC,qBAAA,EAAA,EAAsB,QAAA,EAAS,SAAA,EAAU,CAAA;AAAA,EACnD,KAAA,kBAAO,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAS,SAAA,EAAU,CAAA;AAAA,EACxC,IAAA,kBAAM,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAS,SAAA,EAAU;AACzC,CAAA;AASO,MAAM,QAAQ,KAAA,CAAM,UAAA,CAAW,SAASA,MAAAA,CAAM,OAAO,GAAA,EAAK;AAC/D,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,MAAM;AAAA,IACJ,MAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,SAAA,GAAY,OAAA;AAAA,IACZ,KAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA,GAAc,kBAAA;AAAA,IACd,OAAA;AAAA,IACA,IAAA,GAAO,OAAA;AAAA,IACP,QAAA,GAAW,SAAA;AAAA,IACX,OAAA,GAAU,UAAA;AAAA,IACV,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,SAAA,GAAY,MAAA,KAAW,MAAA,IAAa,MAAA,KAAW,IAAA;AAErD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,IAAA;AAAA,MACA,MAAA,EAAM,IAAA;AAAA,MACN,SAAA,EAAW,CAAA;AAAA,MACX,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,IAAA,EAAM,QAAQ,CAAA,EAAG,OAAO,CAAA,EAAG,UAAA,CAAW,KAAA,IAAS,QAAQ,CAAC,CAAA,CAAE,GAAG,SAAS,CAAA;AAAA,MAC5F,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,IAAA,KAAS,KAAA,mBACR,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,IAAA,EACrB,QAAA,EAAA,IAAA,IAAQ,WAAA,CAAY,QAAQ,CAAA,IAAK,kBAAA,CAAmB,QAAQ,GAC/D,CAAA,GACE,IAAA;AAAA,wBACJ,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAU,QAAA,EAAS,CAAA;AAAA,QAC1C,4BAAY,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,OAAA,CAAQ,MAAA,EAAS,kBAAO,CAAA,GAAS,IAAA;AAAA,QAC7D,CAAC,SAAA,IAAa,OAAA,uBACZ,KAAA,EAAA,EAAI,SAAA,EAAW,QAAQ,MAAA,EACtB,QAAA,kBAAA,GAAA;AAAA,UAAC,UAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,OAAA;AAAA,YACL,YAAA,EAAY,SAAA;AAAA,YACZ,KAAA,EAAO,SAAA;AAAA,YACP,KAAA,EAAM,SAAA;AAAA,YACN,OAAA,EAAS,OAAA;AAAA,YAET,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAM,QAAA,EAAS,OAAA,EAAQ;AAAA;AAAA,WAE5B,CAAA,GACE;AAAA;AAAA;AAAA,GACN;AAEJ,CAAC;;;;"}
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../../src/Alert/Alert.jsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport { lighten, darken } from '@mui/material/styles';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Paper from '@mui/material/Paper';\nimport {\n CheckCircleOutlineOutlined,\n ReportProblemOutlined,\n ErrorOutline,\n InfoOutlined,\n Close,\n} from '@mui/icons-material';\nimport IconButton from '@mui/material/IconButton';\nimport { capitalize } from '@mui/material/utils';\n\n/**\n * @typedef {'success'|'info'|'warning'|'error'} AlertSeverity\n * @typedef {'standard'|'outlined'|'filled'} AlertVariant\n * @typedef {import('react').ReactNode} ReactNode\n * @typedef {import('react').Ref<HTMLDivElement>} AlertRef\n *\n * @typedef AlertProps\n * @property {ReactNode} [action]\n * @property {ReactNode} [children]\n * @property {string} [className]\n * @property {string} [closeText]\n * @property {'success'|'info'|'warning'|'error'} [color]\n * @property {boolean|ReactNode} [icon]\n * @property {Record<AlertSeverity, ReactNode>} [iconMapping]\n * @property {() => void} [onClose]\n * @property {string} [role]\n * @property {AlertSeverity} [severity]\n * @property {AlertVariant} [variant]\n */\n\nconst getColor = (theme) => (theme.palette.mode === 'light' ? darken : lighten);\nconst getBackgroundColor = (theme) => (theme.palette.mode === 'light' ? lighten : darken);\n\nconst useStyles = makeStyles((theme) => ({\n /* Styles applied to the root element. */\n root: {\n ...theme.typography.body2,\n borderRadius: theme.shape.borderRadius,\n backgroundColor: 'transparent',\n display: 'flex',\n padding: '6px 16px',\n },\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"success\"`. */\n standardSuccess: {\n color: getColor(theme)(theme.palette.success.main, 0.6),\n backgroundColor: getBackgroundColor(theme)(theme.palette.success.main, 0.9),\n '& $icon': {\n color: theme.palette.success.main,\n },\n },\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"info\"`. */\n standardInfo: {\n color: getColor(theme)(theme.palette.info.main, 0.6),\n backgroundColor: getBackgroundColor(theme)(theme.palette.info.main, 0.9),\n '& $icon': {\n color: theme.palette.info.main,\n },\n },\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"warning\"`. */\n standardWarning: {\n color: getColor(theme)(theme.palette.warning.main, 0.6),\n backgroundColor: getBackgroundColor(theme)(theme.palette.warning.main, 0.9),\n '& $icon': {\n color: theme.palette.warning.main,\n },\n },\n /* Styles applied to the root element if `variant=\"standard\"` and `color=\"error\"`. */\n standardError: {\n color: getColor(theme)(theme.palette.error.main, 0.6),\n backgroundColor: getBackgroundColor(theme)(theme.palette.error.main, 0.9),\n '& $icon': {\n color: theme.palette.error.main,\n },\n },\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"success\"`. */\n outlinedSuccess: {\n color: getColor(theme)(theme.palette.success.main, 0.6),\n border: `1px solid ${theme.palette.success.main}`,\n '& $icon': {\n color: theme.palette.success.main,\n },\n },\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"info\"`. */\n outlinedInfo: {\n color: getColor(theme)(theme.palette.info.main, 0.6),\n border: `1px solid ${theme.palette.info.main}`,\n '& $icon': {\n color: theme.palette.info.main,\n },\n },\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"warning\"`. */\n outlinedWarning: {\n color: getColor(theme)(theme.palette.warning.main, 0.6),\n border: `1px solid ${theme.palette.warning.main}`,\n '& $icon': {\n color: theme.palette.warning.main,\n },\n },\n /* Styles applied to the root element if `variant=\"outlined\"` and `color=\"error\"`. */\n outlinedError: {\n color: getColor(theme)(theme.palette.error.main, 0.6),\n border: `1px solid ${theme.palette.error.main}`,\n '& $icon': {\n color: theme.palette.error.main,\n },\n },\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"success\"`. */\n filledSuccess: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.success.main,\n },\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"info\"`. */\n filledInfo: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.info.main,\n },\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"warning\"`. */\n filledWarning: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.warning.main,\n },\n /* Styles applied to the root element if `variant=\"filled\"` and `color=\"error\"`. */\n filledError: {\n color: '#fff',\n fontWeight: theme.typography.fontWeightMedium,\n backgroundColor: theme.palette.error.main,\n },\n /* Styles applied to the icon wrapper element. */\n icon: {\n marginRight: 12,\n padding: '7px 0',\n display: 'flex',\n fontSize: 22,\n opacity: 0.9,\n },\n /* Styles applied to the message wrapper element. */\n message: {\n padding: '8px 0',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n },\n /* Styles applied to the action wrapper element if `action` is provided. */\n action: {\n display: 'flex',\n alignItems: 'center',\n marginLeft: 'auto',\n paddingLeft: 16,\n marginRight: -8,\n },\n}));\n\nconst defaultIconMapping = {\n success: <CheckCircleOutlineOutlined fontSize=\"inherit\" />,\n warning: <ReportProblemOutlined fontSize=\"inherit\" />,\n error: <ErrorOutline fontSize=\"inherit\" />,\n info: <InfoOutlined fontSize=\"inherit\" />,\n};\n\n/**\n * Alert component wrapper around MUI Paper with severity styling.\n *\n * @param {AlertProps} props\n * @param {AlertRef} ref\n * @returns {JSX.Element}\n */\nexport const Alert = React.forwardRef(function Alert(props, ref) {\n const classes = useStyles();\n\n const {\n action,\n children,\n className,\n closeText = 'Close',\n color,\n icon,\n iconMapping = defaultIconMapping,\n onClose,\n role = 'alert',\n severity = 'success',\n variant = 'standard',\n ...other\n } = props;\n\n const hasAction = action !== undefined && action !== null;\n\n return (\n <Paper\n role={role}\n square\n elevation={0}\n className={cx(classes.root, classes[`${variant}${capitalize(color || severity)}`], className)}\n ref={ref}\n {...other}\n >\n {icon !== false ? (\n <div className={classes.icon}>\n {icon || iconMapping[severity] || defaultIconMapping[severity]}\n </div>\n ) : null}\n <div className={classes.message}>{children}</div>\n {hasAction ? <div className={classes.action}>{action}</div> : null}\n {!hasAction && onClose ? (\n <div className={classes.action}>\n <IconButton\n size=\"small\"\n aria-label={closeText}\n title={closeText}\n color=\"inherit\"\n onClick={onClose}\n >\n <Close fontSize=\"small\" />\n </IconButton>\n </div>\n ) : null}\n </Paper>\n );\n});\n"],"names":["getColor","theme","palette","mode","darken","lighten","getBackgroundColor","useStyles","makeStyles","root","typography","body2","borderRadius","shape","backgroundColor","display","padding","standardSuccess","color","success","main","standardInfo","info","standardWarning","warning","standardError","error","outlinedSuccess","border","outlinedInfo","outlinedWarning","outlinedError","filledSuccess","fontWeight","fontWeightMedium","filledInfo","filledWarning","filledError","icon","marginRight","fontSize","opacity","message","flexDirection","justifyContent","action","alignItems","marginLeft","paddingLeft","defaultIconMapping","Alert","React","forwardRef","props","ref","classes","children","className","closeText","iconMapping","onClose","role","severity","variant","other","hasAction","undefined","cx","capitalize"],"mappings":"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"}
|
|
@@ -26,7 +26,14 @@ const useStyles$1 = makeStyles((theme) => ({
|
|
|
26
26
|
},
|
|
27
27
|
title: R.pathOr({}, ["mixins", "apiQueries", "title"], theme)
|
|
28
28
|
}));
|
|
29
|
-
const Query = ({
|
|
29
|
+
const Query = ({
|
|
30
|
+
contents,
|
|
31
|
+
title,
|
|
32
|
+
selectedId,
|
|
33
|
+
labels,
|
|
34
|
+
delay,
|
|
35
|
+
handleClick
|
|
36
|
+
}) => {
|
|
30
37
|
const classes = useStyles$1();
|
|
31
38
|
const ref = React.useRef();
|
|
32
39
|
const [value, setSelected] = React.useState(selectedId);
|
|
@@ -44,67 +51,25 @@ const Query = ({ contents, title, selectedId, labels, delay, handleClick }) => {
|
|
|
44
51
|
};
|
|
45
52
|
const labelActionCopy = isCopied ? R.prop("copied")(labels) : R.prop("copy")(labels);
|
|
46
53
|
return /* @__PURE__ */ jsxs(Grid, { item: true, xs: 12, md: 6, container: true, children: [
|
|
47
|
-
/* @__PURE__ */ jsxs(
|
|
48
|
-
Grid,
|
|
49
|
-
{
|
|
50
|
-
item: true,
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
{
|
|
65
|
-
"aria-label": label,
|
|
66
|
-
"aria-pressed": R.equals(value, id),
|
|
67
|
-
size: "small",
|
|
68
|
-
variant: "text",
|
|
69
|
-
color: "primary",
|
|
70
|
-
onClick: () => setSelected(id),
|
|
71
|
-
selected: R.equals(value, id),
|
|
72
|
-
children: label
|
|
73
|
-
},
|
|
74
|
-
id
|
|
75
|
-
))(contents) })
|
|
76
|
-
] })
|
|
77
|
-
]
|
|
78
|
-
}
|
|
79
|
-
),
|
|
80
|
-
/* @__PURE__ */ jsxs(Grid, { item: true, container: true, xs: 12, style: { alignSelf: "flex-end" }, justifyContent: "flex-end", children: [
|
|
81
|
-
!isError && /* @__PURE__ */ jsx(
|
|
82
|
-
TextareaAutosize,
|
|
83
|
-
{
|
|
84
|
-
ref,
|
|
85
|
-
"aria-label": title,
|
|
86
|
-
className: classes.textarea,
|
|
87
|
-
minRows: 5,
|
|
88
|
-
maxRows: 5,
|
|
89
|
-
readOnly: true,
|
|
90
|
-
value: contentValue
|
|
91
|
-
}
|
|
92
|
-
),
|
|
54
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, container: true, justifyContent: "space-between", alignItems: "flex-start", className: classes.header, children: [
|
|
55
|
+
/* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsx(Typography, { className: classes.title, children: title }) }),
|
|
56
|
+
R.pipe(R.length, R.flip(R.gt)(1))(contents) && /* @__PURE__ */ jsxs(Grid, { container: true, alignItems: "center", children: [
|
|
57
|
+
/* @__PURE__ */ jsx(Grid, { item: true, children: /* @__PURE__ */ jsxs(Typography, { variant: "body2", children: [
|
|
58
|
+
labels.buttonsLabel,
|
|
59
|
+
": "
|
|
60
|
+
] }) }),
|
|
61
|
+
/* @__PURE__ */ jsx(Grid, { item: true, children: R.map(({
|
|
62
|
+
id,
|
|
63
|
+
label
|
|
64
|
+
}) => /* @__PURE__ */ jsx(Button, { "aria-label": label, "aria-pressed": R.equals(value, id), size: "small", variant: "text", color: "primary", onClick: () => setSelected(id), selected: R.equals(value, id), children: label }, id))(contents) })
|
|
65
|
+
] })
|
|
66
|
+
] }),
|
|
67
|
+
/* @__PURE__ */ jsxs(Grid, { item: true, container: true, xs: 12, style: {
|
|
68
|
+
alignSelf: "flex-end"
|
|
69
|
+
}, justifyContent: "flex-end", children: [
|
|
70
|
+
!isError && /* @__PURE__ */ jsx(TextareaAutosize, { ref, "aria-label": title, className: classes.textarea, minRows: 5, maxRows: 5, readOnly: true, value: contentValue }),
|
|
93
71
|
isError && /* @__PURE__ */ jsx(Alert, { className: classes.error, severity: "error", variant: "filled", children: contentValue }),
|
|
94
|
-
/* @__PURE__ */ jsx(
|
|
95
|
-
Button,
|
|
96
|
-
{
|
|
97
|
-
"aria-label": labelActionCopy,
|
|
98
|
-
disabled: isError,
|
|
99
|
-
size: "small",
|
|
100
|
-
variant: "contained",
|
|
101
|
-
alternative: "siscc",
|
|
102
|
-
color: "primary",
|
|
103
|
-
onClick: copyToClipboard,
|
|
104
|
-
className: classes.sisccButton,
|
|
105
|
-
children: labelActionCopy
|
|
106
|
-
}
|
|
107
|
-
)
|
|
72
|
+
/* @__PURE__ */ jsx(Button, { "aria-label": labelActionCopy, disabled: isError, size: "small", variant: "contained", alternative: "siscc", color: "primary", onClick: copyToClipboard, className: classes.sisccButton, children: labelActionCopy })
|
|
108
73
|
] })
|
|
109
74
|
] });
|
|
110
75
|
};
|
|
@@ -114,13 +79,11 @@ Query.propTypes = {
|
|
|
114
79
|
copied: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
115
80
|
buttonsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element])
|
|
116
81
|
}),
|
|
117
|
-
contents: PropTypes.arrayOf(
|
|
118
|
-
PropTypes.
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
})
|
|
123
|
-
),
|
|
82
|
+
contents: PropTypes.arrayOf(PropTypes.shape({
|
|
83
|
+
id: PropTypes.string,
|
|
84
|
+
label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
85
|
+
value: PropTypes.string
|
|
86
|
+
})),
|
|
124
87
|
title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
|
|
125
88
|
selectedId: PropTypes.string,
|
|
126
89
|
delay: PropTypes.number,
|
|
@@ -134,7 +97,12 @@ const useStyles = makeStyles((theme) => ({
|
|
|
134
97
|
title: R.pathOr({}, ["mixins", "apiQueries", "title"], theme)
|
|
135
98
|
}));
|
|
136
99
|
const EMPTY_QUERIES = [];
|
|
137
|
-
const ApiQueries = ({
|
|
100
|
+
const ApiQueries = ({
|
|
101
|
+
queries = EMPTY_QUERIES,
|
|
102
|
+
labels,
|
|
103
|
+
delay = 1e3,
|
|
104
|
+
handleClick
|
|
105
|
+
}) => {
|
|
138
106
|
const classes = useStyles();
|
|
139
107
|
const hasQueries = R.not(R.isEmpty(queries));
|
|
140
108
|
return /* @__PURE__ */ jsxs(Grid, { container: true, "data-testid": "apiqueries-test-id", children: [
|
|
@@ -143,18 +111,11 @@ const ApiQueries = ({ queries = EMPTY_QUERIES, labels, delay = 1e3, handleClick
|
|
|
143
111
|
R.map((description) => /* @__PURE__ */ jsx(Typography, { display: "block", variant: "body2", children: description }, description))(R.propOr([], "descriptions", labels))
|
|
144
112
|
] }),
|
|
145
113
|
hasQueries && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, className: classes.divider, children: /* @__PURE__ */ jsx(Divider, {}) }),
|
|
146
|
-
/* @__PURE__ */ jsx(Grid, { item: true, container: true, spacing: 2, children: R.map(({
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
selectedId: R.pipe(R.head, R.prop("id"))(contents),
|
|
152
|
-
labels,
|
|
153
|
-
delay,
|
|
154
|
-
handleClick
|
|
155
|
-
},
|
|
156
|
-
id
|
|
157
|
-
))(queries) }),
|
|
114
|
+
/* @__PURE__ */ jsx(Grid, { item: true, container: true, spacing: 2, children: R.map(({
|
|
115
|
+
id,
|
|
116
|
+
title,
|
|
117
|
+
contents = []
|
|
118
|
+
}) => /* @__PURE__ */ jsx(Query, { title, contents, selectedId: R.pipe(R.head, R.prop("id"))(contents), labels, delay, handleClick }, id))(queries) }),
|
|
158
119
|
hasQueries && /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, className: classes.divider, children: /* @__PURE__ */ jsx(Divider, {}) }),
|
|
159
120
|
/* @__PURE__ */ jsx(Typography, { variant: "body2", children: R.prop("notice")(labels) })
|
|
160
121
|
] });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ApiQueries.js","sources":["../../src/ApiQueries/Query.jsx","../../src/ApiQueries/ApiQueries.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport PropTypes from 'prop-types';\nimport Typography from '@mui/material/Typography';\nimport TextareaAutosize from '@mui/material/TextareaAutosize';\nimport Grid from '@mui/material/Grid';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { Alert } from '../Alert/Alert';\nimport { Button } from '../Button/Button';\n\nconst useStyles = makeStyles((theme) => ({\n error: {\n width: '100%',\n margin: '0px 0px 8px 0px',\n wordBreak: 'break-word',\n },\n header: {\n padding: theme.spacing(1, 0),\n minHeight: 50,\n },\n textarea: {\n width: '100%',\n margin: theme.spacing(0, 0, 1, 0),\n },\n title: R.pathOr({}, ['mixins', 'apiQueries', 'title'], theme),\n}));\n\nconst Query = ({ contents, title, selectedId, labels, delay, handleClick }) => {\n const classes = useStyles();\n const ref = React.useRef();\n const [value, setSelected] = React.useState(selectedId);\n const [isCopied, setCopied] = React.useState(false);\n const contentValue = R.pipe(R.find(R.propEq('id', value)), R.prop('value'))(contents);\n const isError = R.pipe(R.find(R.propEq('id', value)), R.propOr(false, 'isError'))(contents);\n\n const copyToClipboard = () => {\n if (R.has('current')(ref)) {\n ref.current.select();\n document.execCommand('copy');\n setCopied(true);\n setTimeout(() => setCopied(false), delay);\n handleClick();\n }\n };\n const labelActionCopy = isCopied ? R.prop('copied')(labels) : R.prop('copy')(labels);\n return (\n <Grid item xs={12} md={6} container>\n <Grid\n item\n container\n justifyContent=\"space-between\"\n alignItems=\"flex-start\"\n className={classes.header}\n >\n <Grid item>\n <Typography className={classes.title}>{title}</Typography>\n </Grid>\n {R.pipe(R.length, R.flip(R.gt)(1))(contents) && (\n <Grid container alignItems=\"center\">\n <Grid item>\n <Typography variant=\"body2\">{labels.buttonsLabel}: </Typography>\n </Grid>\n <Grid item>\n {R.map(({ id, label }) => (\n <Button\n aria-label={label}\n aria-pressed={R.equals(value, id)}\n key={id}\n size=\"small\"\n variant=\"text\"\n color=\"primary\"\n onClick={() => setSelected(id)}\n selected={R.equals(value, id)}\n >\n {label}\n </Button>\n ))(contents)}\n </Grid>\n </Grid>\n )}\n </Grid>\n <Grid item container xs={12} style={{ alignSelf: 'flex-end' }} justifyContent=\"flex-end\">\n {!isError && (\n <TextareaAutosize\n ref={ref}\n aria-label={title}\n className={classes.textarea}\n minRows={5}\n maxRows={5}\n readOnly\n value={contentValue}\n />\n )}\n {isError && (\n <Alert className={classes.error} severity=\"error\" variant=\"filled\">\n {contentValue}\n </Alert>\n )}\n <Button\n aria-label={labelActionCopy}\n disabled={isError}\n size=\"small\"\n variant=\"contained\"\n alternative=\"siscc\"\n color=\"primary\"\n onClick={copyToClipboard}\n className={classes.sisccButton}\n >\n {labelActionCopy}\n </Button>\n </Grid>\n </Grid>\n );\n};\n\nQuery.propTypes = {\n labels: PropTypes.shape({\n copy: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n copied: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n buttonsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n }),\n contents: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n value: PropTypes.string,\n })\n ),\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n selectedId: PropTypes.string,\n delay: PropTypes.number,\n handleClick: PropTypes.func,\n};\n\nexport default Query;\n","import React from 'react';\nimport * as R from 'ramda';\nimport Typography from '@mui/material/Typography';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Query from './Query';\n\nconst useStyles = makeStyles((theme) => ({\n divider: {\n padding: theme.spacing(2, 0),\n },\n title: R.pathOr({}, ['mixins', 'apiQueries', 'title'], theme),\n}));\n\nconst EMPTY_QUERIES = [];\n\nexport const ApiQueries = ({ queries = EMPTY_QUERIES, labels, delay = 1000, handleClick }) => {\n const classes = useStyles();\n const hasQueries = R.not(R.isEmpty(queries));\n return (\n <Grid container data-testid=\"apiqueries-test-id\">\n <Grid item xs={12}>\n <Typography className={classes.title}>{R.prop('title')(labels)}</Typography>\n {R.map((description) => (\n <Typography key={description} display=\"block\" variant=\"body2\">\n {description}\n </Typography>\n ))(R.propOr([], 'descriptions', labels))}\n </Grid>\n {hasQueries && (\n <Grid item xs={12} className={classes.divider}>\n <Divider />\n </Grid>\n )}\n <Grid item container spacing={2}>\n {R.map(({ id, title, contents = [] }) => (\n <Query\n key={id}\n title={title}\n contents={contents}\n selectedId={R.pipe(R.head, R.prop('id'))(contents)}\n labels={labels}\n delay={delay}\n handleClick={handleClick}\n />\n ))(queries)}\n </Grid>\n {hasQueries && (\n <Grid item xs={12} className={classes.divider}>\n <Divider />\n </Grid>\n )}\n <Typography variant=\"body2\">{R.prop('notice')(labels)}</Typography>\n </Grid>\n );\n};\n"],"names":["useStyles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ApiQueries.js","sources":["../../src/ApiQueries/Query.jsx","../../src/ApiQueries/ApiQueries.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport PropTypes from 'prop-types';\nimport Typography from '@mui/material/Typography';\nimport TextareaAutosize from '@mui/material/TextareaAutosize';\nimport Grid from '@mui/material/Grid';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { Alert } from '../Alert/Alert';\nimport { Button } from '../Button/Button';\n\nconst useStyles = makeStyles((theme) => ({\n error: {\n width: '100%',\n margin: '0px 0px 8px 0px',\n wordBreak: 'break-word',\n },\n header: {\n padding: theme.spacing(1, 0),\n minHeight: 50,\n },\n textarea: {\n width: '100%',\n margin: theme.spacing(0, 0, 1, 0),\n },\n title: R.pathOr({}, ['mixins', 'apiQueries', 'title'], theme),\n}));\n\nconst Query = ({ contents, title, selectedId, labels, delay, handleClick }) => {\n const classes = useStyles();\n const ref = React.useRef();\n const [value, setSelected] = React.useState(selectedId);\n const [isCopied, setCopied] = React.useState(false);\n const contentValue = R.pipe(R.find(R.propEq('id', value)), R.prop('value'))(contents);\n const isError = R.pipe(R.find(R.propEq('id', value)), R.propOr(false, 'isError'))(contents);\n\n const copyToClipboard = () => {\n if (R.has('current')(ref)) {\n ref.current.select();\n document.execCommand('copy');\n setCopied(true);\n setTimeout(() => setCopied(false), delay);\n handleClick();\n }\n };\n const labelActionCopy = isCopied ? R.prop('copied')(labels) : R.prop('copy')(labels);\n return (\n <Grid item xs={12} md={6} container>\n <Grid\n item\n container\n justifyContent=\"space-between\"\n alignItems=\"flex-start\"\n className={classes.header}\n >\n <Grid item>\n <Typography className={classes.title}>{title}</Typography>\n </Grid>\n {R.pipe(R.length, R.flip(R.gt)(1))(contents) && (\n <Grid container alignItems=\"center\">\n <Grid item>\n <Typography variant=\"body2\">{labels.buttonsLabel}: </Typography>\n </Grid>\n <Grid item>\n {R.map(({ id, label }) => (\n <Button\n aria-label={label}\n aria-pressed={R.equals(value, id)}\n key={id}\n size=\"small\"\n variant=\"text\"\n color=\"primary\"\n onClick={() => setSelected(id)}\n selected={R.equals(value, id)}\n >\n {label}\n </Button>\n ))(contents)}\n </Grid>\n </Grid>\n )}\n </Grid>\n <Grid item container xs={12} style={{ alignSelf: 'flex-end' }} justifyContent=\"flex-end\">\n {!isError && (\n <TextareaAutosize\n ref={ref}\n aria-label={title}\n className={classes.textarea}\n minRows={5}\n maxRows={5}\n readOnly\n value={contentValue}\n />\n )}\n {isError && (\n <Alert className={classes.error} severity=\"error\" variant=\"filled\">\n {contentValue}\n </Alert>\n )}\n <Button\n aria-label={labelActionCopy}\n disabled={isError}\n size=\"small\"\n variant=\"contained\"\n alternative=\"siscc\"\n color=\"primary\"\n onClick={copyToClipboard}\n className={classes.sisccButton}\n >\n {labelActionCopy}\n </Button>\n </Grid>\n </Grid>\n );\n};\n\nQuery.propTypes = {\n labels: PropTypes.shape({\n copy: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n copied: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n buttonsLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n }),\n contents: PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n value: PropTypes.string,\n })\n ),\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n selectedId: PropTypes.string,\n delay: PropTypes.number,\n handleClick: PropTypes.func,\n};\n\nexport default Query;\n","import React from 'react';\nimport * as R from 'ramda';\nimport Typography from '@mui/material/Typography';\nimport Divider from '@mui/material/Divider';\nimport Grid from '@mui/material/Grid';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Query from './Query';\n\nconst useStyles = makeStyles((theme) => ({\n divider: {\n padding: theme.spacing(2, 0),\n },\n title: R.pathOr({}, ['mixins', 'apiQueries', 'title'], theme),\n}));\n\nconst EMPTY_QUERIES = [];\n\nexport const ApiQueries = ({ queries = EMPTY_QUERIES, labels, delay = 1000, handleClick }) => {\n const classes = useStyles();\n const hasQueries = R.not(R.isEmpty(queries));\n return (\n <Grid container data-testid=\"apiqueries-test-id\">\n <Grid item xs={12}>\n <Typography className={classes.title}>{R.prop('title')(labels)}</Typography>\n {R.map((description) => (\n <Typography key={description} display=\"block\" variant=\"body2\">\n {description}\n </Typography>\n ))(R.propOr([], 'descriptions', labels))}\n </Grid>\n {hasQueries && (\n <Grid item xs={12} className={classes.divider}>\n <Divider />\n </Grid>\n )}\n <Grid item container spacing={2}>\n {R.map(({ id, title, contents = [] }) => (\n <Query\n key={id}\n title={title}\n contents={contents}\n selectedId={R.pipe(R.head, R.prop('id'))(contents)}\n labels={labels}\n delay={delay}\n handleClick={handleClick}\n />\n ))(queries)}\n </Grid>\n {hasQueries && (\n <Grid item xs={12} className={classes.divider}>\n <Divider />\n </Grid>\n )}\n <Typography variant=\"body2\">{R.prop('notice')(labels)}</Typography>\n </Grid>\n );\n};\n"],"names":["useStyles","makeStyles","theme","error","width","margin","wordBreak","header","padding","spacing","minHeight","textarea","title","R","pathOr","Query","contents","selectedId","labels","delay","handleClick","classes","ref","React","useRef","value","setSelected","useState","isCopied","setCopied","contentValue","pipe","find","propEq","prop","isError","propOr","copyToClipboard","has","current","select","document","execCommand","setTimeout","labelActionCopy","length","flip","gt","buttonsLabel","map","id","label","equals","alignSelf","sisccButton","propTypes","PropTypes","shape","copy","oneOfType","string","element","copied","arrayOf","number","func","divider","EMPTY_QUERIES","ApiQueries","queries","hasQueries","not","isEmpty","description","head"],"mappings":"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"}
|
|
@@ -46,7 +46,12 @@ const useStyles = makeStyles(() => ({
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
}));
|
|
49
|
-
const AuthDialog = ({
|
|
49
|
+
const AuthDialog = ({
|
|
50
|
+
isOpen,
|
|
51
|
+
labels,
|
|
52
|
+
onClose,
|
|
53
|
+
onSubmit
|
|
54
|
+
}) => {
|
|
50
55
|
const classes = useStyles();
|
|
51
56
|
const [user, setUser] = useState("");
|
|
52
57
|
const [password, setPassword] = useState("");
|
|
@@ -59,7 +64,11 @@ const AuthDialog = ({ isOpen, labels, onClose, onSubmit }) => {
|
|
|
59
64
|
}
|
|
60
65
|
};
|
|
61
66
|
const canSubmit = isAnonymous || !isEmpty(user) && !isEmpty(password);
|
|
62
|
-
const onClickSubmit = () => onSubmit({
|
|
67
|
+
const onClickSubmit = () => onSubmit({
|
|
68
|
+
user,
|
|
69
|
+
password,
|
|
70
|
+
isAnonymous
|
|
71
|
+
});
|
|
63
72
|
return /* @__PURE__ */ jsxs(Dialog, { open: isOpen, onClose, children: [
|
|
64
73
|
/* @__PURE__ */ jsxs("div", { className: classes.header, children: [
|
|
65
74
|
/* @__PURE__ */ jsxs("div", { className: classes.headerLabel, children: [
|
|
@@ -70,42 +79,27 @@ const AuthDialog = ({ isOpen, labels, onClose, onSubmit }) => {
|
|
|
70
79
|
] }),
|
|
71
80
|
/* @__PURE__ */ jsxs("form", { className: classes.content, children: [
|
|
72
81
|
/* @__PURE__ */ jsx("label", { htmlFor: "login", children: labels.user }),
|
|
73
|
-
/* @__PURE__ */ jsx(
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
autoComplete: "username",
|
|
80
|
-
name: "username"
|
|
81
|
-
},
|
|
82
|
-
value: user,
|
|
83
|
-
onChange: (e) => setUser(e.target.value),
|
|
84
|
-
disabled: isAnonymous
|
|
85
|
-
}
|
|
86
|
-
),
|
|
82
|
+
/* @__PURE__ */ jsx(TextField, { inputProps: {
|
|
83
|
+
className: classes.input,
|
|
84
|
+
id: "login",
|
|
85
|
+
autoComplete: "username",
|
|
86
|
+
name: "username"
|
|
87
|
+
}, value: user, onChange: (e) => setUser(e.target.value), disabled: isAnonymous }),
|
|
87
88
|
/* @__PURE__ */ jsx("label", { htmlFor: "password", children: labels.password }),
|
|
88
|
-
/* @__PURE__ */ jsx(
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
autoComplete: "current-password",
|
|
95
|
-
name: "password"
|
|
96
|
-
},
|
|
97
|
-
value: password,
|
|
98
|
-
onChange: (e) => setPassword(e.target.value),
|
|
99
|
-
disabled: isAnonymous,
|
|
100
|
-
type: "password"
|
|
101
|
-
}
|
|
102
|
-
),
|
|
89
|
+
/* @__PURE__ */ jsx(TextField, { inputProps: {
|
|
90
|
+
className: classes.input,
|
|
91
|
+
id: "password",
|
|
92
|
+
autoComplete: "current-password",
|
|
93
|
+
name: "password"
|
|
94
|
+
}, value: password, onChange: (e) => setPassword(e.target.value), disabled: isAnonymous, type: "password" }),
|
|
103
95
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
104
96
|
/* @__PURE__ */ jsx(Checkbox, { checked: isAnonymous, onChange: onChangeAnonymous }),
|
|
105
97
|
labels.anonymous
|
|
106
98
|
] }),
|
|
107
99
|
labels.error && /* @__PURE__ */ jsx("div", { className: classes.error, children: labels.error }),
|
|
108
|
-
/* @__PURE__ */ jsx(Button, { color: "primary", disabled: !canSubmit, onClick: onClickSubmit, variant: "contained", children: /* @__PURE__ */ jsx("div", { style: {
|
|
100
|
+
/* @__PURE__ */ jsx(Button, { color: "primary", disabled: !canSubmit, onClick: onClickSubmit, variant: "contained", children: /* @__PURE__ */ jsx("div", { style: {
|
|
101
|
+
width: "100%"
|
|
102
|
+
}, children: labels.submit }) })
|
|
109
103
|
] })
|
|
110
104
|
] });
|
|
111
105
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AuthDialog.js","sources":["../../src/AuthDialog/AuthDialog.jsx"],"sourcesContent":["/**\n * AuthDialog is an UI component that displays an login popup.\n *\n * @memberOf VISIONS\n * @name AuthDialog\n * @tag component\n * @api public\n * @props\n * AuthDialog.propTypes = {\n * isOpen: PropTypes.bool,\n * labels: PropTypes.shape({\n * anonymous: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * error: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * password: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * user: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * submit: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * }),\n * onClose: PropTypes.func,\n * onSubmit: PropTypes.func.isRequired\n * };\n * @demoReady\n */\n\nimport React, { useState } from 'react';\nimport { isEmpty } from 'ramda';\nimport Checkbox from '@mui/material/Checkbox';\nimport { Close, Person } from '@mui/icons-material';\nimport Dialog from '@mui/material/Dialog';\nimport IconButton from '@mui/material/IconButton';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { Button } from '../Button/Button';\n\nconst useStyles = makeStyles(() => ({\n header: {\n color: 'grey',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n headerLabel: {\n display: 'flex',\n alignItems: 'center',\n },\n closeButton: {\n color: 'grey !important',\n padding: 0,\n },\n content: {\n alignItems: 'stretch',\n display: 'flex',\n flexDirection: 'column',\n padding: 10,\n backgroundColor: 'rgb(240, 240, 240)',\n },\n error: {\n color: 'red',\n },\n input: {\n backgroundColor: 'white',\n '&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button': {\n '-webkit-appearance': 'none',\n margin: 0,\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n },\n}));\n\nexport const AuthDialog = ({ isOpen, labels, onClose, onSubmit }) => {\n const classes = useStyles();\n const [user, setUser] = useState('');\n const [password, setPassword] = useState('');\n const [isAnonymous, setIsAnonymous] = useState(false);\n\n const onChangeAnonymous = () => {\n setIsAnonymous(!isAnonymous);\n if (!isAnonymous) {\n setUser('');\n setPassword('');\n }\n };\n\n const canSubmit = isAnonymous || (!isEmpty(user) && !isEmpty(password));\n\n const onClickSubmit = () => onSubmit({ user, password, isAnonymous });\n\n return (\n <Dialog open={isOpen} onClose={onClose}>\n <div className={classes.header}>\n <div className={classes.headerLabel}>\n <Person />\n <Typography>{labels.header}</Typography>\n </div>\n {onClose && (\n <IconButton className={classes.closeButton} onClick={onClose} size=\"large\">\n <Close />\n </IconButton>\n )}\n </div>\n <form className={classes.content}>\n <label htmlFor=\"login\">{labels.user}</label>\n <TextField\n inputProps={{\n className: classes.input,\n id: 'login',\n autoComplete: 'username',\n name: 'username',\n }}\n value={user}\n onChange={(e) => setUser(e.target.value)}\n disabled={isAnonymous}\n />\n <label htmlFor=\"password\">{labels.password}</label>\n <TextField\n inputProps={{\n className: classes.input,\n id: 'password',\n autoComplete: 'current-password',\n name: 'password',\n }}\n value={password}\n onChange={(e) => setPassword(e.target.value)}\n disabled={isAnonymous}\n type=\"password\"\n />\n <div>\n <Checkbox checked={isAnonymous} onChange={onChangeAnonymous} />\n {labels.anonymous}\n </div>\n {labels.error && <div className={classes.error}>{labels.error}</div>}\n <Button color=\"primary\" disabled={!canSubmit} onClick={onClickSubmit} variant=\"contained\">\n <div style={{ width: '100%' }}>{labels.submit}</div>\n </Button>\n </form>\n </Dialog>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAmCA,
|
|
1
|
+
{"version":3,"file":"AuthDialog.js","sources":["../../src/AuthDialog/AuthDialog.jsx"],"sourcesContent":["/**\n * AuthDialog is an UI component that displays an login popup.\n *\n * @memberOf VISIONS\n * @name AuthDialog\n * @tag component\n * @api public\n * @props\n * AuthDialog.propTypes = {\n * isOpen: PropTypes.bool,\n * labels: PropTypes.shape({\n * anonymous: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * error: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * header: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * password: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * user: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * submit: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),\n * }),\n * onClose: PropTypes.func,\n * onSubmit: PropTypes.func.isRequired\n * };\n * @demoReady\n */\n\nimport React, { useState } from 'react';\nimport { isEmpty } from 'ramda';\nimport Checkbox from '@mui/material/Checkbox';\nimport { Close, Person } from '@mui/icons-material';\nimport Dialog from '@mui/material/Dialog';\nimport IconButton from '@mui/material/IconButton';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { Button } from '../Button/Button';\n\nconst useStyles = makeStyles(() => ({\n header: {\n color: 'grey',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n },\n headerLabel: {\n display: 'flex',\n alignItems: 'center',\n },\n closeButton: {\n color: 'grey !important',\n padding: 0,\n },\n content: {\n alignItems: 'stretch',\n display: 'flex',\n flexDirection: 'column',\n padding: 10,\n backgroundColor: 'rgb(240, 240, 240)',\n },\n error: {\n color: 'red',\n },\n input: {\n backgroundColor: 'white',\n '&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button': {\n '-webkit-appearance': 'none',\n margin: 0,\n },\n '&[type=number]': {\n '-moz-appearance': 'textfield',\n },\n },\n}));\n\nexport const AuthDialog = ({ isOpen, labels, onClose, onSubmit }) => {\n const classes = useStyles();\n const [user, setUser] = useState('');\n const [password, setPassword] = useState('');\n const [isAnonymous, setIsAnonymous] = useState(false);\n\n const onChangeAnonymous = () => {\n setIsAnonymous(!isAnonymous);\n if (!isAnonymous) {\n setUser('');\n setPassword('');\n }\n };\n\n const canSubmit = isAnonymous || (!isEmpty(user) && !isEmpty(password));\n\n const onClickSubmit = () => onSubmit({ user, password, isAnonymous });\n\n return (\n <Dialog open={isOpen} onClose={onClose}>\n <div className={classes.header}>\n <div className={classes.headerLabel}>\n <Person />\n <Typography>{labels.header}</Typography>\n </div>\n {onClose && (\n <IconButton className={classes.closeButton} onClick={onClose} size=\"large\">\n <Close />\n </IconButton>\n )}\n </div>\n <form className={classes.content}>\n <label htmlFor=\"login\">{labels.user}</label>\n <TextField\n inputProps={{\n className: classes.input,\n id: 'login',\n autoComplete: 'username',\n name: 'username',\n }}\n value={user}\n onChange={(e) => setUser(e.target.value)}\n disabled={isAnonymous}\n />\n <label htmlFor=\"password\">{labels.password}</label>\n <TextField\n inputProps={{\n className: classes.input,\n id: 'password',\n autoComplete: 'current-password',\n name: 'password',\n }}\n value={password}\n onChange={(e) => setPassword(e.target.value)}\n disabled={isAnonymous}\n type=\"password\"\n />\n <div>\n <Checkbox checked={isAnonymous} onChange={onChangeAnonymous} />\n {labels.anonymous}\n </div>\n {labels.error && <div className={classes.error}>{labels.error}</div>}\n <Button color=\"primary\" disabled={!canSubmit} onClick={onClickSubmit} variant=\"contained\">\n <div style={{ width: '100%' }}>{labels.submit}</div>\n </Button>\n </form>\n </Dialog>\n );\n};\n"],"names":["useStyles","makeStyles","header","color","display","alignItems","justifyContent","headerLabel","closeButton","padding","content","flexDirection","backgroundColor","error","input","margin","AuthDialog","isOpen","labels","onClose","onSubmit","classes","user","setUser","useState","password","setPassword","isAnonymous","setIsAnonymous","onChangeAnonymous","canSubmit","isEmpty","onClickSubmit","className","id","autoComplete","name","e","target","value","anonymous","width","submit"],"mappings":"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"}
|
|
@@ -23,29 +23,19 @@ const useStyles = makeStyles((theme) => ({
|
|
|
23
23
|
}
|
|
24
24
|
}));
|
|
25
25
|
const EMPTY_ITEMS = [];
|
|
26
|
-
const Breadcrumbs = ({
|
|
26
|
+
const Breadcrumbs = ({
|
|
27
|
+
items = EMPTY_ITEMS,
|
|
28
|
+
isRtl
|
|
29
|
+
}) => {
|
|
27
30
|
const classes = useStyles();
|
|
28
|
-
return /* @__PURE__ */ jsx(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
color: "textPrimary",
|
|
37
|
-
onClick: action,
|
|
38
|
-
variant: "subtitle1",
|
|
39
|
-
className: cx({
|
|
40
|
-
[classes.action]: R.is(Function)(action),
|
|
41
|
-
[classes.disabled]: isDisabled
|
|
42
|
-
}),
|
|
43
|
-
children: text
|
|
44
|
-
},
|
|
45
|
-
`${text}-${index}`
|
|
46
|
-
))(items)
|
|
47
|
-
}
|
|
48
|
-
);
|
|
31
|
+
return /* @__PURE__ */ jsx(MuiBreadcrumbs, { separator: isRtl ? /* @__PURE__ */ jsx(NavigateBefore, { fontSize: "small" }) : /* @__PURE__ */ jsx(NavigateNext, { fontSize: "small" }), "aria-label": "breadcrumb", children: R.addIndex(R.map)(({
|
|
32
|
+
text,
|
|
33
|
+
action,
|
|
34
|
+
isDisabled
|
|
35
|
+
}, index) => /* @__PURE__ */ jsx(Typography, { color: "textPrimary", onClick: action, variant: "subtitle1", className: cx({
|
|
36
|
+
[classes.action]: R.is(Function)(action),
|
|
37
|
+
[classes.disabled]: isDisabled
|
|
38
|
+
}), children: text }, `${text}-${index}`))(items) });
|
|
49
39
|
};
|
|
50
40
|
|
|
51
41
|
export { Breadcrumbs };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sources":["../../src/Breadcrumbs/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport MuiBreadcrumbs from '@mui/material/Breadcrumbs';\nimport Typography from '@mui/material/Typography';\nimport { NavigateBefore, NavigateNext } from '@mui/icons-material';\nimport cx from 'classnames';\n\nconst useStyles = makeStyles((theme) => ({\n action: {\n cursor: 'pointer',\n '&:hover': {\n color: theme.palette.primary.main,\n },\n },\n disabled: {\n cursor: 'not-allowed',\n color: theme.palette.text.disabled,\n '&:hover': {\n color: theme.palette.text.disabled,\n },\n },\n}));\n\nconst EMPTY_ITEMS = [];\n\nexport const Breadcrumbs = ({ items = EMPTY_ITEMS, isRtl }) => {\n const classes = useStyles();\n\n return (\n <MuiBreadcrumbs\n separator={isRtl ? <NavigateBefore fontSize=\"small\" /> : <NavigateNext fontSize=\"small\" />}\n aria-label=\"breadcrumb\"\n >\n {R.addIndex(R.map)(({ text, action, isDisabled }, index) => (\n <Typography\n key={`${text}-${index}`}\n color=\"textPrimary\"\n onClick={action}\n variant=\"subtitle1\"\n className={cx({\n [classes.action]: R.is(Function)(action),\n [classes.disabled]: isDisabled,\n })}\n >\n {text}\n </Typography>\n ))(items)}\n </MuiBreadcrumbs>\n );\n};\n"],"names":[],"mappings":";;;;;;;;;AAQA,
|
|
1
|
+
{"version":3,"file":"Breadcrumbs.js","sources":["../../src/Breadcrumbs/Breadcrumbs.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport MuiBreadcrumbs from '@mui/material/Breadcrumbs';\nimport Typography from '@mui/material/Typography';\nimport { NavigateBefore, NavigateNext } from '@mui/icons-material';\nimport cx from 'classnames';\n\nconst useStyles = makeStyles((theme) => ({\n action: {\n cursor: 'pointer',\n '&:hover': {\n color: theme.palette.primary.main,\n },\n },\n disabled: {\n cursor: 'not-allowed',\n color: theme.palette.text.disabled,\n '&:hover': {\n color: theme.palette.text.disabled,\n },\n },\n}));\n\nconst EMPTY_ITEMS = [];\n\nexport const Breadcrumbs = ({ items = EMPTY_ITEMS, isRtl }) => {\n const classes = useStyles();\n\n return (\n <MuiBreadcrumbs\n separator={isRtl ? <NavigateBefore fontSize=\"small\" /> : <NavigateNext fontSize=\"small\" />}\n aria-label=\"breadcrumb\"\n >\n {R.addIndex(R.map)(({ text, action, isDisabled }, index) => (\n <Typography\n key={`${text}-${index}`}\n color=\"textPrimary\"\n onClick={action}\n variant=\"subtitle1\"\n className={cx({\n [classes.action]: R.is(Function)(action),\n [classes.disabled]: isDisabled,\n })}\n >\n {text}\n </Typography>\n ))(items)}\n </MuiBreadcrumbs>\n );\n};\n"],"names":["useStyles","makeStyles","theme","action","cursor","color","palette","primary","main","disabled","text","EMPTY_ITEMS","Breadcrumbs","items","isRtl","classes","R","addIndex","map","isDisabled","index","cx","is","Function"],"mappings":";;;;;;;;;AAQA,MAAMA,SAAAA,GAAYC,WAAYC,CAAAA,KAAAA,MAAW;AAAA,EACvCC,MAAAA,EAAQ;AAAA,IACNC,MAAAA,EAAQ,SAAA;AAAA,IACR,SAAA,EAAW;AAAA,MACTC,KAAAA,EAAOH,KAAAA,CAAMI,OAAAA,CAAQC,OAAAA,CAAQC;AAAAA;AAC/B,GACF;AAAA,EACAC,QAAAA,EAAU;AAAA,IACRL,MAAAA,EAAQ,aAAA;AAAA,IACRC,KAAAA,EAAOH,KAAAA,CAAMI,OAAAA,CAAQI,IAAAA,CAAKD,QAAAA;AAAAA,IAC1B,SAAA,EAAW;AAAA,MACTJ,KAAAA,EAAOH,KAAAA,CAAMI,OAAAA,CAAQI,IAAAA,CAAKD;AAAAA;AAC5B;AAEJ,CAAA,CAAE,CAAA;AAEF,MAAME,cAAc,EAAA;AAEb,MAAMC,cAAcA,CAAC;AAAA,EAAEC,KAAAA,GAAQF,WAAAA;AAAAA,EAAaG;AAAM,CAAA,KAAM;AAC7D,EAAA,MAAMC,UAAUf,SAAAA,EAAU;AAE1B,EAAA,uBACE,GAAA,CAAC,kBACC,SAAA,EAAWc,KAAAA,uBAAS,cAAA,EAAA,EAAe,QAAA,EAAS,SAAO,CAAA,mBAAM,GAAA,CAAC,gBAAa,QAAA,EAAS,OAAA,EAAO,GACvF,YAAA,EAAW,YAAA,EAEVE,YAAEC,QAAAA,CAASD,CAAAA,CAAEE,GAAG,CAAA,CAAE,CAAC;AAAA,IAAER,IAAAA;AAAAA,IAAMP,MAAAA;AAAAA,IAAQgB;AAAAA,GAAW,EAAGC,KAAAA,qBAChD,GAAA,CAAC,UAAA,EAAA,EAEC,KAAA,EAAM,aAAA,EACN,OAAA,EAASjB,MAAAA,EACT,OAAA,EAAQ,WAAA,EACR,SAAA,EAAWkB,EAAAA,CAAG;AAAA,IACZ,CAACN,QAAQZ,MAAM,GAAGa,EAAEM,EAAAA,CAAGC,QAAQ,EAAEpB,MAAM,CAAA;AAAA,IACvC,CAACY,OAAAA,CAAQN,QAAQ,GAAGU;AAAAA,GACrB,CAAA,EAEAT,QAAAA,EAAAA,IAAAA,EAAAA,EATI,CAAA,EAAGA,IAAI,CAAA,CAAA,EAAIU,KAAK,CAAA,CAUvB,CACD,CAAA,CAAEP,KAAK,CAAA,EACV,CAAA;AAEJ;;;;"}
|
package/dist/Button/Button.js
CHANGED
|
@@ -28,20 +28,16 @@ const useStyles = makeStyles((theme) => {
|
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
30
|
});
|
|
31
|
-
const Button = React.forwardRef(function Button2({
|
|
31
|
+
const Button = React.forwardRef(function Button2({
|
|
32
|
+
className,
|
|
33
|
+
selected,
|
|
34
|
+
alternative = "default",
|
|
35
|
+
...props
|
|
36
|
+
}, ref) {
|
|
32
37
|
const classes = useStyles();
|
|
33
|
-
return /* @__PURE__ */ jsx(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
className: cx(className, R.prop(`${alternative}Root`)(classes), {
|
|
37
|
-
[R.prop(`${alternative}Selected`)(classes)]: selected
|
|
38
|
-
}),
|
|
39
|
-
"aria-pressed": selected,
|
|
40
|
-
ref,
|
|
41
|
-
...R.omit(["indicator", "textColor", "selectionFollowsFocus"], props),
|
|
42
|
-
children: props.children
|
|
43
|
-
}
|
|
44
|
-
);
|
|
38
|
+
return /* @__PURE__ */ jsx(Button$1, { className: cx(className, R.prop(`${alternative}Root`)(classes), {
|
|
39
|
+
[R.prop(`${alternative}Selected`)(classes)]: selected
|
|
40
|
+
}), "aria-pressed": selected, ref, ...R.omit(["indicator", "textColor", "selectionFollowsFocus"], props), children: props.children });
|
|
45
41
|
});
|
|
46
42
|
|
|
47
43
|
export { Button };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../src/Button/Button.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport MuiButton from '@mui/material/Button';\nimport makeStyles from '@mui/styles/makeStyles';\n\nconst useStyles = makeStyles((theme) => {\n const color1 = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;\n\n return {\n defaultSelected: {\n backgroundColor: theme.palette.action.hover,\n '&:hover': {\n backgroundColor: `${theme.palette.action.selected} !important`,\n },\n },\n sisccRoot: {\n '&:hover': {\n color: theme.palette.getContrastText(color1),\n backgroundColor:\n R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark,\n ...R.path(['mixins', 'toggleButton', 'hover'])(theme),\n },\n },\n sisccSelected: {\n color: theme.palette.getContrastText(color1),\n backgroundColor: color1,\n ...R.path(['mixins', 'toggleButton', 'selected'])(theme),\n },\n };\n});\n\nexport const Button = React.forwardRef(function Button(\n { className, selected, alternative = 'default', ...props },\n ref\n) {\n const classes = useStyles();\n return (\n <MuiButton\n className={cx(className, R.prop(`${alternative}Root`)(classes), {\n [R.prop(`${alternative}Selected`)(classes)]: selected,\n })}\n aria-pressed={selected}\n ref={ref}\n {...R.omit(['indicator', 'textColor', 'selectionFollowsFocus'], props)}\n >\n {props.children}\n </MuiButton>\n );\n});\n"],"names":["Button","MuiButton"],"mappings":";;;;;;;AAMA,
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../src/Button/Button.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport MuiButton from '@mui/material/Button';\nimport makeStyles from '@mui/styles/makeStyles';\n\nconst useStyles = makeStyles((theme) => {\n const color1 = R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark;\n\n return {\n defaultSelected: {\n backgroundColor: theme.palette.action.hover,\n '&:hover': {\n backgroundColor: `${theme.palette.action.selected} !important`,\n },\n },\n sisccRoot: {\n '&:hover': {\n color: theme.palette.getContrastText(color1),\n backgroundColor:\n R.path(['palette', 'highlight', 'hl1'], theme) || theme.palette.primary.dark,\n ...R.path(['mixins', 'toggleButton', 'hover'])(theme),\n },\n },\n sisccSelected: {\n color: theme.palette.getContrastText(color1),\n backgroundColor: color1,\n ...R.path(['mixins', 'toggleButton', 'selected'])(theme),\n },\n };\n});\n\nexport const Button = React.forwardRef(function Button(\n { className, selected, alternative = 'default', ...props },\n ref\n) {\n const classes = useStyles();\n return (\n <MuiButton\n className={cx(className, R.prop(`${alternative}Root`)(classes), {\n [R.prop(`${alternative}Selected`)(classes)]: selected,\n })}\n aria-pressed={selected}\n ref={ref}\n {...R.omit(['indicator', 'textColor', 'selectionFollowsFocus'], props)}\n >\n {props.children}\n </MuiButton>\n );\n});\n"],"names":["useStyles","makeStyles","theme","color1","R","path","palette","primary","dark","defaultSelected","backgroundColor","action","hover","selected","sisccRoot","color","getContrastText","sisccSelected","Button","React","forwardRef","className","alternative","props","ref","classes","MuiButton","cx","prop","omit","children"],"mappings":";;;;;;;AAMA,MAAMA,SAAAA,GAAYC,WAAYC,CAAAA,KAAAA,KAAU;AACtC,EAAA,MAAMC,MAAAA,GAASC,CAAAA,CAAEC,IAAAA,CAAK,CAAC,SAAA,EAAW,WAAA,EAAa,KAAK,CAAA,EAAGH,KAAK,CAAA,IAAKA,KAAAA,CAAMI,OAAAA,CAAQC,OAAAA,CAAQC,IAAAA;AAEvF,EAAA,OAAO;AAAA,IACLC,eAAAA,EAAiB;AAAA,MACfC,eAAAA,EAAiBR,KAAAA,CAAMI,OAAAA,CAAQK,MAAAA,CAAOC,KAAAA;AAAAA,MACtC,SAAA,EAAW;AAAA,QACTF,eAAAA,EAAiB,CAAA,EAAGR,KAAAA,CAAMI,OAAAA,CAAQK,OAAOE,QAAQ,CAAA,WAAA;AAAA;AACnD,KACF;AAAA,IACAC,SAAAA,EAAW;AAAA,MACT,SAAA,EAAW;AAAA,QACTC,KAAAA,EAAOb,KAAAA,CAAMI,OAAAA,CAAQU,eAAAA,CAAgBb,MAAM,CAAA;AAAA,QAC3CO,eAAAA,EACEN,CAAAA,CAAEC,IAAAA,CAAK,CAAC,SAAA,EAAW,WAAA,EAAa,KAAK,CAAA,EAAGH,KAAK,CAAA,IAAKA,KAAAA,CAAMI,OAAAA,CAAQC,OAAAA,CAAQC,IAAAA;AAAAA,QAC1E,GAAGJ,EAAEC,IAAAA,CAAK,CAAC,UAAU,cAAA,EAAgB,OAAO,CAAC,CAAA,CAAEH,KAAK;AAAA;AACtD,KACF;AAAA,IACAe,aAAAA,EAAe;AAAA,MACbF,KAAAA,EAAOb,KAAAA,CAAMI,OAAAA,CAAQU,eAAAA,CAAgBb,MAAM,CAAA;AAAA,MAC3CO,eAAAA,EAAiBP,MAAAA;AAAAA,MACjB,GAAGC,EAAEC,IAAAA,CAAK,CAAC,UAAU,cAAA,EAAgB,UAAU,CAAC,CAAA,CAAEH,KAAK;AAAA;AACzD,GACF;AACF,CAAC,CAAA;AAEM,MAAMgB,MAAAA,GAASC,KAAAA,CAAMC,UAAAA,CAAW,SAASF,OAAAA,CAC9C;AAAA,EAAEG,SAAAA;AAAAA,EAAWR,QAAAA;AAAAA,EAAUS,WAAAA,GAAc,SAAA;AAAA,EAAW,GAAGC;AAAM,CAAA,EACzDC,GAAAA,EACA;AACA,EAAA,MAAMC,UAAUzB,SAAAA,EAAU;AAC1B,EAAA,uBACE,GAAA,CAAC0B,QAAA,EAAA,EACC,SAAA,EAAWC,EAAAA,CAAGN,SAAAA,EAAWjB,CAAAA,CAAEwB,IAAAA,CAAK,CAAA,EAAGN,WAAW,CAAA,IAAA,CAAM,CAAA,CAAEG,OAAO,CAAA,EAAG;AAAA,IAC9D,CAACrB,EAAEwB,IAAAA,CAAK,CAAA,EAAGN,WAAW,CAAA,QAAA,CAAU,CAAA,CAAEG,OAAO,CAAC,GAAGZ;AAAAA,GAC9C,CAAA,EACD,cAAA,EAAcA,QAAAA,EACd,GAAA,EACA,GAAIT,CAAAA,CAAEyB,IAAAA,CAAK,CAAC,WAAA,EAAa,aAAa,uBAAuB,CAAA,EAAGN,KAAK,CAAA,EAEpEA,gBAAMO,QAAAA,EACT,CAAA;AAEJ,CAAC;;;;"}
|