@hybridcore/ui 1.3.6 → 1.4.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.
Files changed (128) hide show
  1. package/dist/AccordionDetails-CGs6GZQK.js +454 -0
  2. package/dist/Add-eepk2WTM.js +379 -0
  3. package/dist/Box-BPyg-Ybm.js +70 -0
  4. package/dist/Button-DLwB_sKd.js +354 -0
  5. package/dist/{ButtonBase-D6qhsxB0.js → ButtonBase-D0qccOVb.js} +6 -5
  6. package/dist/{CardContent-B8hqgH-I.js → CardContent-DFsCCOWk.js} +4 -4
  7. package/dist/{Checkbox-BFWhj3s-.js → Checkbox-qy3cjvnb.js} +134 -195
  8. package/dist/{Collapse-D_TjnyE5.js → Collapse-CL6LGGZw.js} +68 -75
  9. package/dist/Delete-OHEw9lDi.js +22 -0
  10. package/dist/DialogContent-CxOSq6h9.js +519 -0
  11. package/dist/FormControlLabel-D9KFjcIx.js +193 -0
  12. package/dist/{IconButton-D8bwME9t.js → IconButton-BaiyAtmS.js} +5 -5
  13. package/dist/{Input-Dxzguyp5.js → Input-CmCkXczh.js} +6 -6
  14. package/dist/{InputAdornment-B8ERE7Zv.js → InputAdornment-CZUPEeia.js} +5 -5
  15. package/dist/{FormControl-BMRUQKHh.js → InputLabel-CWkW8NtU.js} +316 -316
  16. package/dist/{List-DEWyK9IO.js → List-PpNAWJ_I.js} +4 -4
  17. package/dist/ListItem-CZbZ91vp.js +428 -0
  18. package/dist/{MenuItem-DstAFfik.js → MenuItem-D-INSvZa.js} +7 -7
  19. package/dist/{Modal-DNGEQJ1M.js → Modal-KrI5qFIq.js} +61 -57
  20. package/dist/{OutlinedInput-w2Cj9STF.js → OutlinedInput-DkIUD30e.js} +6 -6
  21. package/dist/{Paper-BseeergJ.js → Paper-btu3j72o.js} +5 -5
  22. package/dist/{Select-NDq3WyLt.js → Select-ClaBvSqf.js} +20 -18
  23. package/dist/Tabs-BzelDJKy.js +787 -0
  24. package/dist/TextField-D87qTh1k.js +457 -0
  25. package/dist/Typography-Bm7PFqUT.js +176 -0
  26. package/dist/assets/index.css +1 -1
  27. package/dist/assets/index2.css +1 -1
  28. package/dist/components/card/index.js +6 -6
  29. package/dist/components/card/styled.js +1 -1
  30. package/dist/components/collapsible-card/style.js +20 -466
  31. package/dist/components/confirm/dialog.js +8 -149
  32. package/dist/components/confirm/index.js +1 -1
  33. package/dist/components/container/index.js +7 -7
  34. package/dist/components/context-menu/index.js +191 -604
  35. package/dist/components/data-security-selectors/dissemination-list/index.js +12 -6
  36. package/dist/components/data-security-selectors/security-level/index.js +46 -45
  37. package/dist/components/date-time-picker/index.js +85 -64
  38. package/dist/components/geometry-picker/coordinate/index.js +1 -1
  39. package/dist/components/geometry-picker/edit/index.js +16 -16
  40. package/dist/components/geometry-picker/geometry/index.js +35 -35
  41. package/dist/components/geometry-picker/index.js +60 -56
  42. package/dist/components/geometry-picker/kml/index.js +14 -14
  43. package/dist/components/geometry-picker/map/index.js +1 -1
  44. package/dist/components/geometry-picker/map/logic.js +38 -37
  45. package/dist/components/geometry-picker/parser/coordinate-input/logic.js +63 -59
  46. package/dist/components/geometry-picker/parser/logic.js +33 -32
  47. package/dist/components/geometry-picker/styled.js +22 -14
  48. package/dist/components/icon-button/index.js +1 -1
  49. package/dist/components/icon-button/styled.js +0 -2
  50. package/dist/components/{data-management/instance-form → instance-form}/components/composite-list/index.js +2 -2
  51. package/dist/components/{data-management/instance-form → instance-form}/components/composite-list/styled.js +15 -6
  52. package/dist/components/instance-form/components/variable/index.js +19 -0
  53. package/dist/components/instance-form/components/variables/index.js +40 -0
  54. package/dist/components/{data-management/instance-form → instance-form}/index.js +174 -155
  55. package/dist/components/instance-hierarchy-table/index.js +58 -0
  56. package/dist/components/instance-hierarchy-table/styled.js +29 -0
  57. package/dist/components/instance-table/index.js +125 -0
  58. package/dist/components/instance-table/styled.js +13 -0
  59. package/dist/components/map/helpers/ol.js +1 -1
  60. package/dist/components/map/index.js +1 -1
  61. package/dist/components/map/logic.js +1 -1
  62. package/dist/components/map/styled.js +1 -1
  63. package/dist/components/phone-input/index.js +1 -1
  64. package/dist/components/property-mapping/index.js +558 -0
  65. package/dist/components/range-selector/components/composite-list-range/index.js +81 -0
  66. package/dist/components/range-selector/components/date-range/index.js +9 -0
  67. package/dist/components/range-selector/components/geometry-range/index.js +26 -0
  68. package/dist/components/range-selector/components/number-range/index.js +86 -0
  69. package/dist/components/range-selector/components/string-range/index.js +31 -0
  70. package/dist/components/range-selector/index.js +59 -0
  71. package/dist/components/search-input/index.js +4 -4
  72. package/dist/components/tabs/appleTabs.style.js +55 -0
  73. package/dist/components/tabs/index.js +93 -0
  74. package/dist/components/tabs/tab-panel.js +18 -0
  75. package/dist/components/template-form/components/catalogue-instance-selector/index.js +158 -0
  76. package/dist/components/template-form/components/property-list/index.js +72 -0
  77. package/dist/components/template-form/components/property-list/property-list-columns.js +125 -0
  78. package/dist/components/template-form/components/property-list/property-list-form.js +16 -0
  79. package/dist/components/template-form/components/property-list/property-list-logic.js +66 -0
  80. package/dist/components/template-form/components/property-list/types.js +8 -0
  81. package/dist/components/template-form/components/recognition-property-list/index.js +69 -0
  82. package/dist/components/template-form/components/recognition-property-list/recognition-property-list-columns.js +50 -0
  83. package/dist/components/template-form/components/recognition-property-list/recognition-property-list-form.js +174 -0
  84. package/dist/components/template-form/components/recognition-property-list/recognition-property-list-logic.js +64 -0
  85. package/dist/components/template-form/components/recognition-property-list/types.js +8 -0
  86. package/dist/components/template-form/components/select-icon/index.js +186 -0
  87. package/dist/components/template-form/components/select-icon/styled.js +76 -0
  88. package/dist/components/template-form/index.js +338 -0
  89. package/dist/components/template-property-filters/property.js +48 -46
  90. package/dist/components/tree-select/index.js +51 -49
  91. package/dist/components/tree-select/styled.js +2 -2
  92. package/dist/components/treeview-filter/index.js +8 -8
  93. package/dist/components/treeview-filter/item/index.js +1 -1
  94. package/dist/components/treeview-filter/item-label/index.js +18 -17
  95. package/dist/constants/index.js +41 -0
  96. package/dist/{createStyled-B96gjom1.js → createStyled-BzvgQjjR.js} +487 -464
  97. package/dist/createSvgIcon-Cfm1LkEe.js +73 -0
  98. package/dist/{createSvgIcon-BNrb7rDY.js → createSvgIcon-DEXLbMwp.js} +62 -90
  99. package/dist/dialog-v5-nL5yy.js +153 -0
  100. package/dist/{exactProp-CI_rjX83.js → exactProp-DkmnwNVS.js} +3 -3
  101. package/dist/extendSxProp-qqdkfHzS.js +30 -0
  102. package/dist/{index-CSfSVkKj.js → index-B0JPwFI9.js} +6 -5
  103. package/dist/index-C1fczHEW.js +11042 -0
  104. package/dist/index-DPf5olog.js +288 -0
  105. package/dist/{index-JrtqxUdI.js → index-DlnzUkwe.js} +1 -1
  106. package/dist/{listItemTextClasses-CFiI_U7B.js → listItemTextClasses-DsHGzpPM.js} +2 -2
  107. package/dist/main.d.ts +569 -81
  108. package/dist/main.js +157 -157
  109. package/dist/{ol-BUKJ1urU.js → ol-CHaVTXvL.js} +24 -24
  110. package/dist/property-list-form-BfP9gzSo.js +391 -0
  111. package/dist/requirePropFactory-BjhhI-AW.js +18 -0
  112. package/dist/{styled-cPJbqF0E.js → styled-LNCprp4n.js} +24 -22
  113. package/dist/unsupportedProp-BuVD30Gh.js +9 -0
  114. package/dist/useControlled-BYdyS7Pn.js +31 -0
  115. package/dist/{useTheme-C-T6Qisa.js → useTheme-DBiahn6p.js} +2 -2
  116. package/dist/{useThemeProps-DeftUmqJ.js → useThemeProps-uYx_RkOH.js} +16 -14
  117. package/dist/utils/ontology.js +52 -30
  118. package/dist/{utils-CCkxV0lZ.js → utils-DNe_YYjm.js} +16 -16
  119. package/package.json +2 -1
  120. package/dist/DialogContent-BCYm_d1s.js +0 -864
  121. package/dist/FormControlLabel-DENNVXWL.js +0 -639
  122. package/dist/Typography-Dg-ROiTA.js +0 -201
  123. package/dist/components/data-management/instance-form/components/variable/index.js +0 -17
  124. package/dist/components/data-management/instance-form/components/variables/index.js +0 -39
  125. package/dist/createSvgIcon-B2WT0K4k.js +0 -87
  126. package/dist/index-B3Oj04nl.js +0 -287
  127. package/dist/components/{data-management/instance-form → instance-form}/components/policy-list/index.js +0 -0
  128. package/dist/{extends-Cyw62AD_.js → objectWithoutPropertiesLoose-BK36oJDi.js} +9 -9
