@zonos/amino 5.1.11 → 5.1.12
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/components/collapse/Collapse.d.ts +1 -1
- package/components/collapse/Collapse.js +1 -1
- package/components/layout/Layout.js +1 -1
- package/components/layout/NavigationGroup.js +1 -1
- package/components/list/CollapsibleList.js +1 -1
- package/components/section/HSection.js +1 -1
- package/components/table/TableRowCollapse.js +1 -1
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import type { CollapseProps as MuiCollapseProps } from '@mui/material/Collapse';
|
|
3
3
|
export type CollapseProps = {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime");require("react");var r
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");function r(e){return e&&e.__esModule?e:{default:e}}require("react");var a=r(require("@mui/material/Collapse"));exports.Collapse=function(r){var i=r.children,l=r.className,t=r.collapsed,o=void 0!==t&&t,s=r.collapseSize,n=void 0===s?0:s,u=r.orientation;return e.jsx(a.default,{className:l,collapsedSize:n,in:!o,orientation:u,children:i})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js");require("./NavigationGroup.js");var i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material");var a,d,h,l,s,b,c,m,g,p,u=o(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n box-sizing: border-box;\n width: ",";\n"],["\n box-sizing: border-box;\n width: ",";\n"])),i.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"],["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"])),i.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space24),_=u.default(t.SearchInput)(s||(s=e.__makeTemplateObject(["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"],["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"])),i.theme.gray1200,i.theme.gray100,i.theme.gray1200),y=u.default.nav(b||(b=e.__makeTemplateObject(["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"],["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"])),i.theme.border,i.theme.sidebarWidth,i.theme.space24,i.theme.sidebarColor),k=u.default.div(c||(c=e.__makeTemplateObject(["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"],["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"])),(function(e){return e.hasHeader?"calc(100vh - ".concat(i.theme.appbarHeight,")"):"100vh"}),i.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n height: 100vh;\n overflow: hidden;\n"],["\n height: 100vh;\n overflow: hidden;\n"]))),z=u.default.div(g||(g=e.__makeTemplateObject(["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"],["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"])),i.theme.space24),q=u.default.header(p||(p=e.__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n border-bottom: ",";\n height: ",";\n z-index: ",";\n position: sticky;\n top: 0;\n box-sizing: border-box;\n display: flex;\n"],["\n background: ",";\n box-shadow: ",";\n border-bottom: ",";\n height: ",";\n z-index: ",";\n position: sticky;\n top: 0;\n box-sizing: border-box;\n display: flex;\n"])),i.theme.headerColor,i.theme.v3ShadowBase,i.theme.border,i.theme.appbarHeight,i.theme.appbarElevation);exports.Layout=function(e){var r=e.content,t=e.footer,i=e.headerContent,o=e.logoSidebar,a=e.searchInput,d=e.sidebar;return n.jsxs(w,{children:[!!i&&n.jsx(q,{children:i}),n.jsxs(k,{hasHeader:!!i,children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!o&&n.jsx(v,{children:o}),!!a&&n.jsx(j,{children:n.jsx(_,{onChange:a.onChange,value:a.value})}),d]}),n.jsx(x,{children:t})]}),n.jsx(z,{children:r})]})]})};
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../input/SearchInput.js");require("./NavigationGroup.js");var i=require("../../styles/constants/theme.js");function o(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../../icons/SearchIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse");var a,d,h,l,s,b,c,m,g,p,u=o(r),x=u.default.div(a||(a=e.__makeTemplateObject(["\n box-sizing: border-box;\n width: ",";\n"],["\n box-sizing: border-box;\n width: ",";\n"])),i.theme.sidebarWidth),f=u.default.div(d||(d=e.__makeTemplateObject(["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"],["\n padding: ",";\n box-sizing: border-box;\n overflow-y: auto;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n"])),i.theme.space16),j=u.default.div(h||(h=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space40),v=u.default.div(l||(l=e.__makeTemplateObject(["\n margin-bottom: ",";\n"],["\n margin-bottom: ",";\n"])),i.theme.space24),_=u.default(t.SearchInput)(s||(s=e.__makeTemplateObject(["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"],["\n border: 0;\n svg {\n color: ",";\n }\n input {\n background-color: ",";\n border: 0;\n ::placeholder {\n color: ",";\n }\n }\n"])),i.theme.gray1200,i.theme.gray100,i.theme.gray1200),y=u.default.nav(b||(b=e.__makeTemplateObject(["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"],["\n border-right: ",";\n width: ",";\n box-sizing: border-box;\n display: grid;\n grid-template-rows: 1fr calc(39px + "," * 2);\n height: inherit;\n background: ",";\n"])),i.theme.border,i.theme.sidebarWidth,i.theme.space24,i.theme.sidebarColor),k=u.default.div(c||(c=e.__makeTemplateObject(["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"],["\n height: ",";\n display: grid;\n grid-template-columns: "," 1fr;\n"])),(function(e){return e.hasHeader?"calc(100vh - ".concat(i.theme.appbarHeight,")"):"100vh"}),i.theme.sidebarWidth),w=u.default.main(m||(m=e.__makeTemplateObject(["\n height: 100vh;\n overflow: hidden;\n"],["\n height: 100vh;\n overflow: hidden;\n"]))),z=u.default.div(g||(g=e.__makeTemplateObject(["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"],["\n height: inherit;\n overflow-y: auto;\n padding: ",";\n box-sizing: border-box;\n"])),i.theme.space24),q=u.default.header(p||(p=e.__makeTemplateObject(["\n background: ",";\n box-shadow: ",";\n border-bottom: ",";\n height: ",";\n z-index: ",";\n position: sticky;\n top: 0;\n box-sizing: border-box;\n display: flex;\n"],["\n background: ",";\n box-shadow: ",";\n border-bottom: ",";\n height: ",";\n z-index: ",";\n position: sticky;\n top: 0;\n box-sizing: border-box;\n display: flex;\n"])),i.theme.headerColor,i.theme.v3ShadowBase,i.theme.border,i.theme.appbarHeight,i.theme.appbarElevation);exports.Layout=function(e){var r=e.content,t=e.footer,i=e.headerContent,o=e.logoSidebar,a=e.searchInput,d=e.sidebar;return n.jsxs(w,{children:[!!i&&n.jsx(q,{children:i}),n.jsxs(k,{hasHeader:!!i,children:[n.jsxs(y,{children:[n.jsxs(f,{children:[!!o&&n.jsx(v,{children:o}),!!a&&n.jsx(j,{children:n.jsx(_,{onChange:a.onChange,value:a.value})}),d]}),n.jsx(x,{children:t})]}),n.jsx(z,{children:r})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),o=require("../collapse/Collapse.js"),t=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("@mui/material");var a,c,i,s,d,m,g,
|
|
1
|
+
"use strict";var n=require("../../_tslib-ccfac372.js"),e=require("react/jsx-runtime"),r=require("styled-components"),o=require("../collapse/Collapse.js"),t=require("../../styles/constants/theme.js");function l(n){return n&&n.__esModule?n:{default:n}}require("react"),require("@mui/material/Collapse");var a,c,i,s,d,m,p,g,u,h=l(r),f=h.default.div(a||(a=n.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),x=h.default.div(c||(c=n.__makeTemplateObject([""],[""]))),v=h.default.div(i||(i=n.__makeTemplateObject([""],[""]))),b=h.default.div(m||(m=n.__makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 32px;\n padding: "," "," "," 6px;\n color: ",";\n font-weight: 500;\n border-radius: ",";\n &:hover {\n background-color: ",";\n color: ",";\n svg {\n color: ",";\n }\n }\n svg {\n color: ",";\n }\n "," {\n flex-grow: 1;\n & > * {\n height: 100%;\n }\n }\n ","\n ","\n"],["\n display: flex;\n flex-direction: row;\n align-items: center;\n height: 32px;\n padding: "," "," "," 6px;\n color: ",";\n font-weight: 500;\n border-radius: ",";\n &:hover {\n background-color: ",";\n color: ",";\n svg {\n color: ",";\n }\n }\n svg {\n color: ",";\n }\n "," {\n flex-grow: 1;\n & > * {\n height: 100%;\n }\n }\n ","\n ","\n"])),t.theme.space4,t.theme.space8,t.theme.space4,t.theme.gray800,t.theme.radius6,t.theme.gray50,t.theme.gray1200,t.theme.gray700,t.theme.gray600,v,(function(e){return e.$icon&&r.css(s||(s=n.__makeTemplateObject(["\n "," {\n flex-basis: 31px;\n flex-grow: 0;\n flex-shrink: 0;\n }\n "],["\n "," {\n flex-basis: 31px;\n flex-grow: 0;\n flex-shrink: 0;\n }\n "])),x)}),(function(e){return e.$isActive&&r.css(d||(d=n.__makeTemplateObject(["\n && {\n background-color: ",";\n color: ",";\n svg {\n color: ",";\n }\n }\n "],["\n && {\n background-color: ",";\n color: ",";\n svg {\n color: ",";\n }\n }\n "])),t.theme.gray100,t.theme.gray1200,t.theme.gray1200)})),_=h.default.div(g||(g=n.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(e){return!e.$collapsed&&r.css(p||(p=n.__makeTemplateObject(["\n "," {\n color: ",";\n &:hover {\n background-color: transparent;\n }\n svg {\n color: ",";\n }\n }\n "],["\n "," {\n color: ",";\n &:hover {\n background-color: transparent;\n }\n svg {\n color: ",";\n }\n }\n "])),b,t.theme.gray1200,t.theme.gray1200)})),j=h.default(o.Collapse)(u||(u=n.__makeTemplateObject(["\n padding-left: 18px;\n margin-left: 15px;\n border-left: 1px solid ",";\n"],["\n padding-left: 18px;\n margin-left: 15px;\n border-left: 1px solid ",";\n"])),t.theme.gray200);exports.NavigationGroup=function(n){var r=n.children,o=n.className,t=n.collapsed,l=void 0!==t&&t,a=n.content;return e.jsxs(f,{className:o,children:[e.jsx(_,{$collapsed:l,children:a}),e.jsx(j,{collapsed:l,children:r})]})},exports.NavigationItem=function(n){var r=n.className,o=n.content,t=n.icon,l=n.isActive,a=void 0!==l&&l;return e.jsxs(b,{$icon:!!t,$isActive:a,className:r,children:[t&&e.jsx(x,{children:t}),o]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("react"),t=require("styled-components"),a=require("../collapse/Collapse.js"),i=require("./List.js"),s=require("../list-item/ListItem.js"),o=require("../../icons/ChevronUpIcon.js"),l=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("@mui/material/Collapse"),require("../text/Text.js"),require("../../icons/icon-base/_IconBase.js");var p,d,u,m,_,h,j,g=c(t),x=g.default(a.Collapse)(d||(d=e.__makeTemplateObject(["\n ","\n"],["\n ","\n"])),(function(n){return n.$hasIcon&&t.css(p||(p=e.__makeTemplateObject(["\n .___icon-wrapper {\n width: 32px;\n display: inline-block;\n }\n "],["\n .___icon-wrapper {\n width: 32px;\n display: inline-block;\n }\n "])))})),b=g.default(s.ListItem)(m||(m=e.__makeTemplateObject(["\n ","\n\n svg {\n transition: ",";\n\n &.collapsed {\n opacity: 1;\n transform: rotate(180deg);\n }\n }\n"],["\n ","\n\n svg {\n transition: ",";\n\n &.collapsed {\n opacity: 1;\n transform: rotate(180deg);\n }\n }\n"])),(function(n){return!n.$hasIcon&&t.css(u||(u=e.__makeTemplateObject(["\n .___icon-wrapper {\n display: none;\n }\n "],["\n .___icon-wrapper {\n display: none;\n }\n "])))}),l.theme.transition),f=g.default(i.List)(j||(j=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 2px;\n\n ","\n\n ","\n"],["\n display: flex;\n flex-direction: column;\n gap: 2px;\n\n ","\n\n ","\n"])),(function(n){return n.withBorder&&t.css(_||(_=e.__makeTemplateObject(["\n padding: ",";\n border: 1px solid ",";\n border-radius: ",";\n "],["\n padding: ",";\n border: 1px solid ",";\n border-radius: ",";\n "])),l.theme.space8,l.theme.gray200,l.theme.radius12)}),(function(n){return n.withNegativeMargin&&t.css(h||(h=e.__makeTemplateObject(["\n margin: ",";\n "],["\n margin: ",";\n "])),l.theme.spaceNegative24)}));exports.CollapsibleList=function(t){var a=t.children,i=t.className,s=t.icon,l=t.startExpanded,c=t.title,p=t.withBorder,d=t.withNegativeMargin,u=e.__read(r.useState(!l),2),m=u[0],_=u[1];return n.jsxs(f,{className:i,withBorder:p,withNegativeMargin:d,children:[n.jsx(b,{$hasIcon:!!s,decorator:s,label:c,onClick:function(){return _(!m)},rightDecorator:n.jsx(o.ChevronUpIcon,{className:m?"collapsed":""})}),n.jsx(x,{$hasIcon:!!s,collapsed:m,children:a})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../button/LegacyButton.js"),i=require("../collapse/Collapse.js"),s=require("./_SectionInnerWrapper.js"),l=require("./_SectionSubheader.js"),o=require("../stack/HStack.js"),c=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),d=require("../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,f,j,h,b=p(r),x=b.default(o.HStack)(m||(m=e.__makeTemplateObject(["\n padding: ",";\n margin-bottom: ",";\n grid-template-columns: 1fr 2fr;\n"],["\n padding: ",";\n margin-bottom: ",";\n grid-template-columns: 1fr 2fr;\n"])),d.theme.space8,d.theme.space40),g=b.default(a.LegacyButton)(f||(f=e.__makeTemplateObject(["\n position: relative;\n margin-left: ",";\n transition: 0.2s all ease;\n background: transparent;\n\n && {\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n\n &:active,\n &:focus,\n &:hover {\n background: transparent;\n color: ",";\n }\n\n &.collapsed {\n transform: rotate(90deg);\n }\n }\n"],["\n position: relative;\n margin-left: ",";\n transition: 0.2s all ease;\n background: transparent;\n\n && {\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n\n &:active,\n &:focus,\n &:hover {\n background: transparent;\n color: ",";\n }\n\n &.collapsed {\n transform: rotate(90deg);\n }\n }\n"])),d.theme.space4,d.theme.gray300,d.theme.gray400,d.theme.gray800),q=b.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),v=b.default.div(h||(h=e.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));exports.HSection=function(r){var a=r.children,o=r.className,d=r.collapseByDefault,p=void 0!==d&&d,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,b=void 0===h?"":h,y=e.__read(t.useState(p),2),_=y[0],k=y[1];return n.jsxs(x,{className:o||"",children:[j&&n.jsx(s.SectionInnerWrapper,{children:n.jsxs(q,{children:[f?n.jsxs(v,{onClick:function(){return k(!_)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[n.jsx(c.Text,{type:"title",children:j}),n.jsx(g,{className:_?"collapsed":"",icon:n.jsx(u.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!_)},size:"sm"})]}):n.jsx(c.Text,{type:"title",children:j}),b&&n.jsx(l.SectionSubheader,{children:b})]})}),f?n.jsx(i.Collapse,{collapsed:_,children:a}):n.jsx("div",{children:a})]})};
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),a=require("../button/LegacyButton.js"),i=require("../collapse/Collapse.js"),s=require("./_SectionInnerWrapper.js"),l=require("./_SectionSubheader.js"),o=require("../stack/HStack.js"),c=require("../text/Text.js"),u=require("../../icons/ChevronUpIcon.js"),d=require("../../styles/constants/theme.js");function p(e){return e&&e.__esModule?e:{default:e}}require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material/Collapse"),require("../stack/Stack.js"),require("../../icons/icon-base/_IconBase.js");var m,f,j,h,b=p(r),x=b.default(o.HStack)(m||(m=e.__makeTemplateObject(["\n padding: ",";\n margin-bottom: ",";\n grid-template-columns: 1fr 2fr;\n"],["\n padding: ",";\n margin-bottom: ",";\n grid-template-columns: 1fr 2fr;\n"])),d.theme.space8,d.theme.space40),g=b.default(a.LegacyButton)(f||(f=e.__makeTemplateObject(["\n position: relative;\n margin-left: ",";\n transition: 0.2s all ease;\n background: transparent;\n\n && {\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n\n &:active,\n &:focus,\n &:hover {\n background: transparent;\n color: ",";\n }\n\n &.collapsed {\n transform: rotate(90deg);\n }\n }\n"],["\n position: relative;\n margin-left: ",";\n transition: 0.2s all ease;\n background: transparent;\n\n && {\n &:hover {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n &:active,\n &:focus {\n path[data-is-secondary-color] {\n fill: ",";\n }\n }\n\n &:active,\n &:focus,\n &:hover {\n background: transparent;\n color: ",";\n }\n\n &.collapsed {\n transform: rotate(90deg);\n }\n }\n"])),d.theme.space4,d.theme.gray300,d.theme.gray400,d.theme.gray800),q=b.default.div(j||(j=e.__makeTemplateObject(["\n display: flex;\n flex-direction: column;\n"],["\n display: flex;\n flex-direction: column;\n"]))),v=b.default.div(h||(h=e.__makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"],["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));exports.HSection=function(r){var a=r.children,o=r.className,d=r.collapseByDefault,p=void 0!==d&&d,m=r.collapsible,f=void 0!==m&&m,j=r.label,h=r.sublabel,b=void 0===h?"":h,y=e.__read(t.useState(p),2),_=y[0],k=y[1];return n.jsxs(x,{className:o||"",children:[j&&n.jsx(s.SectionInnerWrapper,{children:n.jsxs(q,{children:[f?n.jsxs(v,{onClick:function(){return k(!_)},onKeyDown:function(){return null},role:"button",tabIndex:0,children:[n.jsx(c.Text,{type:"title",children:j}),n.jsx(g,{className:_?"collapsed":"",icon:n.jsx(u.ChevronUpIcon,{}),intent:"plain",onClick:function(){return k(!_)},size:"sm"})]}):n.jsx(c.Text,{type:"title",children:j}),b&&n.jsx(l.SectionSubheader,{children:b})]})}),f?n.jsx(i.Collapse,{collapsed:_,children:a}):n.jsx("div",{children:a})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../button/LegacyButton.js"),o=require("../collapse/Collapse.js"),l=require("./TableCell.js"),i=require("./TableRow.js"),s=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material"),require("../../icons/icon-base/_IconBase.js");var u,d,p,m,b,j,h=c(r),q=h.default(i.TableRow)(p||(p=e.__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),(function(n){return!n.collapsed&&r.css(u||(u=e.__makeTemplateObject(["\n td {\n border-bottom: 0;\n }\n "],["\n td {\n border-bottom: 0;\n }\n "])))}),(function(n){return n.collapsible&&r.css(d||(d=e.__makeTemplateObject(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),_=h.default(o.Collapse)(m||(m=e.__makeTemplateObject(["\n > div {\n padding-bottom: ",";\n }\n"],["\n > div {\n padding-bottom: ",";\n }\n"])),a.theme.space16),f=h.default(l.TableCell)(b||(b=e.__makeTemplateObject(["\n border-bottom: ",";\n &&& {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"],["\n border-bottom: ",";\n &&& {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"])),(function(e){return e.collapsed?0:"inherit"}),(function(e){return e.collapsed?0:"inherit"})),g=h.default(t.LegacyButton)(j||(j=e.__makeTemplateObject(["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"],["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"])),a.theme.transition);exports.TableRowCollapse=function(e){var r=e.children,t=e.className,o=e.collapsed,a=void 0!==o&&o,c=e.onToggleCollapse,u=e.rowContent,d=!!r;return n.jsxs(n.Fragment,{children:[n.jsxs(q,{className:t,collapsed:a,collapsible:d,onClick:function(e){return d&&c(e)},withHover:d,children:[u,n.jsx(l.TableCell,{align:"right",children:d&&n.jsx(g,{icon:n.jsx(s.ChevronUpIcon,{className:a?"collapsed":""}),intent:"plain"})})]}),d&&n.jsx(i.TableRow,{children:n.jsx(f,{collapsed:a,colSpan:100,children:n.jsx(_,{collapsed:a,children:r})})})]})};
|
|
1
|
+
"use strict";var e=require("../../_tslib-ccfac372.js"),n=require("react/jsx-runtime"),r=require("styled-components"),t=require("../button/LegacyButton.js"),o=require("../collapse/Collapse.js"),l=require("./TableCell.js"),i=require("./TableRow.js"),s=require("../../icons/ChevronUpIcon.js"),a=require("../../styles/constants/theme.js");function c(e){return e&&e.__esModule?e:{default:e}}require("react"),require("../button/RippleGroup.js"),require("framer-motion"),require("uuid"),require("../button/_Ripple.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("@mui/material/Collapse"),require("../../icons/icon-base/_IconBase.js");var u,d,p,m,b,j,h=c(r),q=h.default(i.TableRow)(p||(p=e.__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),(function(n){return!n.collapsed&&r.css(u||(u=e.__makeTemplateObject(["\n td {\n border-bottom: 0;\n }\n "],["\n td {\n border-bottom: 0;\n }\n "])))}),(function(n){return n.collapsible&&r.css(d||(d=e.__makeTemplateObject(["\n cursor: pointer;\n "],["\n cursor: pointer;\n "])))})),_=h.default(o.Collapse)(m||(m=e.__makeTemplateObject(["\n > div {\n padding-bottom: ",";\n }\n"],["\n > div {\n padding-bottom: ",";\n }\n"])),a.theme.space16),f=h.default(l.TableCell)(b||(b=e.__makeTemplateObject(["\n border-bottom: ",";\n &&& {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"],["\n border-bottom: ",";\n &&& {\n height: ",";\n }\n > div {\n width: 100%;\n }\n"])),(function(e){return e.collapsed?0:"inherit"}),(function(e){return e.collapsed?0:"inherit"})),g=h.default(t.LegacyButton)(j||(j=e.__makeTemplateObject(["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"],["\n svg {\n transition: ",";\n\n &.collapsed {\n transform: rotate(180deg);\n }\n }\n"])),a.theme.transition);exports.TableRowCollapse=function(e){var r=e.children,t=e.className,o=e.collapsed,a=void 0!==o&&o,c=e.onToggleCollapse,u=e.rowContent,d=!!r;return n.jsxs(n.Fragment,{children:[n.jsxs(q,{className:t,collapsed:a,collapsible:d,onClick:function(e){return d&&c(e)},withHover:d,children:[u,n.jsx(l.TableCell,{align:"right",children:d&&n.jsx(g,{icon:n.jsx(s.ChevronUpIcon,{className:a?"collapsed":""}),intent:"plain"})})]}),d&&n.jsx(i.TableRow,{children:n.jsx(f,{collapsed:a,colSpan:100,children:n.jsx(_,{collapsed:a,children:r})})})]})};
|