@sis-cc/dotstatsuite-visions 13.8.0 → 14.0.1
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 +5 -3
- package/dist/Alert/Alert.js.map +1 -1
- package/dist/ApiQueries/ApiQueries.js +2 -1
- package/dist/ApiQueries/ApiQueries.js.map +1 -1
- package/dist/AuthDialog/AuthDialog.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.js +2 -1
- package/dist/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/Button/Button.js +15 -17
- package/dist/Button/Button.js.map +1 -1
- package/dist/ChartsConfig/ChartsConfig.js +12 -7
- package/dist/ChartsConfig/ChartsConfig.js.map +1 -1
- package/dist/CollapseButtons/CollapseButtons.js +138 -100
- package/dist/CollapseButtons/CollapseButtons.js.map +1 -1
- package/dist/CollapsibleTree/CollapsibleTree.js +47 -29
- package/dist/CollapsibleTree/CollapsibleTree.js.map +1 -1
- package/dist/Contact/Contact.js +6 -5
- package/dist/Contact/Contact.js.map +1 -1
- package/dist/DataFooter/DataFooter.js +1 -1
- package/dist/DataFooter/DataFooter.js.map +1 -1
- package/dist/DataHeader/DataHeader.js +8 -6
- package/dist/DataHeader/DataHeader.js.map +1 -1
- package/dist/Dataflow/Dataflow.js +6 -3
- package/dist/Dataflow/Dataflow.js.map +1 -1
- package/dist/DeleteAllChip/DeleteAllChip.js +1 -1
- package/dist/DynamicDrawer/DynamicDrawer.js +8 -9
- package/dist/DynamicDrawer/DynamicDrawer.js.map +1 -1
- package/dist/ExpansionPanel/ExpansionPanel.js +3 -2
- package/dist/ExpansionPanel/ExpansionPanel.js.map +1 -1
- package/dist/GroupedChips/GroupedChips.js +5 -4
- package/dist/GroupedChips/GroupedChips.js.map +1 -1
- package/dist/HierarchicalFilter/HierarchicalFilter.js +1 -1
- 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/Input/Input.js.map +1 -1
- package/dist/InputNumber/InputNumber.js.map +1 -1
- package/dist/LabelDivider/LabelDivider.js.map +1 -1
- package/dist/Loading/Loading.js.map +1 -1
- package/dist/Mode/Mode.js +5 -4
- package/dist/Mode/Mode.js.map +1 -1
- package/dist/Pagination/Pagination.js +0 -1
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/PeriodPicker/PeriodPicker.js +63 -70
- package/dist/PeriodPicker/PeriodPicker.js.map +1 -1
- package/dist/Select/Select.js +13 -11
- package/dist/Select/Select.js.map +1 -1
- package/dist/Share/Share.js +2 -1
- package/dist/Share/Share.js.map +1 -1
- package/dist/ShortUrls/ShortUrls.js.map +1 -1
- package/dist/SisccFooter/SisccFooter.js +30 -20
- package/dist/SisccFooter/SisccFooter.js.map +1 -1
- package/dist/Spotlight/Spotlight.js +8 -7
- package/dist/Spotlight/Spotlight.js.map +1 -1
- package/dist/TableFooter/TableFooter.js.map +1 -1
- package/dist/TableHeader/TableHeader.js.map +1 -1
- package/dist/TableHtml5/TableHtml5.js +25 -20
- package/dist/TableHtml5/TableHtml5.js.map +1 -1
- package/dist/TableLayout/TableLayout.js +9 -6
- package/dist/TableLayout/TableLayout.js.map +1 -1
- package/dist/TablePreview/TablePreview.js +17 -8
- package/dist/TablePreview/TablePreview.js.map +1 -1
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/UserRightForm/UserRightForm.js.map +1 -1
- package/dist/VerticalButton/VerticalButton.js.map +1 -1
- package/dist/chunks/{CustomChip-CMYCIorJ.js → CustomChip-VonwGtLq.js} +7 -7
- package/dist/chunks/CustomChip-VonwGtLq.js.map +1 -0
- package/dist/chunks/{useKeybordEscapeHandler-DRsOrnwc.js → useKeybordEscapeHandler-DZZOPw7k.js} +2 -2
- package/dist/chunks/useKeybordEscapeHandler-DZZOPw7k.js.map +1 -0
- package/dist/chunks/utils-kslX1mzh.js.map +1 -1
- package/dist/chunks/with-input-DRWNlMdA.js.map +1 -1
- package/dist/chunks/{withSpotlight-ooTVUwmd.js → withSpotlight-Bqdm585G.js} +37 -37
- package/dist/chunks/withSpotlight-Bqdm585G.js.map +1 -0
- package/dist/theme/theme.js +5 -5
- package/dist/theme/theme.js.map +1 -1
- package/package.json +27 -31
- package/dist/chunks/CustomChip-CMYCIorJ.js.map +0 -1
- package/dist/chunks/useKeybordEscapeHandler-DRsOrnwc.js.map +0 -1
- package/dist/chunks/withSpotlight-ooTVUwmd.js.map +0 -1
package/dist/Icons/Api.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Api.js","sources":["../../src/Icons/Api.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Api = props => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M30.4 1.6h-28.8c-0.96 0-1.6 0.8-1.6 1.6v25.6c0 0.8 0.64 1.6 1.6 1.6h28.8c0.8 0 1.6-0.8 1.6-1.6v-25.6c0-0.8-0.8-1.6-1.6-1.6zM29.76 28.16h-27.52v-18.88h27.52v18.88zM4.16 23.36l4.64-9.92 0.16-0.16h0.16c0.16 0 0.16 0 0.16 0.16l4.64 9.92c0 0.16 0 0.48-0.16 0.48h-1.76c-0.16 0-0.48 0-0.64-0.48l-0.64-1.28h-4l-0.64 1.28c0 0.16-0.16 0.48-0.64 0.48h-1.12c-0.16 0-0.48-0.32-0.16-0.48zM10.080 20.16l-1.28-2.4-0.96 2.4h2.24zM15.36 13.76c0-0.16 0.16-0.16 0.16-0.16h3.68c1.76 0 3.2 1.44 3.2 3.2s-1.44 3.2-3.2 3.2h-1.6v3.36c0 0.16-0.16 0.16-0.16 0.16h-1.92c-0.16 0-0.16-0.16-0.16-0.16v-9.6zM19.040 17.92c0.64 0 1.28-0.48 1.28-1.28 0-0.64-0.64-0.96-1.28-0.96h-1.44v2.24h1.44zM24 13.76c0-0.16 0.16-0.16 0.16-0.16h1.76c0.16 0 0.16 0.16 0.16 0.16v9.76c0 0.16-0.16 0.16-0.16 0.16h-1.76c-0.16 0-0.16-0.16-0.16-0.16v-9.76z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,GAAA,GAAM,
|
|
1
|
+
{"version":3,"file":"Api.js","sources":["../../src/Icons/Api.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Api = (props) => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M30.4 1.6h-28.8c-0.96 0-1.6 0.8-1.6 1.6v25.6c0 0.8 0.64 1.6 1.6 1.6h28.8c0.8 0 1.6-0.8 1.6-1.6v-25.6c0-0.8-0.8-1.6-1.6-1.6zM29.76 28.16h-27.52v-18.88h27.52v18.88zM4.16 23.36l4.64-9.92 0.16-0.16h0.16c0.16 0 0.16 0 0.16 0.16l4.64 9.92c0 0.16 0 0.48-0.16 0.48h-1.76c-0.16 0-0.48 0-0.64-0.48l-0.64-1.28h-4l-0.64 1.28c0 0.16-0.16 0.48-0.64 0.48h-1.12c-0.16 0-0.48-0.32-0.16-0.48zM10.080 20.16l-1.28-2.4-0.96 2.4h2.24zM15.36 13.76c0-0.16 0.16-0.16 0.16-0.16h3.68c1.76 0 3.2 1.44 3.2 3.2s-1.44 3.2-3.2 3.2h-1.6v3.36c0 0.16-0.16 0.16-0.16 0.16h-1.92c-0.16 0-0.16-0.16-0.16-0.16v-9.6zM19.040 17.92c0.64 0 1.28-0.48 1.28-1.28 0-0.64-0.64-0.96-1.28-0.96h-1.44v2.24h1.44zM24 13.76c0-0.16 0.16-0.16 0.16-0.16h1.76c0.16 0 0.16 0.16 0.16 0.16v9.76c0 0.16-0.16 0.16-0.16 0.16h-1.76c-0.16 0-0.16-0.16-0.16-0.16v-9.76z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,GAAA,GAAM,CAAC,KAAA,qBAClB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,oyBAAmyB,CAAA,EAC7yB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Asterisk.js","sources":["../../src/Icons/Asterisk.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Asterisk = props => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M29.92 24.096c-0.512 0.768-1.28 1.28-2.208 1.28-0.384 0-0.896-0.128-1.28-0.384l-7.776-4.512v8.928c0 1.44-1.152 2.592-2.592 2.592s-2.592-1.152-2.592-2.592v-8.928l-7.776 4.512c-0.384 0.256-0.896 0.384-1.28 0.384-0.928 0-1.824-0.512-2.208-1.28-0.768-1.28-0.256-2.848 0.896-3.488l7.776-4.544-7.776-4.544c-1.28-0.768-1.664-2.336-0.896-3.488s2.336-1.696 3.488-0.896l7.776 4.512v-9.056c0-1.44 1.184-2.592 2.592-2.592s2.592 1.152 2.592 2.592v8.928l7.776-4.512c1.28-0.8 2.848-0.288 3.488 0.896 0.8 1.28 0.256 2.848-0.896 3.488l-7.776 4.544 7.776 4.544c1.152 0.768 1.568 2.336 0.896 3.616z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,QAAA,GAAW,
|
|
1
|
+
{"version":3,"file":"Asterisk.js","sources":["../../src/Icons/Asterisk.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Asterisk = (props) => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M29.92 24.096c-0.512 0.768-1.28 1.28-2.208 1.28-0.384 0-0.896-0.128-1.28-0.384l-7.776-4.512v8.928c0 1.44-1.152 2.592-2.592 2.592s-2.592-1.152-2.592-2.592v-8.928l-7.776 4.512c-0.384 0.256-0.896 0.384-1.28 0.384-0.928 0-1.824-0.512-2.208-1.28-0.768-1.28-0.256-2.848 0.896-3.488l7.776-4.544-7.776-4.544c-1.28-0.768-1.664-2.336-0.896-3.488s2.336-1.696 3.488-0.896l7.776 4.512v-9.056c0-1.44 1.184-2.592 2.592-2.592s2.592 1.152 2.592 2.592v8.928l7.776-4.512c1.28-0.8 2.848-0.288 3.488 0.896 0.8 1.28 0.256 2.848-0.896 3.488l-7.776 4.544 7.776 4.544c1.152 0.768 1.568 2.336 0.896 3.616z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,QAAA,GAAW,CAAC,KAAA,qBACvB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,ukBAAskB,CAAA,EAChlB;;;;"}
|
package/dist/Icons/Bar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Bar.js","sources":["../../src/Icons/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Bar = props => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M9.152 16v9.152h-4.576v-9.152h4.576zM16 6.848v18.304h-4.576v-18.304h4.576zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM22.848 11.424v13.728h-4.576v-13.728h4.576zM29.728 4.576v20.576h-4.576v-20.576h4.576z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,GAAA,GAAM,
|
|
1
|
+
{"version":3,"file":"Bar.js","sources":["../../src/Icons/Bar.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Bar = (props) => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M9.152 16v9.152h-4.576v-9.152h4.576zM16 6.848v18.304h-4.576v-18.304h4.576zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM22.848 11.424v13.728h-4.576v-13.728h4.576zM29.728 4.576v20.576h-4.576v-20.576h4.576z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,GAAA,GAAM,CAAC,KAAA,qBAClB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,4NAA2N,CAAA,EACrO;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CopyContent.js","sources":["../../src/Icons/CopyContent.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const CopyContent = props => (\n <SvgIcon viewBox=\"0 0 24 24\" {...props}>\n <path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,WAAA,GAAc,
|
|
1
|
+
{"version":3,"file":"CopyContent.js","sources":["../../src/Icons/CopyContent.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const CopyContent = (props) => (\n <SvgIcon viewBox=\"0 0 24 24\" {...props}>\n <path d=\"M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,WAAA,GAAc,CAAC,KAAA,qBAC1B,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,mIAAkI,CAAA,EAC5I;;;;"}
|
package/dist/Icons/Cross.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cross.js","sources":["../../src/Icons/Cross.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Cross = props => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M18.272 16l5.248-5.28c0.32-0.288 0.48-0.672 0.48-1.12 0-0.896-0.704-1.6-1.6-1.6-0.448 0-0.832 0.16-1.12 0.448l-5.28 5.28-5.248-5.28c-0.288-0.288-0.704-0.448-1.152-0.448-0.864 0-1.6 0.704-1.6 1.6 0 0.448 0.192 0.832 0.48 1.12l5.28 5.28-5.28 5.248c-0.288 0.288-0.48 0.704-0.48 1.152 0 0.864 0.736 1.6 1.6 1.6 0.448 0 0.864-0.192 1.152-0.48l5.248-5.28 5.28 5.28c0.288 0.288 0.672 0.48 1.12 0.48 0.896 0 1.6-0.736 1.6-1.6 0-0.448-0.16-0.864-0.448-1.152l-5.28-5.248z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,KAAA,GAAQ,
|
|
1
|
+
{"version":3,"file":"Cross.js","sources":["../../src/Icons/Cross.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Cross = (props) => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M18.272 16l5.248-5.28c0.32-0.288 0.48-0.672 0.48-1.12 0-0.896-0.704-1.6-1.6-1.6-0.448 0-0.832 0.16-1.12 0.448l-5.28 5.28-5.248-5.28c-0.288-0.288-0.704-0.448-1.152-0.448-0.864 0-1.6 0.704-1.6 1.6 0 0.448 0.192 0.832 0.48 1.12l5.28 5.28-5.28 5.248c-0.288 0.288-0.48 0.704-0.48 1.152 0 0.864 0.736 1.6 1.6 1.6 0.448 0 0.864-0.192 1.152-0.48l5.248-5.28 5.28 5.28c0.288 0.288 0.672 0.48 1.12 0.48 0.896 0 1.6-0.736 1.6-1.6 0-0.448-0.16-0.864-0.448-1.152l-5.28-5.248z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,KAAA,GAAQ,CAAC,KAAA,qBACpB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,idAAgd,CAAA,EAC1d;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HSymbol.js","sources":["../../src/Icons/HSymbol.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const HSymbol = props => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M3.584 20.736c0 1.568 1.28 2.848 2.848 2.848s2.848-1.28 2.848-2.848c0-1.568-1.28-2.848-2.848-2.848s-2.848 1.28-2.848 2.848zM8.768 20.736c0 1.28-1.056 2.336-2.336 2.336-1.312 0-2.336-1.056-2.336-2.336s1.024-2.336 2.336-2.336c1.28 0 2.336 1.056 2.336 2.336zM23.392 17.888c1.568 0 2.848 1.28 2.848 2.848s-1.28 2.848-2.848 2.848-2.848-1.28-2.848-2.848c0-1.568 1.28-2.848 2.848-2.848zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM9.92 21.248v-0.96h9.728v0.96h-9.728zM12.992 14.24c0 1.568 1.28 2.848 2.848 2.848 1.6 0 2.88-1.28 2.88-2.848s-1.28-2.848-2.88-2.848c-1.568 0-2.848 1.28-2.848 2.848zM18.208 14.24c0 1.28-1.056 2.336-2.368 2.336-1.28 0-2.336-1.056-2.336-2.336 0-1.312 1.056-2.336 2.336-2.336 1.312 0 2.368 1.024 2.368 2.336zM28.96 11.392c1.6 0 2.848 1.28 2.848 2.848s-1.248 2.848-2.848 2.848-2.848-1.28-2.848-2.848c0-1.568 1.28-2.848 2.848-2.848zM19.36 14.752v-0.96h5.792v0.96h-5.792zM6.592 6.944c0 1.568 1.28 2.848 2.848 2.848s2.848-1.28 2.848-2.848c0-1.568-1.28-2.848-2.848-2.848s-2.848 1.28-2.848 2.848zM11.776 6.944c0 1.28-1.056 2.336-2.336 2.336s-2.336-1.056-2.336-2.336c0-1.28 1.056-2.336 2.336-2.336s2.336 1.056 2.336 2.336zM20 4.096c1.568 0 2.848 1.28 2.848 2.848s-1.28 2.848-2.848 2.848-2.848-1.28-2.848-2.848c0-1.568 1.248-2.848 2.848-2.848zM12.928 7.456v-0.96h3.264v0.96h-3.264z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,OAAA,GAAU,
|
|
1
|
+
{"version":3,"file":"HSymbol.js","sources":["../../src/Icons/HSymbol.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const HSymbol = (props) => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M3.584 20.736c0 1.568 1.28 2.848 2.848 2.848s2.848-1.28 2.848-2.848c0-1.568-1.28-2.848-2.848-2.848s-2.848 1.28-2.848 2.848zM8.768 20.736c0 1.28-1.056 2.336-2.336 2.336-1.312 0-2.336-1.056-2.336-2.336s1.024-2.336 2.336-2.336c1.28 0 2.336 1.056 2.336 2.336zM23.392 17.888c1.568 0 2.848 1.28 2.848 2.848s-1.28 2.848-2.848 2.848-2.848-1.28-2.848-2.848c0-1.568 1.28-2.848 2.848-2.848zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM9.92 21.248v-0.96h9.728v0.96h-9.728zM12.992 14.24c0 1.568 1.28 2.848 2.848 2.848 1.6 0 2.88-1.28 2.88-2.848s-1.28-2.848-2.88-2.848c-1.568 0-2.848 1.28-2.848 2.848zM18.208 14.24c0 1.28-1.056 2.336-2.368 2.336-1.28 0-2.336-1.056-2.336-2.336 0-1.312 1.056-2.336 2.336-2.336 1.312 0 2.368 1.024 2.368 2.336zM28.96 11.392c1.6 0 2.848 1.28 2.848 2.848s-1.248 2.848-2.848 2.848-2.848-1.28-2.848-2.848c0-1.568 1.28-2.848 2.848-2.848zM19.36 14.752v-0.96h5.792v0.96h-5.792zM6.592 6.944c0 1.568 1.28 2.848 2.848 2.848s2.848-1.28 2.848-2.848c0-1.568-1.28-2.848-2.848-2.848s-2.848 1.28-2.848 2.848zM11.776 6.944c0 1.28-1.056 2.336-2.336 2.336s-2.336-1.056-2.336-2.336c0-1.28 1.056-2.336 2.336-2.336s2.336 1.056 2.336 2.336zM20 4.096c1.568 0 2.848 1.28 2.848 2.848s-1.28 2.848-2.848 2.848-2.848-1.28-2.848-2.848c0-1.568 1.248-2.848 2.848-2.848zM12.928 7.456v-0.96h3.264v0.96h-3.264z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,OAAA,GAAU,CAAC,KAAA,qBACtB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,6xCAA4xC,CAAA,EACtyC;;;;"}
|
package/dist/Icons/Row.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.js","sources":["../../src/Icons/Row.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Row = props => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M22.848 11.424h-18.304v-4.576h18.304v4.576zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM18.272 18.272h-13.728v-4.544h13.728v4.544zM25.12 25.152h-20.576v-4.576h20.576v4.576z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,GAAA,GAAM,
|
|
1
|
+
{"version":3,"file":"Row.js","sources":["../../src/Icons/Row.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Row = (props) => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M22.848 11.424h-18.304v-4.576h18.304v4.576zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM18.272 18.272h-13.728v-4.544h13.728v4.544zM25.12 25.152h-20.576v-4.576h20.576v4.576z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,GAAA,GAAM,CAAC,KAAA,qBAClB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,6LAA4L,CAAA,EACtM;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scatter.js","sources":["../../src/Icons/Scatter.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Scatter = props => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M25.728 11.008c0-1.568 1.28-2.848 2.848-2.848s2.848 1.28 2.848 2.848-1.28 2.848-2.848 2.848c-1.568 0-2.848-1.28-2.848-2.848zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM10.496 6.528c0-1.568 1.28-2.848 2.88-2.848 1.568 0 2.848 1.28 2.848 2.848s-1.28 2.848-2.848 2.848c-1.6 0-2.88-1.28-2.88-2.848zM4.032 20.096c0-1.6 1.28-2.848 2.848-2.848s2.848 1.248 2.848 2.848-1.28 2.848-2.848 2.848c-1.568 0-2.848-1.28-2.848-2.848zM18.56 16.384c0-1.568 1.28-2.848 2.848-2.848s2.848 1.28 2.848 2.848-1.28 2.848-2.848 2.848c-1.568 0-2.848-1.28-2.848-2.848z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,OAAA,GAAU,
|
|
1
|
+
{"version":3,"file":"Scatter.js","sources":["../../src/Icons/Scatter.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Scatter = (props) => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M25.728 11.008c0-1.568 1.28-2.848 2.848-2.848s2.848 1.28 2.848 2.848-1.28 2.848-2.848 2.848c-1.568 0-2.848-1.28-2.848-2.848zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM10.496 6.528c0-1.568 1.28-2.848 2.88-2.848 1.568 0 2.848 1.28 2.848 2.848s-1.28 2.848-2.848 2.848c-1.6 0-2.88-1.28-2.88-2.848zM4.032 20.096c0-1.6 1.28-2.848 2.848-2.848s2.848 1.248 2.848 2.848-1.28 2.848-2.848 2.848c-1.568 0-2.848-1.28-2.848-2.848zM18.56 16.384c0-1.568 1.28-2.848 2.848-2.848s2.848 1.28 2.848 2.848-1.28 2.848-2.848 2.848c-1.568 0-2.848-1.28-2.848-2.848z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,OAAA,GAAU,CAAC,KAAA,qBACtB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,6iBAA4iB,CAAA,EACtjB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackedBar.js","sources":["../../src/Icons/StackedBar.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const StackedBar = props => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M10.656 21.12v4.032h-6.080v-4.032h6.080zM10.656 12.416v7.52h-6.080v-7.52h6.080zM10.656 9.28v1.984h-6.080v-1.984h6.080zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM29.728 22.56v2.592h-6.080v-2.592h6.080zM29.728 15.36v6.176h-6.080v-6.176h6.080zM29.728 11.36v3.008h-6.080v-3.008h6.080zM20.192 17.952v7.2h-6.080v-7.2h6.080zM20.192 8.096v8.736h-6.080v-8.736h6.080zM20.192 2.272v4.416h-6.080v-4.416h6.080z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,UAAA,GAAa,
|
|
1
|
+
{"version":3,"file":"StackedBar.js","sources":["../../src/Icons/StackedBar.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const StackedBar = (props) => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M10.656 21.12v4.032h-6.080v-4.032h6.080zM10.656 12.416v7.52h-6.080v-7.52h6.080zM10.656 9.28v1.984h-6.080v-1.984h6.080zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM29.728 22.56v2.592h-6.080v-2.592h6.080zM29.728 15.36v6.176h-6.080v-6.176h6.080zM29.728 11.36v3.008h-6.080v-3.008h6.080zM20.192 17.952v7.2h-6.080v-7.2h6.080zM20.192 8.096v8.736h-6.080v-8.736h6.080zM20.192 2.272v4.416h-6.080v-4.416h6.080z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,UAAA,GAAa,CAAC,KAAA,qBACzB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,gaAA+Z,CAAA,EACza;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StackedRow.js","sources":["../../src/Icons/StackedRow.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const StackedRow = props => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M13 6 4 6 4 11 13 11 13 6ZM15 20 4 20 4 25 15 25 15 20ZM24 20 16 20 16 25 24 25 24 20ZM27 20 25 20 25 25 27 25 27 20ZM21 6 14 6 14 11 21 11 21 6ZM25 6 22 6 22 11 25 11 25 6ZM18 13 4 13 4 18 18 18 18 13ZM28 13 19 13 19 18 28 18 28 13ZM34 13 29 13 29 18 34 18 34 13ZM34.3 27.4V29.7H-2.3V2.3H0V27.4H34.3Z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,UAAA,GAAa,
|
|
1
|
+
{"version":3,"file":"StackedRow.js","sources":["../../src/Icons/StackedRow.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const StackedRow = (props) => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M13 6 4 6 4 11 13 11 13 6ZM15 20 4 20 4 25 15 25 15 20ZM24 20 16 20 16 25 24 25 24 20ZM27 20 25 20 25 25 27 25 27 20ZM21 6 14 6 14 11 21 11 21 6ZM25 6 22 6 22 11 25 11 25 6ZM18 13 4 13 4 18 18 18 18 13ZM28 13 19 13 19 18 28 18 28 13ZM34 13 29 13 29 18 34 18 34 13ZM34.3 27.4V29.7H-2.3V2.3H0V27.4H34.3Z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,UAAA,GAAa,CAAC,KAAA,qBACzB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,iTAAgT,CAAA,EAC1T;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Timeline.js","sources":["../../src/Icons/Timeline.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Timeline = props => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM2.848 22.752l-1.344-1.568 8.288-7.072 1.344 1.6-8.288 7.040zM2.848 14.112l-1.344-1.568 8.288-7.040 1.344 1.568-8.288 7.040zM8.224 15.424l1.6-1.312 6.624 8.128-1.6 1.312-6.624-8.128zM8.224 6.784l1.6-1.312 14.144 17.376-1.6 1.312-14.144-17.376zM14.848 23.552l-1.344-1.6 18.336-15.264 1.344 1.6-18.336 15.264zM22.368 24.128l-1.344-1.6 10.72-8.896 1.312 1.568-10.688 8.928z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,QAAA,GAAW,
|
|
1
|
+
{"version":3,"file":"Timeline.js","sources":["../../src/Icons/Timeline.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const Timeline = (props) => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM2.848 22.752l-1.344-1.568 8.288-7.072 1.344 1.6-8.288 7.040zM2.848 14.112l-1.344-1.568 8.288-7.040 1.344 1.568-8.288 7.040zM8.224 15.424l1.6-1.312 6.624 8.128-1.6 1.312-6.624-8.128zM8.224 6.784l1.6-1.312 14.144 17.376-1.6 1.312-14.144-17.376zM14.848 23.552l-1.344-1.6 18.336-15.264 1.344 1.6-18.336 15.264zM22.368 24.128l-1.344-1.6 10.72-8.896 1.312 1.568-10.688 8.928z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,QAAA,GAAW,CAAC,KAAA,qBACvB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,+aAA8a,CAAA,EACxb;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VSymbol.js","sources":["../../src/Icons/VSymbol.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const VSymbol = props => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M28 25.44c1.6 0 2.848-1.28 2.848-2.848s-1.248-2.848-2.848-2.848c-1.568 0-2.848 1.28-2.848 2.848s1.28 2.848 2.848 2.848zM28 20.256c1.312 0 2.336 1.024 2.336 2.336 0 1.28-1.024 2.336-2.336 2.336-1.28 0-2.336-1.056-2.336-2.336 0-1.312 1.056-2.336 2.336-2.336zM25.152 5.6c0-1.568 1.28-2.848 2.848-2.848 1.6 0 2.848 1.28 2.848 2.848s-1.248 2.848-2.848 2.848c-1.568 0-2.848-1.28-2.848-2.848zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM28.512 19.072h-0.96v-9.728h0.96v9.728zM14.176 15.424c1.568 0 2.848-1.28 2.848-2.848s-1.28-2.848-2.848-2.848c-1.6 0-2.848 1.28-2.848 2.848s1.248 2.848 2.848 2.848zM14.176 10.24c1.28 0 2.336 1.056 2.336 2.336s-1.056 2.336-2.336 2.336c-1.312 0-2.336-1.056-2.336-2.336s1.024-2.336 2.336-2.336zM11.328 3.648c0-1.6 1.248-2.848 2.848-2.848 1.568 0 2.848 1.248 2.848 2.848s-1.28 2.848-2.848 2.848c-1.6 0-2.848-1.28-2.848-2.848zM14.688 8.8h-0.992v-1.344h0.992v1.344zM6.88 23.488c1.568 0 2.848-1.28 2.848-2.848s-1.28-2.848-2.848-2.848c-1.568 0-2.848 1.28-2.848 2.848s1.28 2.848 2.848 2.848zM6.88 18.304c1.28 0 2.336 1.024 2.336 2.336 0 1.28-1.056 2.336-2.336 2.336s-2.336-1.056-2.336-2.336c0-1.312 1.056-2.336 2.336-2.336zM4.032 10.080c0-1.568 1.28-2.848 2.848-2.848s2.848 1.28 2.848 2.848-1.28 2.848-2.848 2.848c-1.568 0-2.848-1.28-2.848-2.848zM7.392 17.12h-0.96v-3.232h0.96v3.232zM21.408 12.032c1.568 0 2.848-1.28 2.848-2.848s-1.28-2.848-2.848-2.848c-1.568 0-2.848 1.28-2.848 2.848s1.28 2.848 2.848 2.848zM21.408 6.848c1.28 0 2.336 1.056 2.336 2.336s-1.056 2.336-2.336 2.336c-1.28 0-2.336-1.056-2.336-2.336s1.056-2.336 2.336-2.336zM18.56 18.272c0-1.568 1.28-2.848 2.848-2.848s2.848 1.28 2.848 2.848-1.28 2.848-2.848 2.848c-1.568 0-2.848-1.248-2.848-2.848zM21.92 14.528h-0.96v-1.568h0.96v1.568z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,OAAA,GAAU,
|
|
1
|
+
{"version":3,"file":"VSymbol.js","sources":["../../src/Icons/VSymbol.jsx"],"sourcesContent":["import React from 'react';\nimport SvgIcon from '@mui/material/SvgIcon';\n\nexport const VSymbol = (props) => (\n <SvgIcon viewBox=\"0 0 32 38\" {...props}>\n <path d=\"M28 25.44c1.6 0 2.848-1.28 2.848-2.848s-1.248-2.848-2.848-2.848c-1.568 0-2.848 1.28-2.848 2.848s1.28 2.848 2.848 2.848zM28 20.256c1.312 0 2.336 1.024 2.336 2.336 0 1.28-1.024 2.336-2.336 2.336-1.28 0-2.336-1.056-2.336-2.336 0-1.312 1.056-2.336 2.336-2.336zM25.152 5.6c0-1.568 1.28-2.848 2.848-2.848 1.6 0 2.848 1.28 2.848 2.848s-1.248 2.848-2.848 2.848c-1.568 0-2.848-1.28-2.848-2.848zM34.272 27.424v2.304h-36.544v-27.456h2.272v25.152h34.272zM28.512 19.072h-0.96v-9.728h0.96v9.728zM14.176 15.424c1.568 0 2.848-1.28 2.848-2.848s-1.28-2.848-2.848-2.848c-1.6 0-2.848 1.28-2.848 2.848s1.248 2.848 2.848 2.848zM14.176 10.24c1.28 0 2.336 1.056 2.336 2.336s-1.056 2.336-2.336 2.336c-1.312 0-2.336-1.056-2.336-2.336s1.024-2.336 2.336-2.336zM11.328 3.648c0-1.6 1.248-2.848 2.848-2.848 1.568 0 2.848 1.248 2.848 2.848s-1.28 2.848-2.848 2.848c-1.6 0-2.848-1.28-2.848-2.848zM14.688 8.8h-0.992v-1.344h0.992v1.344zM6.88 23.488c1.568 0 2.848-1.28 2.848-2.848s-1.28-2.848-2.848-2.848c-1.568 0-2.848 1.28-2.848 2.848s1.28 2.848 2.848 2.848zM6.88 18.304c1.28 0 2.336 1.024 2.336 2.336 0 1.28-1.056 2.336-2.336 2.336s-2.336-1.056-2.336-2.336c0-1.312 1.056-2.336 2.336-2.336zM4.032 10.080c0-1.568 1.28-2.848 2.848-2.848s2.848 1.28 2.848 2.848-1.28 2.848-2.848 2.848c-1.568 0-2.848-1.28-2.848-2.848zM7.392 17.12h-0.96v-3.232h0.96v3.232zM21.408 12.032c1.568 0 2.848-1.28 2.848-2.848s-1.28-2.848-2.848-2.848c-1.568 0-2.848 1.28-2.848 2.848s1.28 2.848 2.848 2.848zM21.408 6.848c1.28 0 2.336 1.056 2.336 2.336s-1.056 2.336-2.336 2.336c-1.28 0-2.336-1.056-2.336-2.336s1.056-2.336 2.336-2.336zM18.56 18.272c0-1.568 1.28-2.848 2.848-2.848s2.848 1.28 2.848 2.848-1.28 2.848-2.848 2.848c-1.568 0-2.848-1.248-2.848-2.848zM21.92 14.528h-0.96v-1.568h0.96v1.568z\" />\n </SvgIcon>\n);\n"],"names":[],"mappings":";;;;AAGO,MAAM,OAAA,GAAU,CAAC,KAAA,qBACtB,GAAA,CAAC,OAAA,EAAA,EAAQ,OAAA,EAAQ,WAAA,EAAa,GAAG,KAAA,EAC/B,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,CAAA,EAAE,osDAAmsD,CAAA,EAC7sD;;;;"}
|
package/dist/Input/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../src/Input/Input.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport makeStyles from '@mui/styles/makeStyles';\nimport TextField from '@mui/material/TextField';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport IconButton from '@mui/material/IconButton';\nimport { Done } from '@mui/icons-material';\nimport { withInput } from './with-input';\n\nconst useStyles = makeStyles(() => ({\n visibility: {\n visibility: 'hidden',\n },\n}));\n\nconst LefttIcon = ({ Icon }) => <Icon />;\n\nconst RightIcon = ({ onSubmit, Icon = Done }) => (\n <IconButton color=\"primary\" onClick={() => onSubmit()} size=\"large\">\n <Icon />\n </IconButton>\n);\n\nconst MyInput = ({\n id,\n label,\n placeholder,\n leftIcon,\n rightIcon,\n value,\n type,\n onChange,\n onSubmit,\n fullWidth,\n withValidationIcon,\n textFieldProps,\n inputProps,\n endAdornment,\n}) => {\n const classes = useStyles();\n const startAdornment = R.isNil(leftIcon) ? null : (\n <InputAdornment position=\"start\">\n <LefttIcon Icon={leftIcon} />\n </InputAdornment>\n );\n const endMyadornment = R.or(withValidationIcon, !R.isNil(rightIcon)) ? (\n <InputAdornment position=\"end\" className={cx({ [classes.visibility]: R.isEmpty(value) })}>\n <RightIcon onSubmit={onSubmit} Icon={rightIcon} />\n </InputAdornment>\n ) : null;\n\n const onEnterLabel = event => {\n if (event.key === 'Enter') {\n event.preventDefault();\n if (R.is(Function, onSubmit)) {\n onSubmit();\n }\n }\n };\n\n return (\n <TextField\n data-testid=\"input-test-id\"\n margin=\"dense\"\n fullWidth={fullWidth}\n id={id}\n type={type}\n label={label}\n value={value}\n variant=\"outlined\"\n placeholder={placeholder}\n onChange={e => onChange(e.target.value)}\n onKeyDown={onEnterLabel}\n InputProps={{\n startAdornment,\n endAdornment: R.isNil(endAdornment) ? endMyadornment : endAdornment,\n }}\n inputProps={inputProps}\n {...textFieldProps}\n />\n );\n};\n\nexport const Input = withInput(MyInput);\n"],"names":[],"mappings":";;;;;;;;;;;AAUA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAEF,MAAM,YAAY,CAAC,EAAE,IAAA,EAAK,yBAAO,IAAA,EAAA,EAAK,CAAA;AAEtC,MAAM,YAAY,CAAC,EAAE,UAAU,IAAA,GAAO,IAAA,uBACpC,GAAA,CAAC,UAAA,EAAA,EAAW,OAAM,SAAA,EAAU,OAAA,EAAS,MAAM,QAAA,EAAS,EAAG,MAAK,OAAA,EAC1D,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR,CAAA;AAGF,MAAM,UAAU,CAAC;AAAA,EACf,EAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,cAAA,GAAiB,CAAA,CAAE,KAAA,CAAM,QAAQ,IAAI,IAAA,mBACzC,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAS,OAAA,EACvB,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,UAAU,CAAA,EAC7B,CAAA;AAEF,EAAA,MAAM,cAAA,GAAiB,CAAA,CAAE,EAAA,CAAG,kBAAA,EAAoB,CAAC,CAAA,CAAE,KAAA,CAAM,SAAS,CAAC,CAAA,mBACjE,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAS,OAAM,SAAA,EAAW,EAAA,CAAG,EAAE,CAAC,OAAA,CAAQ,UAAU,GAAG,CAAA,CAAE,QAAQ,KAAK,CAAA,EAAG,CAAA,EACrF,8BAAC,SAAA,EAAA,EAAU,QAAA,EAAoB,IAAA,EAAM,SAAA,EAAW,GAClD,CAAA,GACE,IAAA;AAEJ,EAAA,MAAM,
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../src/Input/Input.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport makeStyles from '@mui/styles/makeStyles';\nimport TextField from '@mui/material/TextField';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport IconButton from '@mui/material/IconButton';\nimport { Done } from '@mui/icons-material';\nimport { withInput } from './with-input';\n\nconst useStyles = makeStyles(() => ({\n visibility: {\n visibility: 'hidden',\n },\n}));\n\nconst LefttIcon = ({ Icon }) => <Icon />;\n\nconst RightIcon = ({ onSubmit, Icon = Done }) => (\n <IconButton color=\"primary\" onClick={() => onSubmit()} size=\"large\">\n <Icon />\n </IconButton>\n);\n\nconst MyInput = ({\n id,\n label,\n placeholder,\n leftIcon,\n rightIcon,\n value,\n type,\n onChange,\n onSubmit,\n fullWidth,\n withValidationIcon,\n textFieldProps,\n inputProps,\n endAdornment,\n}) => {\n const classes = useStyles();\n const startAdornment = R.isNil(leftIcon) ? null : (\n <InputAdornment position=\"start\">\n <LefttIcon Icon={leftIcon} />\n </InputAdornment>\n );\n const endMyadornment = R.or(withValidationIcon, !R.isNil(rightIcon)) ? (\n <InputAdornment position=\"end\" className={cx({ [classes.visibility]: R.isEmpty(value) })}>\n <RightIcon onSubmit={onSubmit} Icon={rightIcon} />\n </InputAdornment>\n ) : null;\n\n const onEnterLabel = (event) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n if (R.is(Function, onSubmit)) {\n onSubmit();\n }\n }\n };\n\n return (\n <TextField\n data-testid=\"input-test-id\"\n margin=\"dense\"\n fullWidth={fullWidth}\n id={id}\n type={type}\n label={label}\n value={value}\n variant=\"outlined\"\n placeholder={placeholder}\n onChange={(e) => onChange(e.target.value)}\n onKeyDown={onEnterLabel}\n InputProps={{\n startAdornment,\n endAdornment: R.isNil(endAdornment) ? endMyadornment : endAdornment,\n }}\n inputProps={inputProps}\n {...textFieldProps}\n />\n );\n};\n\nexport const Input = withInput(MyInput);\n"],"names":[],"mappings":";;;;;;;;;;;AAUA,MAAM,SAAA,GAAY,WAAW,OAAO;AAAA,EAClC,UAAA,EAAY;AAAA,IACV,UAAA,EAAY;AAAA;AAEhB,CAAA,CAAE,CAAA;AAEF,MAAM,YAAY,CAAC,EAAE,IAAA,EAAK,yBAAO,IAAA,EAAA,EAAK,CAAA;AAEtC,MAAM,YAAY,CAAC,EAAE,UAAU,IAAA,GAAO,IAAA,uBACpC,GAAA,CAAC,UAAA,EAAA,EAAW,OAAM,SAAA,EAAU,OAAA,EAAS,MAAM,QAAA,EAAS,EAAG,MAAK,OAAA,EAC1D,QAAA,kBAAA,GAAA,CAAC,QAAK,CAAA,EACR,CAAA;AAGF,MAAM,UAAU,CAAC;AAAA,EACf,EAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,kBAAA;AAAA,EACA,cAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,cAAA,GAAiB,CAAA,CAAE,KAAA,CAAM,QAAQ,IAAI,IAAA,mBACzC,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAS,OAAA,EACvB,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAM,UAAU,CAAA,EAC7B,CAAA;AAEF,EAAA,MAAM,cAAA,GAAiB,CAAA,CAAE,EAAA,CAAG,kBAAA,EAAoB,CAAC,CAAA,CAAE,KAAA,CAAM,SAAS,CAAC,CAAA,mBACjE,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAS,OAAM,SAAA,EAAW,EAAA,CAAG,EAAE,CAAC,OAAA,CAAQ,UAAU,GAAG,CAAA,CAAE,QAAQ,KAAK,CAAA,EAAG,CAAA,EACrF,8BAAC,SAAA,EAAA,EAAU,QAAA,EAAoB,IAAA,EAAM,SAAA,EAAW,GAClD,CAAA,GACE,IAAA;AAEJ,EAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAU;AAC9B,IAAA,IAAI,KAAA,CAAM,QAAQ,OAAA,EAAS;AACzB,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,IAAI,CAAA,CAAE,EAAA,CAAG,QAAA,EAAU,QAAQ,CAAA,EAAG;AAC5B,QAAA,QAAA,EAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,aAAA,EAAY,eAAA;AAAA,MACZ,MAAA,EAAO,OAAA;AAAA,MACP,SAAA;AAAA,MACA,EAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,OAAA,EAAQ,UAAA;AAAA,MACR,WAAA;AAAA,MACA,UAAU,CAAC,CAAA,KAAM,QAAA,CAAS,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,MACxC,SAAA,EAAW,YAAA;AAAA,MACX,UAAA,EAAY;AAAA,QACV,cAAA;AAAA,QACA,YAAA,EAAc,CAAA,CAAE,KAAA,CAAM,YAAY,IAAI,cAAA,GAAiB;AAAA,OACzD;AAAA,MACA,UAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ,CAAA;AAEO,MAAM,KAAA,GAAQ,UAAU,OAAO;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.js","sources":["../../src/InputNumber/InputNumber.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport TextField from '@mui/material/TextField';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\nimport { Help } from '@mui/icons-material';\nimport { Tooltip } from '../Tooltip/Tooltip';\nimport { withBlank } from '../utils';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(0.5),\n alignItems: 'center',\n },\n textField: {\n margin: '0px 10px 0 10px',\n },\n input: {\n padding: '4px 4px',\n height: 27,\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 icon: {\n marginLeft: theme.spacing(0.5),\n },\n}));\n\nconst CustomInputNumber = ({\n value,\n onChange,\n beforeLabel,\n afterLabel,\n popperLabel,\n placeholder = '--',\n textFieldProps,\n ariaLabel,\n}) => {\n const classes = useStyles();\n\n const _value = R.anyPass([R.isEmpty, R.isNil, nb => R.lte(Number(nb), 0)])(value) ? '' : value;\n\n return (\n <div data-testid=\"input-number-test-id\" className={classes.root}>\n {beforeLabel && (\n <Typography variant=\"body2\" aria-label={beforeLabel} tabIndex={-1}>\n {beforeLabel}\n </Typography>\n )}\n <TextField\n className={classes.textField}\n inputProps={{\n min: 0,\n step: 1,\n className: classes.input,\n 'aria-label': ariaLabel,\n }}\n placeholder={placeholder}\n onChange={e => onChange(e.target.value)}\n type=\"number\"\n value={_value}\n variant=\"outlined\"\n {...textFieldProps}\n />\n {R.not(R.isNil(afterLabel)) && (\n <Typography variant=\"body2\" aria-label={afterLabel} tabIndex={0}>\n {afterLabel}\n </Typography>\n )}\n {R.not(R.isNil(popperLabel)) && (\n <Tooltip\n className={cx(classes.icon)}\n title={popperLabel}\n aria-label={popperLabel}\n variant=\"light\"\n tabIndex={0}\n >\n <Help />\n </Tooltip>\n )}\n </div>\n );\n};\n\nexport const InputNumber = withBlank(({ isBlank }) => ({ isBlank }))(CustomInputNumber);\n"],"names":[],"mappings":";;;;;;;;;;;AAUA,MAAM,SAAA,GAAY,
|
|
1
|
+
{"version":3,"file":"InputNumber.js","sources":["../../src/InputNumber/InputNumber.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport TextField from '@mui/material/TextField';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\nimport { Help } from '@mui/icons-material';\nimport { Tooltip } from '../Tooltip/Tooltip';\nimport { withBlank } from '../utils';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n marginTop: theme.spacing(1),\n marginBottom: theme.spacing(0.5),\n alignItems: 'center',\n },\n textField: {\n margin: '0px 10px 0 10px',\n },\n input: {\n padding: '4px 4px',\n height: 27,\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 icon: {\n marginLeft: theme.spacing(0.5),\n },\n}));\n\nconst CustomInputNumber = ({\n value,\n onChange,\n beforeLabel,\n afterLabel,\n popperLabel,\n placeholder = '--',\n textFieldProps,\n ariaLabel,\n}) => {\n const classes = useStyles();\n\n const _value = R.anyPass([R.isEmpty, R.isNil, (nb) => R.lte(Number(nb), 0)])(value) ? '' : value;\n\n return (\n <div data-testid=\"input-number-test-id\" className={classes.root}>\n {beforeLabel && (\n <Typography variant=\"body2\" aria-label={beforeLabel} tabIndex={-1}>\n {beforeLabel}\n </Typography>\n )}\n <TextField\n className={classes.textField}\n inputProps={{\n min: 0,\n step: 1,\n className: classes.input,\n 'aria-label': ariaLabel,\n }}\n placeholder={placeholder}\n onChange={(e) => onChange(e.target.value)}\n type=\"number\"\n value={_value}\n variant=\"outlined\"\n {...textFieldProps}\n />\n {R.not(R.isNil(afterLabel)) && (\n <Typography variant=\"body2\" aria-label={afterLabel} tabIndex={0}>\n {afterLabel}\n </Typography>\n )}\n {R.not(R.isNil(popperLabel)) && (\n <Tooltip\n className={cx(classes.icon)}\n title={popperLabel}\n aria-label={popperLabel}\n variant=\"light\"\n tabIndex={0}\n >\n <Help />\n </Tooltip>\n )}\n </div>\n );\n};\n\nexport const InputNumber = withBlank(({ isBlank }) => ({ isBlank }))(CustomInputNumber);\n"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelDivider.js","sources":["../../src/LabelDivider/LabelDivider.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\n\nconst useStyles = makeStyles(theme => ({\n hr: {\n display: 'flex',\n color: theme.palette.getContrastText(\n R.path(['palette', 'tertiary', 'main'], theme) || theme.palette.common.black
|
|
1
|
+
{"version":3,"file":"LabelDivider.js","sources":["../../src/LabelDivider/LabelDivider.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\n\nconst useStyles = makeStyles((theme) => ({\n hr: {\n display: 'flex',\n color: theme.palette.getContrastText(\n R.path(['palette', 'tertiary', 'main'], theme) || theme.palette.common.black\n ),\n alignItems: 'center',\n textAlign: 'center',\n '&::before, &::after': {\n content: 'close-quote',\n flex: 1,\n borderTop: '.0625em solid',\n margin: '0.5em',\n },\n ...R.pathOr({}, ['mixins', 'labelDivider', 'root'], theme),\n },\n margin: {\n marginTop: theme.spacing(1.25),\n marginBottom: theme.spacing(1.25),\n },\n}));\n\nexport const LabelDivider = ({ label, color, withMargin }) => {\n const classes = useStyles();\n return (\n <Typography className={cx(classes.hr, { [classes.margin]: withMargin })} style={{ color }}>\n {label}\n </Typography>\n );\n};\n"],"names":[],"mappings":";;;;;;;AAMA,MAAM,SAAA,GAAY,UAAA,CAAW,CAAC,KAAA,MAAW;AAAA,EACvC,EAAA,EAAI;AAAA,IACF,OAAA,EAAS,MAAA;AAAA,IACT,KAAA,EAAO,MAAM,OAAA,CAAQ,eAAA;AAAA,MACnB,CAAA,CAAE,IAAA,CAAK,CAAC,SAAA,EAAW,UAAA,EAAY,MAAM,CAAA,EAAG,KAAK,CAAA,IAAK,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO;AAAA,KACzE;AAAA,IACA,UAAA,EAAY,QAAA;AAAA,IACZ,SAAA,EAAW,QAAA;AAAA,IACX,qBAAA,EAAuB;AAAA,MACrB,OAAA,EAAS,aAAA;AAAA,MACT,IAAA,EAAM,CAAA;AAAA,MACN,SAAA,EAAW,eAAA;AAAA,MACX,MAAA,EAAQ;AAAA,KACV;AAAA,IACA,GAAG,CAAA,CAAE,MAAA,CAAO,EAAC,EAAG,CAAC,QAAA,EAAU,cAAA,EAAgB,MAAM,CAAA,EAAG,KAAK;AAAA,GAC3D;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,IAAI,CAAA;AAAA,IAC7B,YAAA,EAAc,KAAA,CAAM,OAAA,CAAQ,IAAI;AAAA;AAEpC,CAAA,CAAE,CAAA;AAEK,MAAM,eAAe,CAAC,EAAE,KAAA,EAAO,KAAA,EAAO,YAAW,KAAM;AAC5D,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,2BACG,UAAA,EAAA,EAAW,SAAA,EAAW,GAAG,OAAA,CAAQ,EAAA,EAAI,EAAE,CAAC,OAAA,CAAQ,MAAM,GAAG,YAAY,CAAA,EAAG,OAAO,EAAE,KAAA,IAC/E,QAAA,EAAA,KAAA,EACH,CAAA;AAEJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.js","sources":["../../src/Loading/Loading.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\n\nconst useStyles = makeStyles(theme => ({\n root: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%',\n justifyContent: 'center',\n alignItems: 'center',\n },\n circularProgress: {\n width: '48px',\n height: ' 48px',\n borderStyle: 'solid',\n borderWidth: '5px',\n borderRadius: '50%',\n display: 'inline-block',\n boxSizing: 'border-box',\n animation: `$rotate 1s linear infinite`,\n margin: theme.spacing(2),\n borderBottomColor: 'transparent !important',\n },\n '@keyframes rotate': {\n '0%': {\n transform: 'rotate(0deg)',\n },\n '100%': {\n transform: 'rotate(360deg)',\n },\n },\n warning: {\n borderColor: theme.palette.warning.main,\n },\n primaryColor: {\n borderColor: theme.palette.primary.main,\n },\n secondaryColor: {\n borderColor: theme.palette.secondary.main,\n },\n}));\n\nexport const Loading = ({ message, isWarning = false, variant = 'primary', color }) => {\n const classes = useStyles();\n\n return (\n <div className={classes.root}>\n <div\n style={{ color: R.isNil(color) ? undefined : color }}\n className={cx(classes.circularProgress, {\n [classes[`${variant}Color`]]: !R.isNil(variant) && R.isNil(color) && !isWarning,\n [classes.warning]: isWarning,\n })}\n />\n <Typography variant=\"subtitle1\" noWrap align=\"center\">\n {message}\n </Typography>\n </div>\n );\n};\n\nLoading.propTypes = {\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n variant: PropTypes.string,\n color: PropTypes.string,\n isWarning: PropTypes.bool,\n};\n"],"names":[],"mappings":";;;;;;;;AAOA,MAAM,SAAA,GAAY,
|
|
1
|
+
{"version":3,"file":"Loading.js","sources":["../../src/Loading/Loading.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport cx from 'classnames';\nimport PropTypes from 'prop-types';\nimport makeStyles from '@mui/styles/makeStyles';\nimport Typography from '@mui/material/Typography';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n height: '100%',\n justifyContent: 'center',\n alignItems: 'center',\n },\n circularProgress: {\n width: '48px',\n height: ' 48px',\n borderStyle: 'solid',\n borderWidth: '5px',\n borderRadius: '50%',\n display: 'inline-block',\n boxSizing: 'border-box',\n animation: `$rotate 1s linear infinite`,\n margin: theme.spacing(2),\n borderBottomColor: 'transparent !important',\n },\n '@keyframes rotate': {\n '0%': {\n transform: 'rotate(0deg)',\n },\n '100%': {\n transform: 'rotate(360deg)',\n },\n },\n warning: {\n borderColor: theme.palette.warning.main,\n },\n primaryColor: {\n borderColor: theme.palette.primary.main,\n },\n secondaryColor: {\n borderColor: theme.palette.secondary.main,\n },\n}));\n\nexport const Loading = ({ message, isWarning = false, variant = 'primary', color }) => {\n const classes = useStyles();\n\n return (\n <div className={classes.root}>\n <div\n style={{ color: R.isNil(color) ? undefined : color }}\n className={cx(classes.circularProgress, {\n [classes[`${variant}Color`]]: !R.isNil(variant) && R.isNil(color) && !isWarning,\n [classes.warning]: isWarning,\n })}\n />\n <Typography variant=\"subtitle1\" noWrap align=\"center\">\n {message}\n </Typography>\n </div>\n );\n};\n\nLoading.propTypes = {\n message: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n variant: PropTypes.string,\n color: PropTypes.string,\n isWarning: PropTypes.bool,\n};\n"],"names":[],"mappings":";;;;;;;;AAOA,MAAM,SAAA,GAAY,UAAA,CAAW,CAAC,KAAA,MAAW;AAAA,EACvC,IAAA,EAAM;AAAA,IACJ,OAAA,EAAS,MAAA;AAAA,IACT,aAAA,EAAe,QAAA;AAAA,IACf,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,MAAA;AAAA,IACR,cAAA,EAAgB,QAAA;AAAA,IAChB,UAAA,EAAY;AAAA,GACd;AAAA,EACA,gBAAA,EAAkB;AAAA,IAChB,KAAA,EAAO,MAAA;AAAA,IACP,MAAA,EAAQ,OAAA;AAAA,IACR,WAAA,EAAa,OAAA;AAAA,IACb,WAAA,EAAa,KAAA;AAAA,IACb,YAAA,EAAc,KAAA;AAAA,IACd,OAAA,EAAS,cAAA;AAAA,IACT,SAAA,EAAW,YAAA;AAAA,IACX,SAAA,EAAW,CAAA,0BAAA,CAAA;AAAA,IACX,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,IACvB,iBAAA,EAAmB;AAAA,GACrB;AAAA,EACA,mBAAA,EAAqB;AAAA,IACnB,IAAA,EAAM;AAAA,MACJ,SAAA,EAAW;AAAA,KACb;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,SAAA,EAAW;AAAA;AACb,GACF;AAAA,EACA,OAAA,EAAS;AAAA,IACP,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA,GACrC;AAAA,EACA,YAAA,EAAc;AAAA,IACZ,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA,GACrC;AAAA,EACA,cAAA,EAAgB;AAAA,IACd,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,SAAA,CAAU;AAAA;AAEzC,CAAA,CAAE,CAAA;AAEK,MAAM,OAAA,GAAU,CAAC,EAAE,OAAA,EAAS,YAAY,KAAA,EAAO,OAAA,GAAU,SAAA,EAAW,KAAA,EAAM,KAAM;AACrF,EAAA,MAAM,UAAU,SAAA,EAAU;AAE1B,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,IAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,CAAE,MAAM,KAAK,CAAA,GAAI,SAAY,KAAA,EAAM;AAAA,QACnD,SAAA,EAAW,EAAA,CAAG,OAAA,CAAQ,gBAAA,EAAkB;AAAA,UACtC,CAAC,OAAA,CAAQ,CAAA,EAAG,OAAO,CAAA,KAAA,CAAO,CAAC,GAAG,CAAC,CAAA,CAAE,KAAA,CAAM,OAAO,CAAA,IAAK,CAAA,CAAE,KAAA,CAAM,KAAK,KAAK,CAAC,SAAA;AAAA,UACtE,CAAC,OAAA,CAAQ,OAAO,GAAG;AAAA,SACpB;AAAA;AAAA,KACH;AAAA,oBACA,GAAA,CAAC,cAAW,OAAA,EAAQ,WAAA,EAAY,QAAM,IAAA,EAAC,KAAA,EAAM,UAC1C,QAAA,EAAA,OAAA,EACH;AAAA,GAAA,EACF,CAAA;AAEJ;AAEA,OAAA,CAAQ,SAAA,GAAY;AAAA,EAClB,OAAA,EAAS,UAAU,SAAA,CAAU,CAAC,UAAU,MAAA,EAAQ,SAAA,CAAU,OAAO,CAAC,CAAA;AAAA,EAClE,SAAS,SAAA,CAAU,MAAA;AAAA,EACnB,OAAO,SAAA,CAAU,MAAA;AAAA,EACjB,WAAW,SAAA,CAAU;AACvB,CAAA;;;;"}
|
package/dist/Mode/Mode.js
CHANGED
|
@@ -6,7 +6,7 @@ import RadioGroup from '@mui/material/RadioGroup';
|
|
|
6
6
|
import FormControlLabel from '@mui/material/FormControlLabel';
|
|
7
7
|
import Radio from '@mui/material/Radio';
|
|
8
8
|
import { Tooltip } from '../Tooltip/Tooltip.js';
|
|
9
|
-
import { u as useKeyboardEscapeHandler } from '../chunks/useKeybordEscapeHandler-
|
|
9
|
+
import { u as useKeyboardEscapeHandler } from '../chunks/useKeybordEscapeHandler-DZZOPw7k.js';
|
|
10
10
|
|
|
11
11
|
const useStyles = makeStyles((theme) => ({
|
|
12
12
|
title: {
|
|
@@ -39,11 +39,12 @@ const Warning = ({ title, children }) => {
|
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
41
|
};
|
|
42
|
+
const EMPTY_MODES = [];
|
|
42
43
|
const Mode = ({
|
|
43
44
|
changeMode,
|
|
44
45
|
placement = "end",
|
|
45
46
|
mode,
|
|
46
|
-
modes =
|
|
47
|
+
modes = EMPTY_MODES,
|
|
47
48
|
isSmall = false,
|
|
48
49
|
children
|
|
49
50
|
}) => {
|
|
@@ -76,9 +77,9 @@ const Mode = ({
|
|
|
76
77
|
] }),
|
|
77
78
|
labelPlacement: placement,
|
|
78
79
|
value,
|
|
80
|
+
role: "radio",
|
|
79
81
|
disabled: disabled || false,
|
|
80
|
-
style: { height: isSmall ? "25px" : null }
|
|
81
|
-
role: "radio"
|
|
82
|
+
style: { height: isSmall ? "25px" : null }
|
|
82
83
|
},
|
|
83
84
|
`${value}-${idx}`
|
|
84
85
|
))(modes)
|
package/dist/Mode/Mode.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mode.js","sources":["../../src/Mode/Mode.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport { Tooltip } from '../Tooltip/Tooltip';\nimport useKeyboardEscapeHandler from '../hooks/useKeybordEscapeHandler';\n\nconst useStyles = makeStyles(theme => ({\n title: {\n padding: 0,\n ...R.pathOr({}, ['mixins', 'share', 'title'], theme),\n },\n label: theme.typography.body2,\n icon: {\n marginLeft: theme.spacing(0.5),\n },\n radioGroup: {\n alignContent: 'flex-start',\n },\n}));\n\nconst Warning = ({ title, children }) => {\n const classes = useStyles();\n const { open, setOpen } = useKeyboardEscapeHandler();\n\n return (\n <Tooltip\n className={classes.icon}\n title={title}\n variant=\"light\"\n aria-label={title}\n aria-hidden={false}\n open={open}\n onOpen={() => setOpen(true)}\n onClose={() => setOpen(false)}\n >\n {children}\n </Tooltip>\n );\n};\n\nexport const Mode = ({\n changeMode,\n placement = 'end',\n mode,\n modes =
|
|
1
|
+
{"version":3,"file":"Mode.js","sources":["../../src/Mode/Mode.jsx"],"sourcesContent":["import React from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport RadioGroup from '@mui/material/RadioGroup';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Radio from '@mui/material/Radio';\nimport { Tooltip } from '../Tooltip/Tooltip';\nimport useKeyboardEscapeHandler from '../hooks/useKeybordEscapeHandler';\n\nconst useStyles = makeStyles((theme) => ({\n title: {\n padding: 0,\n ...R.pathOr({}, ['mixins', 'share', 'title'], theme),\n },\n label: theme.typography.body2,\n icon: {\n marginLeft: theme.spacing(0.5),\n },\n radioGroup: {\n alignContent: 'flex-start',\n },\n}));\n\nconst Warning = ({ title, children }) => {\n const classes = useStyles();\n const { open, setOpen } = useKeyboardEscapeHandler();\n\n return (\n <Tooltip\n className={classes.icon}\n title={title}\n variant=\"light\"\n aria-label={title}\n aria-hidden={false}\n open={open}\n onOpen={() => setOpen(true)}\n onClose={() => setOpen(false)}\n >\n {children}\n </Tooltip>\n );\n};\n\nconst EMPTY_MODES = [];\n\nexport const Mode = ({\n changeMode,\n placement = 'end',\n mode,\n modes = EMPTY_MODES,\n isSmall = false,\n children,\n}) => {\n const classes = useStyles();\n const mapIndexed = R.addIndex(R.map);\n return (\n <RadioGroup\n onChange={(e) => changeMode(e.target.value)}\n value={mode}\n className={classes.radioGroup}\n tabIndex={0}\n >\n {mapIndexed(({ label, value, popperLabel, disabled }, idx) => (\n <FormControlLabel\n classes={{ label: classes.label }}\n key={`${value}-${idx}`}\n checked={mode === value}\n control={\n <Radio\n variant=\"outlined\"\n color=\"primary\"\n size={isSmall ? 'small' : 'medium'}\n inputProps={{ tabIndex: '0', id: `${label}_${idx}` }}\n />\n }\n label={\n <span id={label}>\n {label}\n {popperLabel && <Warning title={popperLabel}>{children}</Warning>}\n </span>\n }\n labelPlacement={placement}\n value={value}\n // eslint-disable-next-line jsx-a11y/prefer-tag-over-role, jsx-a11y/role-has-required-aria-props\n role=\"radio\"\n disabled={disabled || false}\n style={{ height: isSmall ? '25px' : null }}\n />\n ))(modes)}\n </RadioGroup>\n );\n};\n"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { useState, useEffect } from 'react';
|
|
3
|
-
import 'prop-types';
|
|
4
3
|
import * as R from 'ramda';
|
|
5
4
|
import makeStyles from '@mui/styles/makeStyles';
|
|
6
5
|
import { LastPage, FirstPage, KeyboardArrowRight, KeyboardArrowLeft } from '@mui/icons-material';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../src/Pagination/Pagination.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../src/Pagination/Pagination.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport * as R from 'ramda';\nimport makeStyles from '@mui/styles/makeStyles';\nimport { FirstPage, KeyboardArrowLeft, KeyboardArrowRight, LastPage } from '@mui/icons-material';\nimport IconButton from '@mui/material/IconButton';\nimport TextField from '@mui/material/TextField';\nimport Typography from '@mui/material/Typography';\nimport { useTheme } from '@mui/material/styles';\nimport { withBlank } from '../utils';\n\nconst useStyles = makeStyles((theme) => ({\n container: {\n alignItems: 'center',\n display: 'flex',\n userSelect: 'none',\n },\n input: {\n width: 40,\n marginBottom: '0 !important',\n marginTop: '0 !important',\n marginLeft: theme.spacing(0.5),\n marginRight: theme.spacing(0.5),\n padding: '0 !important',\n justifyContent: 'center',\n '& fieldset': {\n padding: '0 !important',\n },\n '& input': {\n padding: '0 !important',\n height: 24,\n textAlign: 'center',\n },\n },\n innerInput: {\n fontSize: theme.typography.fontSize,\n },\n}));\n\nconst PageForm = ({ labels, page, pages, onSubmit }) => {\n const classes = useStyles();\n const [value, changeValue] = useState(page);\n\n const changePageFor = (number) => {\n if (R.isEmpty(R.match(/^[0-9]*$/g, number))) return;\n return changeValue(number);\n };\n\n useEffect(() => {\n changeValue(page);\n }, [page]);\n\n const onEnterLabel = (event) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n if (R.is(Function, onSubmit)) {\n const intValue = parseInt(event.target.value);\n if (isNaN(intValue)) return;\n if (intValue > pages) return;\n onSubmit(intValue);\n }\n }\n };\n\n return (\n <div className={classes.container}>\n <Typography variant=\"body2\" tabIndex={0}>\n {R.prop('page', labels)}\n </Typography>\n <TextField\n inputProps={{\n 'aria-label': R.prop('page', labels),\n className: classes.innerInput,\n }}\n className={classes.input}\n value={value}\n disabled={pages === 1}\n onChange={(e) => changePageFor(e.target.value)}\n onKeyPress={onEnterLabel}\n type=\"text\"\n variant=\"outlined\"\n />\n <Typography variant=\"body2\" tabIndex={0}>{`${R.prop('of', labels)} ${pages}`}</Typography>\n </div>\n );\n};\n\nconst CustomPagination = ({ labels, page, pages, onChange, onSubmit }) => {\n const classes = useStyles();\n const theme = useTheme();\n return (\n <div data-testid=\"pagination-test-id\" className={classes.container}>\n <IconButton\n className={classes.iconButton}\n disabled={page === 1}\n color=\"primary\"\n onClick={() => onChange(1)}\n aria-label={R.prop('startPage', labels)}\n size=\"small\"\n >\n {theme.direction === 'rtl' ? <LastPage /> : <FirstPage />}\n </IconButton>\n <IconButton\n className={classes.iconButton}\n disabled={page === 1}\n color=\"primary\"\n onClick={() => onChange(page - 1)}\n aria-label={R.prop('previousPage', labels)}\n size=\"small\"\n >\n {theme.direction === 'rtl' ? <KeyboardArrowRight /> : <KeyboardArrowLeft />}\n </IconButton>\n <PageForm labels={labels} page={page} pages={pages} onSubmit={onSubmit} />\n <IconButton\n className={classes.iconButton}\n disabled={page === pages}\n color=\"primary\"\n onClick={() => onChange(page + 1)}\n aria-label={R.prop('nextPage', labels)}\n size=\"small\"\n >\n {theme.direction === 'rtl' ? <KeyboardArrowLeft /> : <KeyboardArrowRight />}\n </IconButton>\n <IconButton\n className={classes.iconButton}\n disabled={page === pages}\n color=\"primary\"\n onClick={() => onChange(pages)}\n aria-label={R.prop('endPage', labels)}\n size=\"small\"\n >\n {theme.direction === 'rtl' ? <FirstPage /> : <LastPage />}\n </IconButton>\n </div>\n );\n};\n\nexport const Pagination = withBlank(({ isBlank, pages = 1 }) => ({\n isBlank: R.or(isBlank, R.equals(1, pages)),\n}))(CustomPagination);\n"],"names":[],"mappings":";;;;;;;;;;;AAUA,MAAM,SAAA,GAAY,UAAA,CAAW,CAAC,KAAA,MAAW;AAAA,EACvC,SAAA,EAAW;AAAA,IACT,UAAA,EAAY,QAAA;AAAA,IACZ,OAAA,EAAS,MAAA;AAAA,IACT,UAAA,EAAY;AAAA,GACd;AAAA,EACA,KAAA,EAAO;AAAA,IACL,KAAA,EAAO,EAAA;AAAA,IACP,YAAA,EAAc,cAAA;AAAA,IACd,SAAA,EAAW,cAAA;AAAA,IACX,UAAA,EAAY,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC7B,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,GAAG,CAAA;AAAA,IAC9B,OAAA,EAAS,cAAA;AAAA,IACT,cAAA,EAAgB,QAAA;AAAA,IAChB,YAAA,EAAc;AAAA,MACZ,OAAA,EAAS;AAAA,KACX;AAAA,IACA,SAAA,EAAW;AAAA,MACT,OAAA,EAAS,cAAA;AAAA,MACT,MAAA,EAAQ,EAAA;AAAA,MACR,SAAA,EAAW;AAAA;AACb,GACF;AAAA,EACA,UAAA,EAAY;AAAA,IACV,QAAA,EAAU,MAAM,UAAA,CAAW;AAAA;AAE/B,CAAA,CAAE,CAAA;AAEF,MAAM,WAAW,CAAC,EAAE,QAAQ,IAAA,EAAM,KAAA,EAAO,UAAS,KAAM;AACtD,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,CAAC,KAAA,EAAO,WAAW,CAAA,GAAI,SAAS,IAAI,CAAA;AAE1C,EAAA,MAAM,aAAA,GAAgB,CAAC,MAAA,KAAW;AAChC,IAAA,IAAI,EAAE,OAAA,CAAQ,CAAA,CAAE,MAAM,WAAA,EAAa,MAAM,CAAC,CAAA,EAAG;AAC7C,IAAA,OAAO,YAAY,MAAM,CAAA;AAAA,EAC3B,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,EAClB,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAU;AAC9B,IAAA,IAAI,KAAA,CAAM,QAAQ,OAAA,EAAS;AACzB,MAAA,KAAA,CAAM,cAAA,EAAe;AACrB,MAAA,IAAI,CAAA,CAAE,EAAA,CAAG,QAAA,EAAU,QAAQ,CAAA,EAAG;AAC5B,QAAA,MAAM,QAAA,GAAW,QAAA,CAAS,KAAA,CAAM,MAAA,CAAO,KAAK,CAAA;AAC5C,QAAA,IAAI,KAAA,CAAM,QAAQ,CAAA,EAAG;AACrB,QAAA,IAAI,WAAW,KAAA,EAAO;AACtB,QAAA,QAAA,CAAS,QAAQ,CAAA;AAAA,MACnB;AAAA,IACF;AAAA,EACF,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAA,CAAQ,SAAA,EACtB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,UAAA,EAAA,EAAW,SAAQ,OAAA,EAAQ,QAAA,EAAU,GACnC,QAAA,EAAA,CAAA,CAAE,IAAA,CAAK,MAAA,EAAQ,MAAM,CAAA,EACxB,CAAA;AAAA,oBACA,GAAA;AAAA,MAAC,SAAA;AAAA,MAAA;AAAA,QACC,UAAA,EAAY;AAAA,UACV,YAAA,EAAc,CAAA,CAAE,IAAA,CAAK,MAAA,EAAQ,MAAM,CAAA;AAAA,UACnC,WAAW,OAAA,CAAQ;AAAA,SACrB;AAAA,QACA,WAAW,OAAA,CAAQ,KAAA;AAAA,QACnB,KAAA;AAAA,QACA,UAAU,KAAA,KAAU,CAAA;AAAA,QACpB,UAAU,CAAC,CAAA,KAAM,aAAA,CAAc,CAAA,CAAE,OAAO,KAAK,CAAA;AAAA,QAC7C,UAAA,EAAY,YAAA;AAAA,QACZ,IAAA,EAAK,MAAA;AAAA,QACL,OAAA,EAAQ;AAAA;AAAA,KACV;AAAA,oBACA,GAAA,CAAC,UAAA,EAAA,EAAW,OAAA,EAAQ,OAAA,EAAQ,UAAU,CAAA,EAAI,QAAA,EAAA,CAAA,EAAG,CAAA,CAAE,IAAA,CAAK,IAAA,EAAM,MAAM,CAAC,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,EAAG;AAAA,GAAA,EAC/E,CAAA;AAEJ,CAAA;AAEA,MAAM,gBAAA,GAAmB,CAAC,EAAE,MAAA,EAAQ,MAAM,KAAA,EAAO,QAAA,EAAU,UAAS,KAAM;AACxE,EAAA,MAAM,UAAU,SAAA,EAAU;AAC1B,EAAA,MAAM,QAAQ,QAAA,EAAS;AACvB,EAAA,4BACG,KAAA,EAAA,EAAI,aAAA,EAAY,oBAAA,EAAqB,SAAA,EAAW,QAAQ,SAAA,EACvD,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAA,CAAQ,UAAA;AAAA,QACnB,UAAU,IAAA,KAAS,CAAA;AAAA,QACnB,KAAA,EAAM,SAAA;AAAA,QACN,OAAA,EAAS,MAAM,QAAA,CAAS,CAAC,CAAA;AAAA,QACzB,YAAA,EAAY,CAAA,CAAE,IAAA,CAAK,WAAA,EAAa,MAAM,CAAA;AAAA,QACtC,IAAA,EAAK,OAAA;AAAA,QAEJ,gBAAM,SAAA,KAAc,KAAA,uBAAS,QAAA,EAAA,EAAS,CAAA,uBAAM,SAAA,EAAA,EAAU;AAAA;AAAA,KACzD;AAAA,oBACA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAA,CAAQ,UAAA;AAAA,QACnB,UAAU,IAAA,KAAS,CAAA;AAAA,QACnB,KAAA,EAAM,SAAA;AAAA,QACN,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,GAAO,CAAC,CAAA;AAAA,QAChC,YAAA,EAAY,CAAA,CAAE,IAAA,CAAK,cAAA,EAAgB,MAAM,CAAA;AAAA,QACzC,IAAA,EAAK,OAAA;AAAA,QAEJ,gBAAM,SAAA,KAAc,KAAA,uBAAS,kBAAA,EAAA,EAAmB,CAAA,uBAAM,iBAAA,EAAA,EAAkB;AAAA;AAAA,KAC3E;AAAA,oBACA,GAAA,CAAC,QAAA,EAAA,EAAS,MAAA,EAAgB,IAAA,EAAY,OAAc,QAAA,EAAoB,CAAA;AAAA,oBACxE,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAA,CAAQ,UAAA;AAAA,QACnB,UAAU,IAAA,KAAS,KAAA;AAAA,QACnB,KAAA,EAAM,SAAA;AAAA,QACN,OAAA,EAAS,MAAM,QAAA,CAAS,IAAA,GAAO,CAAC,CAAA;AAAA,QAChC,YAAA,EAAY,CAAA,CAAE,IAAA,CAAK,UAAA,EAAY,MAAM,CAAA;AAAA,QACrC,IAAA,EAAK,OAAA;AAAA,QAEJ,gBAAM,SAAA,KAAc,KAAA,uBAAS,iBAAA,EAAA,EAAkB,CAAA,uBAAM,kBAAA,EAAA,EAAmB;AAAA;AAAA,KAC3E;AAAA,oBACA,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QACC,WAAW,OAAA,CAAQ,UAAA;AAAA,QACnB,UAAU,IAAA,KAAS,KAAA;AAAA,QACnB,KAAA,EAAM,SAAA;AAAA,QACN,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA;AAAA,QAC7B,YAAA,EAAY,CAAA,CAAE,IAAA,CAAK,SAAA,EAAW,MAAM,CAAA;AAAA,QACpC,IAAA,EAAK,OAAA;AAAA,QAEJ,gBAAM,SAAA,KAAc,KAAA,uBAAS,SAAA,EAAA,EAAU,CAAA,uBAAM,QAAA,EAAA,EAAS;AAAA;AAAA;AACzD,GAAA,EACF,CAAA;AAEJ,CAAA;AAEO,MAAM,aAAa,SAAA,CAAU,CAAC,EAAE,OAAA,EAAS,KAAA,GAAQ,GAAE,MAAO;AAAA,EAC/D,OAAA,EAAS,EAAE,EAAA,CAAG,OAAA,EAAS,EAAE,MAAA,CAAO,CAAA,EAAG,KAAK,CAAC;AAC3C,CAAA,CAAE,EAAE,gBAAgB;;;;"}
|
|
@@ -4,12 +4,32 @@ import * as R from 'ramda';
|
|
|
4
4
|
import { getDaysInMonth, getISOWeeksInYear, parseISO, getMonth, format, startOfYear, addQuarters, endOfISOWeekYear, startOfISOWeekYear, addWeeks, isWithinInterval, closestTo, addMonths, startOfISOWeek, endOfISOWeek, getYear, addDays, isSameYear, compareAsc, compareDesc } from 'date-fns';
|
|
5
5
|
import Grid from '@mui/material/Grid';
|
|
6
6
|
import Typography from '@mui/material/Typography';
|
|
7
|
-
import numeral from 'numeral';
|
|
8
7
|
import { Button } from '../Button/Button.js';
|
|
9
8
|
import { Select } from '../Select/Select.js';
|
|
10
9
|
import makeStyles from '@mui/styles/makeStyles';
|
|
10
|
+
import numeral from 'numeral';
|
|
11
11
|
import { w as withBlank } from '../chunks/utils-kslX1mzh.js';
|
|
12
12
|
|
|
13
|
+
const useStyles = makeStyles((theme) => ({
|
|
14
|
+
headerContainer: {
|
|
15
|
+
marginBottom: theme.spacing(0.5),
|
|
16
|
+
},
|
|
17
|
+
sideLabel: {
|
|
18
|
+
display: 'flex',
|
|
19
|
+
alignItems: 'center',
|
|
20
|
+
justifyContent: 'flex-start',
|
|
21
|
+
paddingRight: theme.spacing(0.5),
|
|
22
|
+
paddingBottom: theme.spacing(0.5),
|
|
23
|
+
},
|
|
24
|
+
headerLabel: {
|
|
25
|
+
display: 'flex',
|
|
26
|
+
justifyContent: 'center',
|
|
27
|
+
},
|
|
28
|
+
selectContainer: {
|
|
29
|
+
marginTop: theme.spacing(1),
|
|
30
|
+
},
|
|
31
|
+
}));
|
|
32
|
+
|
|
13
33
|
const YEARS = 'years';
|
|
14
34
|
const SEMESTERS = 'semesters';
|
|
15
35
|
const QUARTERS = 'quarters';
|
|
@@ -116,26 +136,26 @@ const defaultOutputValues = {
|
|
|
116
136
|
const formatOrder = [YEAR, MONTH, DAY, HOUR, MINUTE, FULL_HOUR, QUARTER, WEEK, SEMESTER];
|
|
117
137
|
const defaultfreq = 'A';
|
|
118
138
|
|
|
119
|
-
const isWeekInPreviousYear = date => {
|
|
139
|
+
const isWeekInPreviousYear = (date) => {
|
|
120
140
|
const startIsoWeek = startOfISOWeek(date);
|
|
121
141
|
return R.pipe(
|
|
122
|
-
R.times(n => getYear(addDays(startIsoWeek, n))),
|
|
142
|
+
R.times((n) => getYear(addDays(startIsoWeek, n))),
|
|
123
143
|
R.uniq,
|
|
124
144
|
R.length,
|
|
125
|
-
R.equals(1)
|
|
145
|
+
R.equals(1)
|
|
126
146
|
)(4);
|
|
127
147
|
};
|
|
128
148
|
const supportedFrequenciesKey = R.keys(layoutFrequencies);
|
|
129
149
|
const dec = R.ifElse(R.gte(0), R.identity, R.dec);
|
|
130
150
|
const addSemesters =
|
|
131
151
|
(semester = 0) =>
|
|
132
|
-
date =>
|
|
152
|
+
(date) =>
|
|
133
153
|
addMonths(date, R.multiply(6)(dec(Number(semester))));
|
|
134
154
|
const getSemesterValue = R.ifElse(R.pipe(Number, R.inc, R.gte(6)), R.always(1), R.always(2));
|
|
135
|
-
const getFormat = value => numeral(value).format('[0]0');
|
|
155
|
+
const getFormat = (value) => numeral(value).format('[0]0');
|
|
136
156
|
const getHour = R.pipe(R.pick([HOUR, FULL_HOUR]), R.values, R.head);
|
|
137
157
|
const getRanges = (value = [0]) => R.range(R.head(value), R.inc(R.last(value)));
|
|
138
|
-
const setRange = range => prop =>
|
|
158
|
+
const setRange = (range) => (prop) =>
|
|
139
159
|
R.pipe(getRanges, R.prepend(R.prop(prop)(defaultOutputValues)))(R.prop(prop)(range));
|
|
140
160
|
// export const getDestructuringDate = date =>
|
|
141
161
|
// R.pipe(
|
|
@@ -144,17 +164,17 @@ const setRange = range => prop =>
|
|
|
144
164
|
// R.split(' '),
|
|
145
165
|
// R.ifElse(v => R.equals(R.length(formatOrder), R.length(v)), R.map(Number), R.empty),
|
|
146
166
|
// )(date);
|
|
147
|
-
const getDestructuringDate = date => {
|
|
167
|
+
const getDestructuringDate = (date) => {
|
|
148
168
|
if (!date || isNaN(new Date(date))) return [];
|
|
149
169
|
const validDate = typeof date === 'string' ? parseISO(date) : date;
|
|
150
170
|
return R.pipe(
|
|
151
|
-
d => {
|
|
171
|
+
(d) => {
|
|
152
172
|
const semester = getSemesterValue(getMonth(d));
|
|
153
173
|
const formatted = format(d, 'yyyy M d H m HH Q I');
|
|
154
174
|
return `${formatted} ${semester}`;
|
|
155
175
|
},
|
|
156
176
|
R.split(' '),
|
|
157
|
-
R.ifElse(v => R.equals(R.length(formatOrder), R.length(v)), R.map(Number), R.empty)
|
|
177
|
+
R.ifElse((v) => R.equals(R.length(formatOrder), R.length(v)), R.map(Number), R.empty)
|
|
158
178
|
)(validDate);
|
|
159
179
|
};
|
|
160
180
|
|
|
@@ -197,9 +217,9 @@ const getRange = R.curry((boundaries, date) => {
|
|
|
197
217
|
}
|
|
198
218
|
const listEqualsValueFromDate = R.pipe(
|
|
199
219
|
R.transpose,
|
|
200
|
-
R.reduce((acc, [type,
|
|
201
|
-
return { ...acc, [type]: [R.equals(
|
|
202
|
-
}, {})
|
|
220
|
+
R.reduce((acc, [type, value, start, end]) => {
|
|
221
|
+
return { ...acc, [type]: [R.equals(value, start), R.equals(value, end)] };
|
|
222
|
+
}, {})
|
|
203
223
|
)([frequencies, destructuredDate, ...destructuredBoundaries]);
|
|
204
224
|
|
|
205
225
|
const equalsYears = R.prop('years')(listEqualsValueFromDate);
|
|
@@ -220,16 +240,16 @@ const getRange = R.curry((boundaries, date) => {
|
|
|
220
240
|
[HOURS]: hoursRange,
|
|
221
241
|
[FULL_HOURS]: hoursRange,
|
|
222
242
|
[MONTHS]: R.addIndex(R.map)((value, index) =>
|
|
223
|
-
updateLimit(R.nth(index)(months), R.nth(index, equalsYears), value)
|
|
243
|
+
updateLimit(R.nth(index)(months), R.nth(index, equalsYears), value)
|
|
224
244
|
)([1, 12]),
|
|
225
245
|
[WEEKS]: R.addIndex(R.map)((value, index) =>
|
|
226
|
-
updateLimit(R.nth(index)(weeks), R.nth(index, equalsYears), value)
|
|
246
|
+
updateLimit(R.nth(index)(weeks), R.nth(index, equalsYears), value)
|
|
227
247
|
)([1, getISOWeeksInYear(date)]),
|
|
228
248
|
[SEMESTERS]: R.addIndex(R.map)((value, index) =>
|
|
229
|
-
updateLimit(R.nth(index)(semesters), R.nth(index, equalsYears), value)
|
|
249
|
+
updateLimit(R.nth(index)(semesters), R.nth(index, equalsYears), value)
|
|
230
250
|
)([1, 2]),
|
|
231
251
|
[QUARTERS]: R.addIndex(R.map)((value, index) =>
|
|
232
|
-
updateLimit(R.nth(index)(quarters), R.nth(index, equalsYears), value)
|
|
252
|
+
updateLimit(R.nth(index)(quarters), R.nth(index, equalsYears), value)
|
|
233
253
|
)([1, 4]),
|
|
234
254
|
[DAYS]: R.addIndex(R.map)((value, index) => {
|
|
235
255
|
const isSamePeriod = R.and(R.nth(index, equalsMonths), R.nth(index, equalsYears));
|
|
@@ -247,29 +267,29 @@ const getRange = R.curry((boundaries, date) => {
|
|
|
247
267
|
};
|
|
248
268
|
});
|
|
249
269
|
|
|
250
|
-
const getAjustedDate = frequency =>
|
|
270
|
+
const getAjustedDate = (frequency) =>
|
|
251
271
|
R.when(
|
|
252
272
|
R.always(R.or(R.equals('W', frequency), R.equals('B', frequency))),
|
|
253
|
-
R.ifElse(isWeekInPreviousYear, startOfISOWeek, endOfISOWeek)
|
|
273
|
+
R.ifElse(isWeekInPreviousYear, startOfISOWeek, endOfISOWeek)
|
|
254
274
|
);
|
|
255
275
|
|
|
256
276
|
const isValidNumber = R.both(R.is(Number), R.complement(R.equals(NaN)));
|
|
257
|
-
const getDefaultFrequency = ({ defaultFrequency, frequencies }) => {
|
|
277
|
+
const getDefaultFrequency = ({ defaultFrequency, frequencies: availableFrequencies }) => {
|
|
258
278
|
const isNotIncludes = R.complement(R.and)(
|
|
259
|
-
R.includes(defaultFrequency)(
|
|
260
|
-
R.includes(defaultFrequency)(supportedFrequenciesKey)
|
|
279
|
+
R.includes(defaultFrequency)(availableFrequencies),
|
|
280
|
+
R.includes(defaultFrequency)(supportedFrequenciesKey)
|
|
261
281
|
);
|
|
262
282
|
return R.or(R.either(R.isEmpty, R.isNil)(defaultFrequency), isNotIncludes)
|
|
263
|
-
? R.head(
|
|
283
|
+
? R.head(availableFrequencies)
|
|
264
284
|
: defaultFrequency;
|
|
265
285
|
};
|
|
266
286
|
|
|
267
287
|
const getFrequencyOptions = (frequencyoptions, frequencyLabels) => {
|
|
268
288
|
const availableFrequencies = R.or(R.isEmpty(frequencyoptions), R.isNil(frequencyoptions))
|
|
269
289
|
? [defaultfreq]
|
|
270
|
-
: R.filter(freq => R.includes(freq, supportedFrequenciesKey))(frequencyoptions);
|
|
271
|
-
const options = R.map(option => ({ value: option, label: R.prop(option, frequencyLabels) }))(
|
|
272
|
-
availableFrequencies
|
|
290
|
+
: R.filter((freq) => R.includes(freq, supportedFrequenciesKey))(frequencyoptions);
|
|
291
|
+
const options = R.map((option) => ({ value: option, label: R.prop(option, frequencyLabels) }))(
|
|
292
|
+
availableFrequencies
|
|
273
293
|
);
|
|
274
294
|
if (R.isEmpty(options)) return [{ value: 'A', label: R.propOr('Annual', 'A', frequencyLabels) }];
|
|
275
295
|
return options;
|
|
@@ -284,11 +304,11 @@ const getLayout = (type, range) => {
|
|
|
284
304
|
return R.append(
|
|
285
305
|
R.evolve(
|
|
286
306
|
{ values: R.pipe(R.flip(R.prop)(defaultOutputValues), R.flip(R.append)([])) },
|
|
287
|
-
period
|
|
307
|
+
period
|
|
288
308
|
),
|
|
289
|
-
acc
|
|
309
|
+
acc
|
|
290
310
|
);
|
|
291
|
-
}, [])
|
|
311
|
+
}, [])
|
|
292
312
|
)(layoutPeriods);
|
|
293
313
|
};
|
|
294
314
|
|
|
@@ -302,7 +322,7 @@ const getDate = (type, dateValue, value, isEnd) => {
|
|
|
302
322
|
R.over(R.lensProp('month'), R.defaultTo(isEnd ? 12 : 1)),
|
|
303
323
|
R.over(R.lensProp('day'), R.defaultTo(isEnd ? 31 : 1)),
|
|
304
324
|
R.over(R.lensProp('hour'), R.defaultTo(isEnd ? 23 : 0)),
|
|
305
|
-
R.over(R.lensProp('minute'), R.defaultTo(isEnd ? 59 : 0))
|
|
325
|
+
R.over(R.lensProp('minute'), R.defaultTo(isEnd ? 59 : 0))
|
|
306
326
|
)(value);
|
|
307
327
|
const { year, month, day, hour, minute } = dateValueUpdated;
|
|
308
328
|
const date = new Date(year, R.dec(month), day, hour, minute);
|
|
@@ -310,8 +330,8 @@ const getDate = (type, dateValue, value, isEnd) => {
|
|
|
310
330
|
if (R.isEmpty(dateValue) && isEnd) {
|
|
311
331
|
return R.pipe(startOfYear, R.flip(addQuarters)(3))(date);
|
|
312
332
|
}
|
|
313
|
-
return R.pipe(startOfYear,
|
|
314
|
-
addQuarters(
|
|
333
|
+
return R.pipe(startOfYear, (startDate) =>
|
|
334
|
+
addQuarters(startDate, dec(R.propOr(0, QUARTER)(dateValueUpdated)))
|
|
315
335
|
)(date);
|
|
316
336
|
}
|
|
317
337
|
if (R.equals(type, 'S')) {
|
|
@@ -323,27 +343,27 @@ const getDate = (type, dateValue, value, isEnd) => {
|
|
|
323
343
|
if (R.isEmpty(dateValue)) {
|
|
324
344
|
return R.pipe(
|
|
325
345
|
R.ifElse(R.always(isEnd), endOfISOWeekYear, startOfISOWeekYear),
|
|
326
|
-
getAjustedDate(type)
|
|
346
|
+
getAjustedDate(type)
|
|
327
347
|
)(weekDate);
|
|
328
348
|
}
|
|
329
349
|
const weeksInYear = R.dec(getISOWeeksInYear(weekDate));
|
|
330
350
|
const nbWeeks = R.pipe(
|
|
331
351
|
R.propOr(0, WEEK),
|
|
332
352
|
R.dec,
|
|
333
|
-
R.ifElse(R.lt(weeksInYear), R.always(weeksInYear), R.identity)
|
|
353
|
+
R.ifElse(R.lt(weeksInYear), R.always(weeksInYear), R.identity)
|
|
334
354
|
)(dateValueUpdated);
|
|
335
355
|
return R.pipe(
|
|
336
356
|
startOfISOWeekYear,
|
|
337
|
-
|
|
357
|
+
(startDate) => addWeeks(startDate, nbWeeks),
|
|
338
358
|
R.of,
|
|
339
359
|
R.map(getAjustedDate(type)),
|
|
340
|
-
R.head
|
|
360
|
+
R.head
|
|
341
361
|
)(weekDate);
|
|
342
362
|
}
|
|
343
363
|
return date;
|
|
344
364
|
};
|
|
345
365
|
|
|
346
|
-
const getDateInTheRange = boundaries => date => {
|
|
366
|
+
const getDateInTheRange = (boundaries) => (date) => {
|
|
347
367
|
if (R.isNil(date)) return date;
|
|
348
368
|
const [start, end] = boundaries;
|
|
349
369
|
return isWithinInterval(date, { start, end }) ? date : closestTo(date, boundaries);
|
|
@@ -361,29 +381,10 @@ const numeralFormat = {
|
|
|
361
381
|
[MINUTE]: getFormat,
|
|
362
382
|
};
|
|
363
383
|
|
|
364
|
-
const
|
|
365
|
-
headerContainer: {
|
|
366
|
-
marginBottom: theme.spacing(0.5),
|
|
367
|
-
},
|
|
368
|
-
sideLabel: {
|
|
369
|
-
display: 'flex',
|
|
370
|
-
alignItems: 'center',
|
|
371
|
-
justifyContent: 'flex-start',
|
|
372
|
-
paddingRight: theme.spacing(0.5),
|
|
373
|
-
paddingBottom: theme.spacing(0.5),
|
|
374
|
-
},
|
|
375
|
-
headerLabel: {
|
|
376
|
-
display: 'flex',
|
|
377
|
-
justifyContent: 'center',
|
|
378
|
-
},
|
|
379
|
-
selectContainer: {
|
|
380
|
-
marginTop: theme.spacing(1),
|
|
381
|
-
},
|
|
382
|
-
}));
|
|
383
|
-
|
|
384
|
+
const DEFAULT_AVAILABLE_FREQUENCIES = [defaultfreq];
|
|
384
385
|
const CustomPeriodPicker = ({
|
|
385
386
|
defaultFrequency = defaultfreq,
|
|
386
|
-
availableFrequencies =
|
|
387
|
+
availableFrequencies = DEFAULT_AVAILABLE_FREQUENCIES,
|
|
387
388
|
boundaries: _boundaries,
|
|
388
389
|
availableBoundaries: _availableBoundaries,
|
|
389
390
|
changePeriod,
|
|
@@ -447,9 +448,9 @@ const CustomPeriodPicker = ({
|
|
|
447
448
|
const newDate = getDate(frequency, dateValue, selectedValue, getter === "end");
|
|
448
449
|
if (R.is(Function, changePeriod)) {
|
|
449
450
|
return changePeriod(
|
|
450
|
-
R.pipe(R.set(lensIndex, newDate), ([
|
|
451
|
-
getDateInTheRange(startPeriodBoundaries)(
|
|
452
|
-
getDateInTheRange(endPeriodBoundaries)(
|
|
451
|
+
R.pipe(R.set(lensIndex, newDate), ([nextStartDate, nextEndDate]) => [
|
|
452
|
+
getDateInTheRange(startPeriodBoundaries)(nextStartDate),
|
|
453
|
+
getDateInTheRange(endPeriodBoundaries)(nextEndDate)
|
|
453
454
|
])(period)
|
|
454
455
|
);
|
|
455
456
|
}
|
|
@@ -476,15 +477,7 @@ const CustomPeriodPicker = ({
|
|
|
476
477
|
}
|
|
477
478
|
),
|
|
478
479
|
R.not(isPeriodDisabled) && /* @__PURE__ */ jsx(Grid, { container: true, item: true, xs: 12, justifyContent: "space-between", children: R.map(({ getter, layout, label, value, testId, getIsDisabled }) => /* @__PURE__ */ jsxs(Grid, { item: true, xs: 5, "data-testid": testId, justifyContent: "space-between", children: [
|
|
479
|
-
/* @__PURE__ */ jsx(Grid, { container: true, direction: "row", children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, className: classes.sideLabel, children: /* @__PURE__ */ jsx(
|
|
480
|
-
Typography,
|
|
481
|
-
{
|
|
482
|
-
variant: "body2",
|
|
483
|
-
tabIndex: 0,
|
|
484
|
-
"aria-label": label,
|
|
485
|
-
children: label
|
|
486
|
-
}
|
|
487
|
-
) }) }),
|
|
480
|
+
/* @__PURE__ */ jsx(Grid, { container: true, direction: "row", children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, className: classes.sideLabel, children: /* @__PURE__ */ jsx(Typography, { variant: "body2", tabIndex: 0, "aria-label": label, children: label }) }) }),
|
|
488
481
|
/* @__PURE__ */ jsx(Grid, { container: true, direction: "row", children: /* @__PURE__ */ jsx(Grid, { item: true, xs: 12, children: /* @__PURE__ */ jsx(Grid, { container: true, className: classes.headerContainer, spacing: 1, children: R.map(
|
|
489
482
|
(row) => R.map(({ id, values }) => {
|
|
490
483
|
const selectedValue = R.isNil(R.prop(id)(value)) ? R.head(values) : R.prop(id)(value);
|