@@ -1 +1 @@
1
- :root{--PhoneInput-color--focus: #03b2cb;--PhoneInputInternationalIconPhone-opacity: .8;--PhoneInputInternationalIconGlobe-opacity: .65;--PhoneInputCountrySelect-marginRight: .35em;--PhoneInputCountrySelectArrow-width: .3em;--PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);--PhoneInputCountrySelectArrow-borderWidth: 1px;--PhoneInputCountrySelectArrow-opacity: .45;--PhoneInputCountrySelectArrow-color: currentColor;--PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);--PhoneInputCountrySelectArrow-transform: rotate(45deg);--PhoneInputCountryFlag-aspectRatio: 1.5;--PhoneInputCountryFlag-height: 1em;--PhoneInputCountryFlag-borderWidth: 1px;--PhoneInputCountryFlag-borderColor: rgba(0,0,0,.5);--PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);--PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,.1)}.PhoneInput{display:flex;align-items:center}.PhoneInputInput{flex:1;min-width:0}.PhoneInputCountryIcon{width:calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));height:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--square{width:var(--PhoneInputCountryFlag-height)}.PhoneInputCountryIcon--border{background-color:var(--PhoneInputCountryFlag-backgroundColor--loading);box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor)}.PhoneInputCountryIconImg{display:block;width:100%;height:100%}.PhoneInputInternationalIconPhone{opacity:var(--PhoneInputInternationalIconPhone-opacity)}.PhoneInputInternationalIconGlobe{opacity:var(--PhoneInputInternationalIconGlobe-opacity)}.PhoneInputCountry{position:relative;align-self:stretch;display:flex;align-items:center;margin-right:var(--PhoneInputCountrySelect-marginRight)}.PhoneInputCountrySelect{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;border:0;opacity:0;cursor:pointer}.PhoneInputCountrySelect[disabled],.PhoneInputCountrySelect[readonly]{cursor:default}.PhoneInputCountrySelectArrow{display:block;content:"";width:var(--PhoneInputCountrySelectArrow-width);height:var(--PhoneInputCountrySelectArrow-width);margin-left:var(--PhoneInputCountrySelectArrow-marginLeft);border-style:solid;border-color:var(--PhoneInputCountrySelectArrow-color);border-top-width:0;border-bottom-width:var(--PhoneInputCountrySelectArrow-borderWidth);border-left-width:0;border-right-width:var(--PhoneInputCountrySelectArrow-borderWidth);transform:var(--PhoneInputCountrySelectArrow-transform);opacity:var(--PhoneInputCountrySelectArrow-opacity)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon+.PhoneInputCountrySelectArrow{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon--border{box-shadow:0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus)}.PhoneInputCountrySelect:focus+.PhoneInputCountryIcon .PhoneInputInternationalIconGlobe{opacity:1;color:var(--PhoneInputCountrySelectArrow-color--focus)}
1
+ :root,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset}.ol-viewport{touch-action:none}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}
@@ -1,13 +1,13 @@
1
1
  import { jsx as o, jsxs as c } from "react/jsx-runtime";
2
2
  import { Box as p, Avatar as b } from "@mui/material";
3
3
  import { LandscapeCardRoot as A, LandscapeInfoBox as I, LandscapeCardExtraActions as P, PortraitCardRoot as _, PortraitCardExtraActions as L } from "./styled.js";
4
- import { _ as m, a as v } from "../../extends-Cyw62AD_.js";
4
+ import { _ as m, a as v } from "../../objectWithoutPropertiesLoose-BK36oJDi.js";
5
5
  import * as M from "react";
6
- import { P as t } from "../../createStyled-B96gjom1.js";
7
- import { g as w, u as O, c as N, a as S, b as B } from "../../useThemeProps-DeftUmqJ.js";
8
- import { g as T, s as j } from "../../styled-cPJbqF0E.js";
9
- import { C as y } from "../../CardContent-B8hqgH-I.js";
10
- import { T as d } from "../../Typography-Dg-ROiTA.js";
6
+ import { P as t } from "../../createStyled-BzvgQjjR.js";
7
+ import { g as w, u as O, c as N, a as S, b as B } from "../../useThemeProps-uYx_RkOH.js";
8
+ import { g as T, s as j } from "../../styled-LNCprp4n.js";
9
+ import { C as y } from "../../CardContent-DFsCCOWk.js";
10
+ import { T as d } from "../../Typography-Bm7PFqUT.js";
11
11
  function U(e) {
12
12
  return T("MuiCardActions", e);
13
13
  }
@@ -1,5 +1,5 @@
1
1
  import { Card as t, Box as o } from "@mui/material";
2
- import { s as i } from "../../styled-cPJbqF0E.js";
2
+ import { s as i } from "../../styled-LNCprp4n.js";
3
3
  const s = i(t, {
4
4
  name: "SNCard",
5
5
  // The component name
@@ -1,475 +1,29 @@
1
- import L, { jsxs as V, jsx as c } from "react/jsx-runtime";
2
- import { r as F, i as z } from "../../createSvgIcon-B2WT0K4k.js";
3
- import { g as M, s as u } from "../../styled-cPJbqF0E.js";
4
- import { _ as d, a as w } from "../../extends-Cyw62AD_.js";
5
- import * as i from "react";
6
- import { r as H, P as e } from "../../createStyled-B96gjom1.js";
7
- import { g as E, u as I, c as R, b as J, a as $ } from "../../useThemeProps-DeftUmqJ.js";
8
- import { P as K } from "../../Paper-BseeergJ.js";
9
- import { u as Q } from "../../createSvgIcon-BNrb7rDY.js";
10
- import { C as X } from "../../Collapse-D_TjnyE5.js";
11
- import { B as Y } from "../../ButtonBase-D6qhsxB0.js";
12
- var j = {}, Z = z;
13
- Object.defineProperty(j, "__esModule", {
1
+ import i, { jsx as r } from "react/jsx-runtime";
2
+ import { r as n, i as s } from "../../createSvgIcon-Cfm1LkEe.js";
3
+ import { s as o } from "../../styled-LNCprp4n.js";
4
+ import { A as d, a as c, b as u } from "../../AccordionDetails-CGs6GZQK.js";
5
+ var t = {}, p = s;
6
+ Object.defineProperty(t, "__esModule", {
14
7
  value: !0
15
8
  });
16
- var G = j.default = void 0, oo = Z(F()), eo = L;
17
- G = j.default = (0, oo.default)(/* @__PURE__ */ (0, eo.jsx)("path", {
9
+ var a = t.default = void 0, m = p(n()), l = i;
10
+ a = t.default = (0, m.default)(/* @__PURE__ */ (0, l.jsx)("path", {
18
11
  d: "M6.23 20.23 8 22l10-10L8 2 6.23 3.77 14.46 12z"
19
12
  }), "ArrowForwardIosSharp");
20
- const D = /* @__PURE__ */ i.createContext({});
21
- process.env.NODE_ENV !== "production" && (D.displayName = "AccordionContext");
22
- function ro(o) {
23
- return M("MuiAccordion", o);
24
- }
25
- const h = E("MuiAccordion", ["root", "rounded", "expanded", "disabled", "gutters", "region"]), so = ["children", "className", "defaultExpanded", "disabled", "disableGutters", "expanded", "onChange", "square", "TransitionComponent", "TransitionProps"], to = (o) => {
26
- const {
27
- classes: r,
28
- square: s,
29
- expanded: t,
30
- disabled: a,
31
- disableGutters: l
32
- } = o;
33
- return $({
34
- root: ["root", !s && "rounded", t && "expanded", a && "disabled", !l && "gutters"],
35
- region: ["region"]
36
- }, ro, r);
37
- }, no = u(K, {
38
- name: "MuiAccordion",
39
- slot: "Root",
40
- overridesResolver: (o, r) => {
41
- const {
42
- ownerState: s
43
- } = o;
44
- return [{
45
- [`& .${h.region}`]: r.region
46
- }, r.root, !s.square && r.rounded, !s.disableGutters && r.gutters];
47
- }
48
- })(({
49
- theme: o
50
- }) => {
51
- const r = {
52
- duration: o.transitions.duration.shortest
53
- };
54
- return {
55
- position: "relative",
56
- transition: o.transitions.create(["margin"], r),
57
- overflowAnchor: "none",
58
- // Keep the same scrolling position
59
- "&:before": {
60
- position: "absolute",
61
- left: 0,
62
- top: -1,
63
- right: 0,
64
- height: 1,
65
- content: '""',
66
- opacity: 1,
67
- backgroundColor: (o.vars || o).palette.divider,
68
- transition: o.transitions.create(["opacity", "background-color"], r)
69
- },
70
- "&:first-of-type": {
71
- "&:before": {
72
- display: "none"
73
- }
74
- },
75
- [`&.${h.expanded}`]: {
76
- "&:before": {
77
- opacity: 0
78
- },
79
- "&:first-of-type": {
80
- marginTop: 0
81
- },
82
- "&:last-of-type": {
83
- marginBottom: 0
84
- },
85
- "& + &": {
86
- "&:before": {
87
- display: "none"
88
- }
89
- }
90
- },
91
- [`&.${h.disabled}`]: {
92
- backgroundColor: (o.vars || o).palette.action.disabledBackground
93
- }
94
- };
95
- }, ({
96
- theme: o,
97
- ownerState: r
98
- }) => d({}, !r.square && {
99
- borderRadius: 0,
100
- "&:first-of-type": {
101
- borderTopLeftRadius: (o.vars || o).shape.borderRadius,
102
- borderTopRightRadius: (o.vars || o).shape.borderRadius
103
- },
104
- "&:last-of-type": {
105
- borderBottomLeftRadius: (o.vars || o).shape.borderRadius,
106
- borderBottomRightRadius: (o.vars || o).shape.borderRadius,
107
- // Fix a rendering issue on Edge
108
- "@supports (-ms-ime-align: auto)": {
109
- borderBottomLeftRadius: 0,
110
- borderBottomRightRadius: 0
111
- }
112
- }
113
- }, !r.disableGutters && {
114
- [`&.${h.expanded}`]: {
115
- margin: "16px 0"
116
- }
117
- })), P = /* @__PURE__ */ i.forwardRef(function(r, s) {
118
- const t = I({
119
- props: r,
120
- name: "MuiAccordion"
121
- }), {
122
- children: a,
123
- className: l,
124
- defaultExpanded: p = !1,
125
- disabled: f = !1,
126
- disableGutters: b = !1,
127
- expanded: S,
128
- onChange: g,
129
- square: v = !1,
130
- TransitionComponent: C = X,
131
- TransitionProps: A
132
- } = t, N = w(t, so), [n, m] = Q({
133
- controlled: S,
134
- default: p,
135
- name: "Accordion",
136
- state: "expanded"
137
- }), y = i.useCallback((W) => {
138
- m(!n), g && g(W, !n);
139
- }, [n, g, m]), [T, ...B] = i.Children.toArray(a), U = i.useMemo(() => ({
140
- expanded: n,
141
- disabled: f,
142
- disableGutters: b,
143
- toggle: y
144
- }), [n, f, b, y]), _ = d({}, t, {
145
- square: v,
146
- disabled: f,
147
- disableGutters: b,
148
- expanded: n
149
- }), O = to(_);
150
- return /* @__PURE__ */ V(no, d({
151
- className: R(O.root, l),
152
- ref: s,
153
- ownerState: _,
154
- square: v
155
- }, N, {
156
- children: [/* @__PURE__ */ c(D.Provider, {
157
- value: U,
158
- children: T
159
- }), /* @__PURE__ */ c(C, d({
160
- in: n,
161
- timeout: "auto"
162
- }, A, {
163
- children: /* @__PURE__ */ c("div", {
164
- "aria-labelledby": T.props.id,
165
- id: T.props["aria-controls"],
166
- role: "region",
167
- className: O.region,
168
- children: B
169
- })
170
- }))]
171
- }));
172
- });
173
- process.env.NODE_ENV !== "production" && (P.propTypes = {
174
- // ----------------------------- Warning --------------------------------
175
- // | These PropTypes are generated from the TypeScript type definitions |
176
- // | To update them edit the d.ts file and run "yarn proptypes" |
177
- // ----------------------------------------------------------------------
178
- /**
179
- * The content of the component.
180
- */
181
- children: J(e.node.isRequired, (o) => {
182
- const r = i.Children.toArray(o.children)[0];
183
- return H.isFragment(r) ? new Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead.") : /* @__PURE__ */ i.isValidElement(r) ? null : new Error("MUI: Expected the first child of Accordion to be a valid element.");
184
- }),
185
- /**
186
- * Override or extend the styles applied to the component.
187
- */
188
- classes: e.object,
189
- /**
190
- * @ignore
191
- */
192
- className: e.string,
193
- /**
194
- * If `true`, expands the accordion by default.
195
- * @default false
196
- */
197
- defaultExpanded: e.bool,
198
- /**
199
- * If `true`, the component is disabled.
200
- * @default false
201
- */
202
- disabled: e.bool,
203
- /**
204
- * If `true`, it removes the margin between two expanded accordion items and the increase of height.
205
- * @default false
206
- */
207
- disableGutters: e.bool,
208
- /**
209
- * If `true`, expands the accordion, otherwise collapse it.
210
- * Setting this prop enables control over the accordion.
211
- */
212
- expanded: e.bool,
213
- /**
214
- * Callback fired when the expand/collapse state is changed.
215
- *
216
- * @param {React.SyntheticEvent} event The event source of the callback. **Warning**: This is a generic event not a change event.
217
- * @param {boolean} expanded The `expanded` state of the accordion.
218
- */
219
- onChange: e.func,
220
- /**
221
- * If `true`, rounded corners are disabled.
222
- * @default false
223
- */
224
- square: e.bool,
225
- /**
226
- * The system prop that allows defining system overrides as well as additional CSS styles.
227
- */
228
- sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
229
- /**
230
- * The component used for the transition.
231
- * [Follow this guide](/material-ui/transitions/#transitioncomponent-prop) to learn more about the requirements for this component.
232
- * @default Collapse
233
- */
234
- TransitionComponent: e.elementType,
235
- /**
236
- * Props applied to the transition element.
237
- * By default, the element is based on this [`Transition`](http://reactcommunity.org/react-transition-group/transition/) component.
238
- */
239
- TransitionProps: e.object
240
- });
241
- function ao(o) {
242
- return M("MuiAccordionSummary", o);
243
- }
244
- const x = E("MuiAccordionSummary", ["root", "expanded", "focusVisible", "disabled", "gutters", "contentGutters", "content", "expandIconWrapper"]), io = ["children", "className", "expandIcon", "focusVisibleClassName", "onClick"], co = (o) => {
245
- const {
246
- classes: r,
247
- expanded: s,
248
- disabled: t,
249
- disableGutters: a
250
- } = o;
251
- return $({
252
- root: ["root", s && "expanded", t && "disabled", !a && "gutters"],
253
- focusVisible: ["focusVisible"],
254
- content: ["content", s && "expanded", !a && "contentGutters"],
255
- expandIconWrapper: ["expandIconWrapper", s && "expanded"]
256
- }, ao, r);
257
- }, lo = u(Y, {
258
- name: "MuiAccordionSummary",
259
- slot: "Root",
260
- overridesResolver: (o, r) => r.root
261
- })(({
262
- theme: o,
263
- ownerState: r
264
- }) => {
265
- const s = {
266
- duration: o.transitions.duration.shortest
267
- };
268
- return d({
269
- display: "flex",
270
- minHeight: 48,
271
- padding: o.spacing(0, 2),
272
- transition: o.transitions.create(["min-height", "background-color"], s),
273
- [`&.${x.focusVisible}`]: {
274
- backgroundColor: (o.vars || o).palette.action.focus
275
- },
276
- [`&.${x.disabled}`]: {
277
- opacity: (o.vars || o).palette.action.disabledOpacity
278
- },
279
- [`&:hover:not(.${x.disabled})`]: {
280
- cursor: "pointer"
281
- }
282
- }, !r.disableGutters && {
283
- [`&.${x.expanded}`]: {
284
- minHeight: 64
285
- }
286
- });
287
- }), po = u("div", {
288
- name: "MuiAccordionSummary",
289
- slot: "Content",
290
- overridesResolver: (o, r) => r.content
291
- })(({
292
- theme: o,
293
- ownerState: r
294
- }) => d({
295
- display: "flex",
296
- flexGrow: 1,
297
- margin: "12px 0"
298
- }, !r.disableGutters && {
299
- transition: o.transitions.create(["margin"], {
300
- duration: o.transitions.duration.shortest
301
- }),
302
- [`&.${x.expanded}`]: {
303
- margin: "20px 0"
304
- }
305
- })), uo = u("div", {
306
- name: "MuiAccordionSummary",
307
- slot: "ExpandIconWrapper",
308
- overridesResolver: (o, r) => r.expandIconWrapper
309
- })(({
310
- theme: o
311
- }) => ({
312
- display: "flex",
313
- color: (o.vars || o).palette.action.active,
314
- transform: "rotate(0deg)",
315
- transition: o.transitions.create("transform", {
316
- duration: o.transitions.duration.shortest
317
- }),
318
- [`&.${x.expanded}`]: {
319
- transform: "rotate(180deg)"
320
- }
321
- })), q = /* @__PURE__ */ i.forwardRef(function(r, s) {
322
- const t = I({
323
- props: r,
324
- name: "MuiAccordionSummary"
325
- }), {
326
- children: a,
327
- className: l,
328
- expandIcon: p,
329
- focusVisibleClassName: f,
330
- onClick: b
331
- } = t, S = w(t, io), {
332
- disabled: g = !1,
333
- disableGutters: v,
334
- expanded: C,
335
- toggle: A
336
- } = i.useContext(D), N = (y) => {
337
- A && A(y), b && b(y);
338
- }, n = d({}, t, {
339
- expanded: C,
340
- disabled: g,
341
- disableGutters: v
342
- }), m = co(n);
343
- return /* @__PURE__ */ V(lo, d({
344
- focusRipple: !1,
345
- disableRipple: !0,
346
- disabled: g,
347
- component: "div",
348
- "aria-expanded": C,
349
- className: R(m.root, l),
350
- focusVisibleClassName: R(m.focusVisible, f),
351
- onClick: N,
352
- ref: s,
353
- ownerState: n
354
- }, S, {
355
- children: [/* @__PURE__ */ c(po, {
356
- className: m.content,
357
- ownerState: n,
358
- children: a
359
- }), p && /* @__PURE__ */ c(uo, {
360
- className: m.expandIconWrapper,
361
- ownerState: n,
362
- children: p
363
- })]
364
- }));
365
- });
366
- process.env.NODE_ENV !== "production" && (q.propTypes = {
367
- // ----------------------------- Warning --------------------------------
368
- // | These PropTypes are generated from the TypeScript type definitions |
369
- // | To update them edit the d.ts file and run "yarn proptypes" |
370
- // ----------------------------------------------------------------------
371
- /**
372
- * The content of the component.
373
- */
374
- children: e.node,
375
- /**
376
- * Override or extend the styles applied to the component.
377
- */
378
- classes: e.object,
379
- /**
380
- * @ignore
381
- */
382
- className: e.string,
383
- /**
384
- * The icon to display as the expand indicator.
385
- */
386
- expandIcon: e.node,
387
- /**
388
- * This prop can help identify which element has keyboard focus.
389
- * The class name will be applied when the element gains the focus through keyboard interaction.
390
- * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
391
- * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
392
- * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
393
- * if needed.
394
- */
395
- focusVisibleClassName: e.string,
396
- /**
397
- * @ignore
398
- */
399
- onClick: e.func,
400
- /**
401
- * The system prop that allows defining system overrides as well as additional CSS styles.
402
- */
403
- sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
404
- });
405
- function fo(o) {
406
- return M("MuiAccordionDetails", o);
407
- }
408
- E("MuiAccordionDetails", ["root"]);
409
- const mo = ["className"], bo = (o) => {
410
- const {
411
- classes: r
412
- } = o;
413
- return $({
414
- root: ["root"]
415
- }, fo, r);
416
- }, go = u("div", {
417
- name: "MuiAccordionDetails",
418
- slot: "Root",
419
- overridesResolver: (o, r) => r.root
420
- })(({
421
- theme: o
422
- }) => ({
423
- padding: o.spacing(1, 2, 2)
424
- })), k = /* @__PURE__ */ i.forwardRef(function(r, s) {
425
- const t = I({
426
- props: r,
427
- name: "MuiAccordionDetails"
428
- }), {
429
- className: a
430
- } = t, l = w(t, mo), p = t, f = bo(p);
431
- return /* @__PURE__ */ c(go, d({
432
- className: R(f.root, a),
433
- ref: s,
434
- ownerState: p
435
- }, l));
436
- });
437
- process.env.NODE_ENV !== "production" && (k.propTypes = {
438
- // ----------------------------- Warning --------------------------------
439
- // | These PropTypes are generated from the TypeScript type definitions |
440
- // | To update them edit the d.ts file and run "yarn proptypes" |
441
- // ----------------------------------------------------------------------
442
- /**
443
- * The content of the component.
444
- */
445
- children: e.node,
446
- /**
447
- * Override or extend the styles applied to the component.
448
- */
449
- classes: e.object,
450
- /**
451
- * @ignore
452
- */
453
- className: e.string,
454
- /**
455
- * The system prop that allows defining system overrides as well as additional CSS styles.
456
- */
457
- sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object])
458
- });
459
- const Mo = u((o) => /* @__PURE__ */ c(P, { disableGutters: !0, elevation: 0, square: !0, ...o }))(() => ({
13
+ const A = o((e) => /* @__PURE__ */ r(d, { disableGutters: !0, elevation: 0, square: !0, ...e }))(() => ({
460
14
  "&:not(:last-child)": {
461
15
  borderBottom: 0
462
16
  },
463
17
  "&:before": {
464
18
  display: "none"
465
19
  }
466
- })), wo = u((o) => /* @__PURE__ */ c(
467
- q,
20
+ })), S = o((e) => /* @__PURE__ */ r(
21
+ c,
468
22
  {
469
- expandIcon: /* @__PURE__ */ c(G, { sx: { fontSize: 12 } }),
470
- ...o
23
+ expandIcon: /* @__PURE__ */ r(a, { sx: { fontSize: 12 } }),
24
+ ...e
471
25
  }
472
- ))(({ theme: o }) => ({
26
+ ))(({ theme: e }) => ({
473
27
  fontSize: "14px",
474
28
  minHeight: "auto",
475
29
  height: 44,
@@ -479,17 +33,17 @@ const Mo = u((o) => /* @__PURE__ */ c(P, { disableGutters: !0, elevation: 0, squ
479
33
  },
480
34
  "& .MuiAccordionSummary-content": {
481
35
  display: "flex",
482
- margin: o.spacing(1),
36
+ margin: e.spacing(1),
483
37
  marginRight: 0,
484
38
  justifyContent: "space-between",
485
39
  alignItems: "center"
486
40
  }
487
- })), Eo = u(k)(({ theme: o }) => ({
488
- padding: o.spacing(2),
41
+ })), y = o(u)(({ theme: e }) => ({
42
+ padding: e.spacing(2),
489
43
  paddingTop: 0
490
44
  }));
491
45
  export {
492
- Mo as Accordion,
493
- Eo as AccordionDetails,
494
- wo as AccordionSummary
46
+ A as Accordion,
47
+ y as AccordionDetails,
48
+ S as AccordionSummary
495
49
  };