@code0-tech/pictor 0.0.0-mvp.15 → 0.0.0-mvp.17
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/assets/components/alert/Alert.style.css +1 -1
- package/dist/assets/components/avatar/Avatar.style.css +1 -1
- package/dist/assets/components/badge/Badge.style.css +1 -1
- package/dist/assets/components/button/Button.style.css +1 -1
- package/dist/assets/components/card/Card.style.css +1 -1
- package/dist/assets/components/command/Command.style.css +1 -1
- package/dist/assets/components/d-flow/folder/DFlowFolder.style.css +1 -1
- package/dist/assets/components/d-flow/function/DFlowFunctionDefaultCard.style.css +1 -1
- package/dist/assets/components/d-flow/input/DFlowInputDataType.style.css +1 -1
- package/dist/assets/components/d-flow/minimap/DFlowMiniMap.style.css +1 -1
- package/dist/assets/components/d-flow/validation/DFlowValidation.style.css +1 -1
- package/dist/assets/components/d-layout/DLayout.style.css +1 -1
- package/dist/assets/components/d-resizable/DResizable.style.css +1 -1
- package/dist/assets/components/dialog/Dialog.style.css +1 -1
- package/dist/assets/components/file-tabs/FileTabs.style.css +1 -1
- package/dist/assets/components/form/Input.style.css +1 -1
- package/dist/assets/components/menu/Menu.style.css +1 -1
- package/dist/assets/components/scroll-area/ScrollArea.style.css +1 -1
- package/dist/assets/components/segmented-control/SegmentedControl.style.css +1 -1
- package/dist/assets/components/toast/Toast.style.css +1 -1
- package/dist/assets/components/tooltip/Tooltip.style.css +1 -1
- package/dist/components/breadcrumb/Breadcrumb.js +15 -28
- package/dist/components/card/CardSection.d.ts +1 -0
- package/dist/components/card/CardSection.js +18 -12
- package/dist/components/d-layout/DLayout.js +25 -25
- package/dist/components/d-organization/DOrganizationList.d.ts +5 -4
- package/dist/components/d-organization/DOrganizationList.js +17 -14
- package/dist/components/d-organization/DOrganizatonContent.js +39 -35
- package/dist/components/d-project/DNamespaceProjectContent.js +17 -15
- package/dist/components/d-project/DNamespaceProjectList.d.ts +2 -1
- package/dist/components/d-project/DNamespaceProjectList.js +16 -13
- package/dist/components/d-runtime/DRuntimeContent.js +18 -16
- package/dist/components/d-runtime/DRuntimeList.d.ts +2 -1
- package/dist/components/d-runtime/DRuntimeList.js +16 -13
- package/dist/components/d-user/DUserList.d.ts +2 -1
- package/dist/components/d-user/DUserList.js +16 -13
- package/dist/components/quote/Quote.js +31 -36
- package/package.json +16 -16
|
@@ -1 +1 @@
|
|
|
1
|
-
.alert{padding:1rem;font-size:.8rem;position:relative;display:flex;align-items:center;gap:.35rem}.alert{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;border-radius:1rem}.alert>svg{min-width:1rem;min-height:1rem}.alert--primary{
|
|
1
|
+
.alert{padding:1rem;font-size:.8rem;position:relative;display:flex;align-items:center;gap:.35rem}.alert{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;border-radius:1rem}.alert>svg{min-width:1rem;min-height:1rem}.alert--primary{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.alert--secondary{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.alert--success{background:#091d14;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.alert--warning{background:#291d13;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.alert--error{background:#230117;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.alert--info{background:#13262c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.avatar{aspect-ratio:1/1;padding:.35rem;display:flex;width:38px;align-items:center;justify-content:center;overflow:hidden}.avatar{border:
|
|
1
|
+
.avatar{aspect-ratio:1/1;padding:.35rem;display:flex;width:38px;align-items:center;justify-content:center;overflow:hidden}.avatar{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.avatar--image{padding:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.badge{padding:.
|
|
1
|
+
.badge{padding:.1166666667rem .35rem;display:inline-flex;font-size:.7rem;width:fit-content;align-items:center;gap:.35rem;border-radius:.35rem}.badge{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.badge--primary{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}.badge--secondary{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}.badge--success{background:#091d14;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}.badge--warning{background:#291d13;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}.badge--error{background:#230117;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}.badge--info{background:#13262c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.button{padding:.7rem 1rem;gap:.5rem;cursor:pointer;height:fit-content;display:flex;align-items:center;width:fit-content;justify-content:center;font-size:.8rem}.button:disabled,.button[data-disabled],.button[aria-disabled=true],.button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.button
|
|
1
|
+
.button{padding:.7rem 1rem;gap:.5rem;cursor:pointer;height:fit-content;display:flex;align-items:center;width:fit-content;justify-content:center;font-size:.8rem}.button:disabled,.button[data-disabled],.button[aria-disabled=true],.button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.button--primary{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--primary:hover{border-color:#ffffff40}.button--primary:active,.button--primary:focus{border-color:#ffffff1a;outline:none}.button--primary.button--outlined{background:transparent}.button--primary.button--none{background:transparent;box-shadow:none}.button--secondary{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--secondary:hover{border-color:#ffffff40}.button--secondary:active,.button--secondary:focus{border-color:#ffffff1a;outline:none}.button--secondary.button--outlined{background:transparent}.button--secondary.button--none{background:transparent;box-shadow:none}.button--success{background:#091d14;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--success:hover{border-color:#ffffff40}.button--success:active,.button--success:focus{border-color:#ffffff1a;outline:none}.button--success.button--outlined{background:transparent}.button--success.button--none{background:transparent;box-shadow:none}.button--warning{background:#291d13;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--warning:hover{border-color:#ffffff40}.button--warning:active,.button--warning:focus{border-color:#ffffff1a;outline:none}.button--warning.button--outlined{background:transparent}.button--warning.button--none{background:transparent;box-shadow:none}.button--error{background:#230117;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--error:hover{border-color:#ffffff40}.button--error:active,.button--error:focus{border-color:#ffffff1a;outline:none}.button--error.button--outlined{background:transparent}.button--error.button--none{background:transparent;box-shadow:none}.button--info{background:#13262c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.button--info:hover{border-color:#ffffff40}.button--info:active,.button--info:focus{border-color:#ffffff1a;outline:none}.button--info.button--outlined{background:transparent}.button--info.button--none{background:transparent;box-shadow:none}.button--xxs{padding:.35rem .7rem;border-radius:.7rem}.button--xs{padding:.7rem .8rem;border-radius:.8rem}.button--sm{padding:.8rem 1rem;border-radius:1rem}.button--md{padding:1rem 1.2rem;border-radius:1.2rem}.button--lg{padding:1.2rem 1.3rem;border-radius:1.3rem}.button--xl{padding:1.3rem;border-radius:1.3rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.card{display:block;position:relative;font-size:.8rem}.card{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.card>.card__section>img{border-radius:.5rem}.card>.card__section--border:first-child{
|
|
1
|
+
.card{display:block;position:relative;font-size:.8rem;overflow:hidden}.card{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.card>.card__section>img{border-radius:.5rem}.card>.card__section--border:first-child{margin-top:calc(-1 * var(--padding));border-top:none}.card>.card__section--border:not(:has(~.card__section)){margin-bottom:calc(-1 * var(--padding));border-bottom:none}.card *.card__section>img{border-radius:.5rem}.card__section{position:relative;box-sizing:border-box}.card__section--border{margin-right:calc(-1 * var(--padding));margin-left:calc(-1 * var(--padding));padding:var(--padding);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.card__section--border+.card__section--border{border-top:none}.card__section--hover{cursor:pointer}.card__section--hover:hover{background:#292637}.card--primary{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--primary.card--none{background:transparent;border-color:transparent}.card--primary.card--filled{border-color:transparent}.card--primary.card--outlined{background:transparent}.card--outline-primary{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(3,0,20,.25) solid 1px}.card--border-primary{box-shadow:1px solid #03001440}.card--secondary{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--secondary.card--none{background:transparent;border-color:transparent}.card--secondary.card--filled{border-color:transparent}.card--secondary.card--outlined{background:transparent}.card--outline-secondary{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(255,255,255,.1) solid 1px}.card--border-secondary{box-shadow:1px solid #ffffff1a}.card--success{background:#091d14;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--success.card--none{background:transparent;border-color:transparent}.card--success.card--filled{border-color:transparent}.card--success.card--outlined{background:transparent}.card--outline-success{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(41,191,18,.25) solid 1px}.card--border-success{box-shadow:1px solid #29bf1240}.card--warning{background:#291d13;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--warning.card--none{background:transparent;border-color:transparent}.card--warning.card--filled{border-color:transparent}.card--warning.card--outlined{background:transparent}.card--outline-warning{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(255,190,11,.25) solid 1px}.card--border-warning{box-shadow:1px solid #ffbe0b40}.card--error{background:#230117;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--error.card--none{background:transparent;border-color:transparent}.card--error.card--filled{border-color:transparent}.card--error.card--outlined{background:transparent}.card--outline-error{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(217,4,41,.25) solid 1px}.card--border-error{box-shadow:1px solid #d9042940}.card--info{background:#13262c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.card--info.card--none{background:transparent;border-color:transparent}.card--info.card--filled{border-color:transparent}.card--info.card--outlined{background:transparent}.card--outline-info{outline-offset:calc(var(--padding) / 2);margin:calc(var(--padding) / 2);outline:rgba(112,255,178,.25) solid 1px}.card--border-info{box-shadow:1px solid #70ffb240}.card--border--dashed{border-style:dashed}.card--xxs{--padding: .35rem;padding:var(--padding)}.card--xs{--padding: .7rem;padding:var(--padding)}.card--sm{--padding: .8rem;padding:var(--padding)}.card--md{--padding: 1rem;padding:var(--padding)}.card--lg{--padding: 1.2rem;padding:var(--padding)}.card--xl{--padding: 1.3rem;padding:var(--padding)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.command{z-index:100;display:flex;height:100%;width:100%;flex-direction:column;overflow:hidden;background:#030014;padding:.7rem}.command{
|
|
1
|
+
.command{z-index:100;display:flex;height:100%;width:100%;flex-direction:column;overflow:hidden;background:#030014;padding:.7rem}.command{background:#030014;border:1px solid rgba(3,0,20,.25);color:#030014bf;position:relative;box-sizing:border-box;border-radius:1rem}.command__dialog{padding:0;border:none}.command__list:focus{outline:none}.command__list{max-height:300px;overflow-y:auto;overflow-x:hidden}.command__input.input:focus,.command .input.input:hover:focus,.command .input.input:active:focus,.command .input.input:focus:focus,.command .input.input:focus-within:focus,.command .input.input:not(:focus):focus{outline:none}.command__input.input,.command .input.input:hover,.command .input.input:active,.command .input.input:focus,.command .input.input:focus-within,.command .input.input:not(:focus){width:100%;border:none!important;outline:none!important;background:transparent;box-shadow:none!important;display:flex;height:2rem;color:#ffffffbf;font-size:.8rem;border-radius:.65rem}.command__input.input::placeholder,.command .input.input:hover::placeholder,.command .input.input:active::placeholder,.command .input.input:focus::placeholder,.command .input.input:focus-within::placeholder,.command .input.input:not(:focus)::placeholder{color:#ffffff40}.command__input.input .input__right,.command .input.input:hover .input__right,.command .input.input:active .input__right,.command .input.input:focus .input__right,.command .input.input:focus-within .input__right,.command .input.input:not(:focus) .input__right{padding-right:0}.command__empty{padding:1rem 0 1.3rem;text-align:center;font-size:.8rem;color:#ffffff80}.command__empty{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.command [cmdk-group-heading]{padding:.35rem .7rem}.command__group{overflow:hidden;text-transform:uppercase;font-size:.7rem;padding:.35rem 0 0;color:#ffffff80}.command__group{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.command__item{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;font-size:.8rem;outline:none;color:#ffffffbf;border-radius:.65rem;padding:.35rem .35rem .35rem .8rem;gap:.7rem;text-transform:none}.command__item[data-disabled=true]{pointer-events:none;color:#ffffff40}.command__item[data-selected=true]{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none;width:100%}.command__item svg{pointer-events:none;width:1rem;height:1rem;flex-shrink:0}.command__separator{height:1px;margin:.35rem 0;background:#292637}.command__shortcut{margin-left:auto;font-size:.7rem;letter-spacing:.1rem;padding:0 .35rem;border-radius:.375rem!important;color:#ffffff80;background:#030014}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-folder{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;cursor:pointer;font-size:.8rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d-folder{border-radius:1rem;
|
|
1
|
+
.d-folder{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;cursor:pointer;font-size:.8rem;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.d-folder{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder:hover{border-color:#ffffff40}.d-folder{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;box-shadow:none;background:#030014}.d-folder__icon,.d-folder__status,.d-folder__item-icon{color:#70ffb2;display:flex;align-items:center;justify-content:center}.d-folder__status,.d-folder__item-icon{color:#fff}.d-folder__content{margin-left:.7rem;position:relative;padding-left:calc(5px + .35rem)}.d-folder__content:before{height:100%;width:1px;background:#292637;position:absolute;content:"";left:5px}.d-folder__item{padding:.35rem .7rem;display:flex;white-space:nowrap;flex-wrap:nowrap;gap:.35rem;align-items:center;cursor:pointer;font-size:.8rem;position:relative}.d-folder__item{border-radius:1rem;background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.d-folder__item:hover{border-color:#ffffff40}.d-folder__item:active,.d-folder__item:focus{border-color:#ffffff1a;outline:none}.d-folder__item{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;box-shadow:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-flow-viewport-default-card__handle{border:none!important;padding:1px;z-index:-1;opacity:0}.d-flow-viewport-default-card__inspection{top:0;transform:translateY(-50%);padding:.35rem}.d-flow-viewport-default-card__inspection{
|
|
1
|
+
.d-flow-viewport-default-card__handle{border:none!important;padding:1px;z-index:-1;opacity:0}.d-flow-viewport-default-card__inspection{top:0;transform:translateY(-50%);padding:.35rem}.d-flow-viewport-default-card__inspection{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute}.d-flow-viewport-default-card--active{box-shadow:inset 0 0 0 1px #70ffb240,0 0 0 3px #70ffb240}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-flow-viewport-data-type-input{padding:1rem;box-sizing:border-box;position:relative}.d-flow-viewport-data-type-input{border:
|
|
1
|
+
.d-flow-viewport-data-type-input{padding:1rem;box-sizing:border-box;position:relative}.d-flow-viewport-data-type-input{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;border-radius:1rem}.d-flow-viewport-data-type-input__rule{margin-bottom:1rem;display:flex;position:relative;flex-direction:column;gap:1.2rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-flow-viewport-mini-map{
|
|
1
|
+
.d-flow-viewport-mini-map{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;margin:0;width:100%}.d-flow-viewport-mini-map>svg{border-radius:1rem}.d-flow-viewport-mini-map * .react-flow__minimap-mask{fill:#ffffff1a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-flow-viewport-validations{padding:.35rem}.d-flow-viewport-validations{
|
|
1
|
+
.d-flow-viewport-validations{padding:.35rem}.d-flow-viewport-validations{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-layout{position:relative;width:100%;height:100%;overflow:hidden}.d-
|
|
1
|
+
.d-layout{position:relative;width:100%;height:100%;overflow:hidden;display:flex}.d-layout__inner{display:flex;flex-direction:column;width:100%;height:100%;gap:1.3rem}.d-layout__top,.d-layout__bottom{flex:0 0 auto}.d-layout__middle{display:flex;flex:1 1 auto;min-height:0;width:100%;gap:1.3rem}.d-layout__left,.d-layout__right{flex:0 0 auto}.d-layout__content{flex:1 1 auto;min-width:0;min-height:0;overflow:auto}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-resizable__panel{color:#fff;position:relative;overflow:hidden;z-index:0}.d-resizable__panel{
|
|
1
|
+
.d-resizable__panel{color:#fff;position:relative;overflow:hidden;z-index:0}.d-resizable__panel{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.d-resizable__panel:has(.d-resizable__panel){background:#030014}.d-resizable__handle{position:relative;display:flex;align-items:center;justify-content:center}.d-resizable__handle[data-panel-group-direction=horizontal]{width:1rem;height:100%}.d-resizable__handle[data-panel-group-direction=vertical]{height:1rem;width:100%}.d-resizable__handle-bar{z-index:1;position:relative;display:block;padding:.25rem}.d-resizable__handle-bar{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.d-resizable[data-panel-group-direction=horizontal] * .d-resizable__handle-bar{min-height:3rem;height:15%}.d-resizable[data-panel-group-direction=vertical] * .d-resizable__handle-bar{min-width:3rem;min-height:auto;height:auto;width:15%}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.dialog{
|
|
1
|
+
.dialog{background:#030014;border:1px solid rgba(255,255,255,.1);color:#030014bf;box-sizing:border-box;border-radius:1rem;backdrop-filter:none;-webkit-backdrop-filter:none;position:relative;padding:1.3rem;margin:auto;overflow:auto;inset:auto;height:fit-content;max-height:none}.dialog__overlay{position:fixed;inset:0;z-index:50;background:#00000080}.dialog__content{position:fixed;top:50%;left:50%;z-index:50;display:grid;width:100%;max-width:calc(100% - 2rem);gap:1rem;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.1);padding:1rem;background:#030014;color:#fff;border-radius:1rem}@media(min-width:768px){.dialog__content{width:420px}}.dialog__title{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;font-weight:600;font-size:1.2rem;color:#fff;margin:0}.dialog__description{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;font-size:.8rem;color:#fff;margin:0}.dialog__header{display:flex;flex-direction:column;gap:.5rem;text-align:center}@media(min-width:640px){.dialog__header{text-align:left}}.dialog__footer{display:flex;flex-direction:column-reverse;gap:.5rem}@media(min-width:640px){.dialog__footer{flex-direction:row;justify-content:flex-end}}.dialog__close{position:absolute;top:1rem;right:1rem;border-radius:.125rem;border:none;opacity:.7;transition:opacity .2s ease;background:none;color:#fff}.dialog__close:hover{opacity:1}.dialog__close:focus{outline:none}.dialog__close:disabled{pointer-events:none}.dialog__close svg{pointer-events:none;flex-shrink:0}.dialog__close svg:not([class*=size-]){width:1rem;height:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.file-tabs{position:relative;width:100%;height:100%}.file-tabs__list{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;position:relative;gap:.7rem;padding:.7rem}.file-tabs__list-content{display:flex;overflow-x:scroll;flex-wrap:nowrap;gap:.35rem;-ms-overflow-style:none;scrollbar-width:none}.file-tabs__list-content::-webkit-scrollbar{display:none}.file-tabs__list-controls{display:flex;flex-wrap:nowrap;gap:.35rem}.file-tabs__trigger{padding:.35rem .7rem;display:flex;gap:.7rem;align-items:center;text-wrap:nowrap;margin-bottom:1px;cursor:pointer;font-size:.8rem}.file-tabs__trigger{
|
|
1
|
+
.file-tabs{position:relative;width:100%;height:100%}.file-tabs__list{box-sizing:border-box;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;position:relative;gap:.7rem;padding:.7rem}.file-tabs__list-content{display:flex;overflow-x:scroll;flex-wrap:nowrap;gap:.35rem;-ms-overflow-style:none;scrollbar-width:none}.file-tabs__list-content::-webkit-scrollbar{display:none}.file-tabs__list-controls{display:flex;flex-wrap:nowrap;gap:.35rem}.file-tabs__trigger{padding:.35rem .7rem;display:flex;gap:.7rem;align-items:center;text-wrap:nowrap;margin-bottom:1px;cursor:pointer;font-size:.8rem}.file-tabs__trigger{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.file-tabs__trigger:hover{border-color:#c0bfc440}.file-tabs__trigger{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;background:transparent;box-shadow:none}.file-tabs__trigger[data-state=active]{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.file-tabs__trigger[data-state=active] .file-tabs__trigger-icon,.file-tabs__trigger:hover .file-tabs__trigger-icon,.file-tabs__trigger:active .file-tabs__trigger-icon{opacity:1}.file-tabs__trigger-icon{display:flex;align-items:center;justify-content:center;padding:.1rem;opacity:0;cursor:pointer;font-size:unset}.file-tabs__trigger-icon:hover{border-color:#ffffff40}.file-tabs__trigger-icon{border-radius:1rem}.file-tabs__content{padding:1.4rem;position:relative}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.input{display:flex;z-index:1;align-items:stretch;box-sizing:border-box}.input{border:
|
|
1
|
+
.input{display:flex;z-index:1;align-items:stretch;box-sizing:border-box}.input{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.input:hover{border-color:#ffffff40}.input:active,.input:focus{border-color:#ffffff1a;outline:none}.input{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;border-radius:1rem}.input:has(.input__control:focus){border-color:#ffffff1a;outline:none}.input--not-valid{background:#230117;border:1px solid rgba(217,4,41,.25);color:#ffffffbf;position:relative;box-sizing:border-box}.input__syntax{position:absolute;z-index:-1;overflow:hidden;font-size:.8rem;color:#ffffff80;white-space:nowrap;padding:.7rem;box-sizing:border-box;top:0;left:0;width:100%;height:100%}.input__left,.input__right{display:flex;align-items:stretch;margin:.175rem;gap:.7rem}.input__left>button,.input__right>button{height:100%;padding-left:0;padding-right:0}.input__left--action,.input__right--action{padding:0}.input__left--placeholder,.input__right--placeholder{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;border-radius:.825rem;padding:.7rem}.input__left{padding-left:.7rem}.input__left--icon{align-items:center}.input__right{padding-right:.7rem}.input__right--icon{align-items:center}.input__control{background:none;border:none;outline:none;padding:.7rem;flex:1;width:100%;box-shadow:none;font-size:.8rem;box-sizing:border-box;color:#ffffff80}.input__control{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.input__control--syntax{color:transparent}.input__label{text-transform:uppercase;color:#ffffff80;font-size:.7rem;display:block}.input__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.input__description{color:#ffffff80;font-size:.8rem;margin:.35rem 0 .7rem;display:block}.input__description{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.input__message{padding:.7rem;z-index:0;display:flex;align-items:center;font-size:.7rem;gap:.35rem;margin-top:.7rem}.input__message{background:#230117;border:1px solid rgba(217,4,41,.25);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.input__message>svg{width:.8rem;height:.8rem}.pin-input{display:flex;justify-content:space-between;gap:.7rem;position:relative;background:transparent}.pin-input__field{flex:1;width:100%;aspect-ratio:1/1;text-align:center}.number-input::-webkit-outer-spin-button,.number-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-input[type=number]{-moz-appearance:textfield}.radio-input{background:transparent!important;box-shadow:none!important;display:flex;align-items:center;box-sizing:border-box;gap:.35rem;position:relative}.radio-input__button{top:-1px;width:18px;height:18px;padding:.35rem}.radio-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.radio-input__button:active,.radio-input__button:focus{border-color:#ffffff1a;outline:none}.radio-input__button{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.radio-input__button:disabled,.radio-input__button[data-disabled],.radio-input__button[aria-disabled=true],.radio-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.radio-input__button{border-radius:1rem}.radio-input__button[data-state=checked]{border-color:#ffffff1a;outline:none}.radio-input__indicator{height:100%;position:relative;display:block;aspect-ratio:1/1}.radio-input__indicator[data-state=checked]{background-color:#70ffb2}.radio-input__indicator[data-state=checked]{border-radius:1rem}.radio-button{padding:0;display:inline-flex}.checkbox-input{background:transparent!important;box-shadow:none!important;align-items:center;box-sizing:border-box;gap:.35rem;padding:.35rem 0}.checkbox-input__button{aspect-ratio:1/1;width:17px;height:17px;display:flex;align-items:center;justify-content:center}.checkbox-input__button{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.checkbox-input__button:active,.checkbox-input__button:focus{border-color:#ffffff1a;outline:none}.checkbox-input__button{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.checkbox-input__button:disabled,.checkbox-input__button[data-disabled],.checkbox-input__button[aria-disabled=true],.checkbox-input__button--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.checkbox-input__button{border-radius:1rem}.checkbox-input__indicator{position:relative;display:flex;align-items:center;justify-content:center;top:1px}.switch-input{background:transparent!important;box-shadow:none!important}.switch-input .input__control{position:relative;box-sizing:border-box;padding:0;width:.9rem;height:.9rem;appearance:none;outline:none;cursor:pointer;background-color:transparent;border-radius:50%}.switch-input .input__control:checked:after{-webkit-transform:translateX(22px);-ms-transform:translateX(22px);transform:translate(22px);-webkit-transition:.4s;transition:.4s}.switch-input .input__control:checked:before{background:#13262c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;position:absolute;width:2.6rem;height:1.25rem}.switch-input .input__control:after{width:.9rem;height:.9rem;background-color:#fff;border-radius:50%;position:absolute;content:"";-webkit-transition:.4s;transition:.4s}.switch-input .input__control:before{content:"";z-index:-1;-webkit-transition:.4s;transition:.4s;top:-.175rem;left:-.175rem}.switch-input .input__control:before{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem;position:absolute;width:2.6rem;height:1.25rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.menu{z-index:999}.menu__content,.menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box}.menu__content,.menu__sub-content{
|
|
1
|
+
.menu{z-index:999}.menu__content,.menu__sub-content{padding:.35rem;position:relative;box-sizing:border-box}.menu__content,.menu__sub-content{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}.menu__label{text-transform:uppercase;font-size:.7rem;display:flex;gap:.35rem;align-items:center;padding:.35rem .7rem;color:#ffffff80}.menu__label{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.menu__item,.menu__sub-trigger{border-radius:.65rem;padding:.35rem .7rem;gap:.7rem;cursor:pointer;width:100%;display:flex;align-items:center;font-size:.8rem}.menu__item,.menu__sub-trigger{background:#030014;border:1px solid rgba(3,0,20,.25);color:#ffffffbf;position:relative;box-sizing:border-box}.menu__item:focus,.menu__sub-trigger:focus{outline:none}.menu__item,.menu__sub-trigger{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.menu__item:disabled,.menu__item[data-disabled],.menu__item[aria-disabled=true],.menu__item--disabled,.menu__sub-trigger:disabled,.menu__sub-trigger[data-disabled],.menu__sub-trigger[aria-disabled=true],.menu__sub-trigger--disabled{cursor:not-allowed;opacity:25%;pointer-events:unset}.menu__item,.menu__sub-trigger{border:none}.menu__item:focus,.menu__sub-trigger:focus{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border:none;width:100%}.menu__separator{border:none;margin:.35rem 0;color:#ffffff1a;height:1px;background-color:#ffffff1a}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.scroll-area{overflow:hidden}.scroll-area__viewport{width:100%;height:100%}.scroll-area__scrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none}.scroll-area__scrollbar[data-orientation=vertical]{width:.5rem}.scroll-area__scrollbar[data-orientation=horizontal]{flex-direction:column;height:.5rem}.scroll-area__thumb{flex:1;cursor:grabbing}.scroll-area__thumb{border:
|
|
1
|
+
.scroll-area{overflow:hidden}.scroll-area__viewport{width:100%;height:100%}.scroll-area__scrollbar{display:flex;-webkit-user-select:none;user-select:none;touch-action:none}.scroll-area__scrollbar[data-orientation=vertical]{width:.5rem}.scroll-area__scrollbar[data-orientation=horizontal]{flex-direction:column;height:.5rem}.scroll-area__thumb{flex:1;cursor:grabbing}.scroll-area__thumb{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:1rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.segmented-control{padding:.35rem;gap:.35rem;display:flex;flex-wrap:nowrap}.segmented-control{
|
|
1
|
+
.segmented-control{padding:.35rem;gap:.35rem;display:flex;flex-wrap:nowrap}.segmented-control{background:#030014;border:1px solid rgba(3,0,20,.25);color:#030014bf;position:relative;box-sizing:border-box;border-radius:1rem}.segmented-control__item{cursor:pointer;padding:.35rem .7rem}.segmented-control__item{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;border-radius:.65rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;font-size:.8rem;box-shadow:none}.segmented-control__item[data-state=off]{background:transparent}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.toast{padding:1rem;width:100%;overflow:hidden}.toast{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.toast__header{align-items:flex-start;justify-content:space-between;gap:.7rem}.toast__icon{display:flex;align-items:center;justify-content:center}.toast__content{box-sizing:border-box;margin-left:27px}.toast__header-wrapper{align-items:flex-start;gap:.7rem}.toast__header-wrapper>svg{min-width:1rem;min-height:1rem}.toast__dismissible{cursor:pointer;display:flex;align-items:center;justify-content:center}.toast__dismissible{border-radius:1rem}.toast__dismissible svg{min-width:1rem;min-height:1rem}@keyframes toast-duration{0%{width:0%}to{width:100%}}.toast:hover .toast__duration:after{animation-play-state:paused}.toast__duration{position:relative;margin:1rem -1rem -1rem;padding:.35rem 1rem .6rem}.toast__duration{border-top:1px solid rgba(255,255,255,.1)}.toast__duration:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:4px;background:#ffffff1a;animation-name:toast-duration;animation-duration:var(--toast-duration, 4s);animation-timing-function:linear;animation-fill-mode:forwards}.toast--primary{
|
|
1
|
+
.toast{padding:1rem;width:100%;overflow:hidden}.toast{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5}.toast__header{align-items:flex-start;justify-content:space-between;gap:.7rem}.toast__icon{display:flex;align-items:center;justify-content:center}.toast__content{box-sizing:border-box;margin-left:27px}.toast__header-wrapper{align-items:flex-start;gap:.7rem}.toast__header-wrapper>svg{min-width:1rem;min-height:1rem}.toast__dismissible{cursor:pointer;display:flex;align-items:center;justify-content:center}.toast__dismissible{border-radius:1rem}.toast__dismissible svg{min-width:1rem;min-height:1rem}@keyframes toast-duration{0%{width:0%}to{width:100%}}.toast:hover .toast__duration:after{animation-play-state:paused}.toast__duration{position:relative;margin:1rem -1rem -1rem;padding:.35rem 1rem .6rem}.toast__duration{border-top:1px solid rgba(255,255,255,.1)}.toast__duration:after{content:"";position:absolute;left:0;bottom:0;width:0%;height:4px;background:#ffffff1a;animation-name:toast-duration;animation-duration:var(--toast-duration, 4s);animation-timing-function:linear;animation-fill-mode:forwards}.toast--primary{background:#030014;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.toast--secondary{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.toast--success{background:#091d14;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.toast--warning{background:#291d13;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.toast--error{background:#230117;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.toast--info{background:#13262c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tooltip__content{z-index:999;padding:.35rem .7rem}.tooltip__content{border:
|
|
1
|
+
.tooltip__content{z-index:999;padding:.35rem .7rem}.tooltip__content{background:#292637;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;line-height:1.5;border-radius:1rem;box-shadow:none}.tooltip__arrow{fill:#292637}
|
|
@@ -1,32 +1,19 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { mergeCode0Props as h } from "../../utils/utils.js";
|
|
1
|
+
import { jsx as r, jsxs as c, Fragment as p } from "react/jsx-runtime";
|
|
2
|
+
import t from "react";
|
|
3
|
+
import { mergeCode0Props as d } from "../../utils/utils.js";
|
|
5
4
|
import '../../assets/components/breadcrumb/Breadcrumb.style.css';/* empty css */
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
}
|
|
17
|
-
l = e[1], t = e[2], i = e[3];
|
|
18
|
-
let m;
|
|
19
|
-
if (e[4] !== l || e[5] !== t) {
|
|
20
|
-
let r;
|
|
21
|
-
e[7] !== t ? (r = (o, n) => /* @__PURE__ */ p(f, { children: [
|
|
22
|
-
o,
|
|
23
|
-
n <= a.Children.count(o) ? /* @__PURE__ */ d("span", { className: "breadcrumb__splitter", children: t }) : null
|
|
24
|
-
] }), e[7] = t, e[8] = r) : r = e[8], m = a.Children.map(l, r), e[4] = l, e[5] = t, e[6] = m;
|
|
25
|
-
} else
|
|
26
|
-
m = e[6];
|
|
27
|
-
let s;
|
|
28
|
-
return e[9] !== i || e[10] !== m ? (s = /* @__PURE__ */ d("div", { ...i, children: m }), e[9] = i, e[10] = m, e[11] = s) : s = e[11], s;
|
|
5
|
+
import { IconChevronRight as l } from "@tabler/icons-react";
|
|
6
|
+
const C = (o) => {
|
|
7
|
+
const {
|
|
8
|
+
splitter: m = /* @__PURE__ */ r(l, { size: 16 }),
|
|
9
|
+
children: n,
|
|
10
|
+
...i
|
|
11
|
+
} = o;
|
|
12
|
+
return /* @__PURE__ */ r("div", { ...d("breadcrumb", i), children: t.Children.map(n, (e, s) => /* @__PURE__ */ c(p, { children: [
|
|
13
|
+
e,
|
|
14
|
+
s <= t.Children.count(e) ? /* @__PURE__ */ r("span", { className: "breadcrumb__splitter", children: m }) : null
|
|
15
|
+
] })) });
|
|
29
16
|
};
|
|
30
17
|
export {
|
|
31
|
-
|
|
18
|
+
C as Breadcrumb
|
|
32
19
|
};
|
|
@@ -1,21 +1,27 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { mergeCode0Props as
|
|
1
|
+
import { jsx as a, Fragment as l } from "react/jsx-runtime";
|
|
2
|
+
import { c as f } from "../../_virtual/compiler-runtime.js";
|
|
3
|
+
import { mergeCode0Props as v } from "../../utils/utils.js";
|
|
4
4
|
const u = (i) => {
|
|
5
|
-
const e =
|
|
6
|
-
let r,
|
|
5
|
+
const e = f.c(6);
|
|
6
|
+
let r, o;
|
|
7
7
|
if (e[0] !== i) {
|
|
8
8
|
const {
|
|
9
9
|
image: c,
|
|
10
|
-
border:
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
border: s,
|
|
11
|
+
hover: d,
|
|
12
|
+
children: n,
|
|
13
|
+
...m
|
|
13
14
|
} = i;
|
|
14
|
-
r =
|
|
15
|
+
r = n, o = v(`
|
|
16
|
+
card__section
|
|
17
|
+
${(s === void 0 ? !1 : s) ? "card__section--border" : ""}
|
|
18
|
+
${(c === void 0 ? !1 : c) ? "card__section--image" : ""}
|
|
19
|
+
${(d === void 0 ? !1 : d) ? "card__section--hover" : ""}
|
|
20
|
+
`, m), e[0] = i, e[1] = r, e[2] = o;
|
|
15
21
|
} else
|
|
16
|
-
r = e[1],
|
|
17
|
-
let
|
|
18
|
-
return e[3] !== r || e[4] !==
|
|
22
|
+
r = e[1], o = e[2];
|
|
23
|
+
let t;
|
|
24
|
+
return e[3] !== r || e[4] !== o ? (t = /* @__PURE__ */ a(l, { children: /* @__PURE__ */ a("div", { ...o, children: r }) }), e[3] = r, e[4] = o, e[5] = t) : t = e[5], t;
|
|
19
25
|
};
|
|
20
26
|
export {
|
|
21
27
|
u as default
|
|
@@ -1,51 +1,51 @@
|
|
|
1
1
|
import { jsx as h, jsxs as p } from "react/jsx-runtime";
|
|
2
2
|
import { c as E } from "../../_virtual/compiler-runtime.js";
|
|
3
3
|
import { mergeCode0Props as F } from "../../utils/utils.js";
|
|
4
|
-
import { Flex as
|
|
4
|
+
import { Flex as N } from "../flex/Flex.js";
|
|
5
5
|
import '../../assets/components/d-layout/DLayout.style.css';/* empty css */
|
|
6
6
|
const k = (C) => {
|
|
7
7
|
const t = E.c(29);
|
|
8
|
-
let e,
|
|
8
|
+
let e, n, l, o, s, i;
|
|
9
9
|
if (t[0] !== C) {
|
|
10
10
|
const {
|
|
11
|
-
children:
|
|
12
|
-
topContent:
|
|
11
|
+
children: v,
|
|
12
|
+
topContent: x,
|
|
13
13
|
bottomContent: b,
|
|
14
14
|
leftContent: g,
|
|
15
15
|
rightContent: j,
|
|
16
16
|
...D
|
|
17
17
|
} = C;
|
|
18
|
-
|
|
18
|
+
n = v, i = x, e = b, l = g, o = j, s = F("d-layout", D), t[0] = C, t[1] = e, t[2] = n, t[3] = l, t[4] = o, t[5] = s, t[6] = i;
|
|
19
19
|
} else
|
|
20
|
-
e = t[1],
|
|
21
|
-
let
|
|
22
|
-
t[7] === Symbol.for("react.memo_cache_sentinel") ? (
|
|
20
|
+
e = t[1], n = t[2], l = t[3], o = t[4], s = t[5], i = t[6];
|
|
21
|
+
let u;
|
|
22
|
+
t[7] === Symbol.for("react.memo_cache_sentinel") ? (u = {
|
|
23
23
|
flexDirection: "column"
|
|
24
|
-
}, t[7] =
|
|
25
|
-
let
|
|
26
|
-
t[8] !==
|
|
24
|
+
}, t[7] = u) : u = t[7];
|
|
25
|
+
let r;
|
|
26
|
+
t[8] !== i ? (r = i && /* @__PURE__ */ h("div", { className: "d-layout__top", children: i }), t[8] = i, t[9] = r) : r = t[9];
|
|
27
27
|
let c;
|
|
28
|
-
t[10] !== l ? (c = l
|
|
28
|
+
t[10] !== l ? (c = l && /* @__PURE__ */ h("div", { className: "d-layout__left", children: l }), t[10] = l, t[11] = c) : c = t[11];
|
|
29
29
|
let m;
|
|
30
|
-
t[12] !==
|
|
31
|
-
let d;
|
|
32
|
-
t[14] !== o ? (d = o ? /* @__PURE__ */ h("div", { className: "d-layout__right", children: o }) : null, t[14] = o, t[15] = d) : d = t[15];
|
|
30
|
+
t[12] !== n ? (m = /* @__PURE__ */ h("div", { className: "d-layout__content", children: n }), t[12] = n, t[13] = m) : m = t[13];
|
|
33
31
|
let a;
|
|
34
|
-
t[
|
|
32
|
+
t[14] !== o ? (a = o && /* @__PURE__ */ h("div", { className: "d-layout__right", children: o }), t[14] = o, t[15] = a) : a = t[15];
|
|
33
|
+
let d;
|
|
34
|
+
t[16] !== c || t[17] !== m || t[18] !== a ? (d = /* @__PURE__ */ p(N, { className: "d-layout__middle", children: [
|
|
35
35
|
c,
|
|
36
36
|
m,
|
|
37
|
-
|
|
38
|
-
] }), t[16] = c, t[17] = m, t[18] =
|
|
37
|
+
a
|
|
38
|
+
] }), t[16] = c, t[17] = m, t[18] = a, t[19] = d) : d = t[19];
|
|
39
39
|
let f;
|
|
40
|
-
t[20] !== e ? (f = e
|
|
41
|
-
let
|
|
42
|
-
t[22] !==
|
|
43
|
-
|
|
44
|
-
|
|
40
|
+
t[20] !== e ? (f = e && /* @__PURE__ */ h("div", { className: "d-layout__bottom", children: e }), t[20] = e, t[21] = f) : f = t[21];
|
|
41
|
+
let _;
|
|
42
|
+
t[22] !== r || t[23] !== d || t[24] !== f ? (_ = /* @__PURE__ */ p(N, { className: "d-layout__inner", style: u, children: [
|
|
43
|
+
r,
|
|
44
|
+
d,
|
|
45
45
|
f
|
|
46
|
-
] }), t[22] =
|
|
46
|
+
] }), t[22] = r, t[23] = d, t[24] = f, t[25] = _) : _ = t[25];
|
|
47
47
|
let y;
|
|
48
|
-
return t[26] !==
|
|
48
|
+
return t[26] !== s || t[27] !== _ ? (y = /* @__PURE__ */ h("div", { ...s, children: _ }), t[26] = s, t[27] = _, t[28] = y) : y = t[28], y;
|
|
49
49
|
};
|
|
50
50
|
export {
|
|
51
51
|
k as DLayout
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { Card } from '../card/Card';
|
|
3
3
|
import { DOrganizationView } from './DOrganization.view';
|
|
4
|
-
import {
|
|
5
|
-
export interface DOrganizationListProps extends Omit<Card, "children"> {
|
|
4
|
+
import { Organization } from '@code0-tech/sagittarius-graphql-types';
|
|
5
|
+
export interface DOrganizationListProps extends Omit<Card, "children" | "onSelect"> {
|
|
6
6
|
filter?: (organizations: DOrganizationView, index: number) => boolean;
|
|
7
|
-
onSetting?: (organizationId:
|
|
8
|
-
onLeave?: (organizationId:
|
|
7
|
+
onSetting?: (organizationId: Organization['id']) => void;
|
|
8
|
+
onLeave?: (organizationId: Organization['id']) => void;
|
|
9
|
+
onSelect?: (organizationId: Organization['id']) => void;
|
|
9
10
|
}
|
|
10
11
|
export declare const DOrganizationList: React.FC<DOrganizationListProps>;
|
|
@@ -1,20 +1,23 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { Card as
|
|
4
|
-
import { useService as
|
|
2
|
+
import p from "react";
|
|
3
|
+
import { Card as u } from "../card/Card.js";
|
|
4
|
+
import { useService as S, useStore as l } from "../../utils/contextStore.js";
|
|
5
5
|
import "merge-props";
|
|
6
|
-
import { DOrganizationReactiveService as
|
|
7
|
-
import
|
|
8
|
-
import { DOrganizationContent as
|
|
9
|
-
const
|
|
10
|
-
const
|
|
11
|
-
filter:
|
|
12
|
-
onLeave:
|
|
13
|
-
onSetting:
|
|
14
|
-
|
|
6
|
+
import { DOrganizationReactiveService as e } from "./DOrganization.service.js";
|
|
7
|
+
import v from "../card/CardSection.js";
|
|
8
|
+
import { DOrganizationContent as g } from "./DOrganizatonContent.js";
|
|
9
|
+
const b = (i) => {
|
|
10
|
+
const n = S(e), m = l(e), a = p.useMemo(() => n.values(), [m]), {
|
|
11
|
+
filter: c = () => !0,
|
|
12
|
+
onLeave: s,
|
|
13
|
+
onSetting: d,
|
|
14
|
+
onSelect: t,
|
|
15
|
+
...f
|
|
15
16
|
} = i;
|
|
16
|
-
return /* @__PURE__ */ o(
|
|
17
|
+
return /* @__PURE__ */ o(u, { ...f, children: a.filter(c).map((r) => r.id && /* @__PURE__ */ o(v, { border: !0, hover: !0, onClick: () => {
|
|
18
|
+
t && t(r.id);
|
|
19
|
+
}, children: /* @__PURE__ */ o(g, { onLeave: s, onSetting: d, organizationId: r?.id }) }, r.id)) });
|
|
17
20
|
};
|
|
18
21
|
export {
|
|
19
|
-
|
|
22
|
+
b as DOrganizationList
|
|
20
23
|
};
|
|
@@ -3,80 +3,84 @@ import c from "react";
|
|
|
3
3
|
import { useStore as s, useService as a } from "../../utils/contextStore.js";
|
|
4
4
|
import "merge-props";
|
|
5
5
|
import { Text as m } from "../text/Text.js";
|
|
6
|
-
import { DOrganizationReactiveService as
|
|
7
|
-
import { IconFolder as
|
|
8
|
-
import { Flex as
|
|
9
|
-
import { Button as
|
|
10
|
-
import { Spacing as
|
|
6
|
+
import { DOrganizationReactiveService as f } from "./DOrganization.service.js";
|
|
7
|
+
import { IconFolder as k, IconUser as L, IconServer as N, IconSettings as w, IconLogout as F } from "@tabler/icons-react";
|
|
8
|
+
import { Flex as o } from "../flex/Flex.js";
|
|
9
|
+
import { Button as v } from "../button/Button.js";
|
|
10
|
+
import { Spacing as P } from "../spacing/Spacing.js";
|
|
11
11
|
import { Avatar as T } from "../avatar/Avatar.js";
|
|
12
|
-
import { DUserReactiveService as
|
|
12
|
+
import { DUserReactiveService as z } from "../d-user/DUser.service.js";
|
|
13
13
|
import "../../_virtual/compiler-runtime.js";
|
|
14
14
|
import '../../assets/components/card/Card.style.css';import '../../assets/components/menu/Menu.style.css';/* empty css */
|
|
15
15
|
import "@radix-ui/react-dropdown-menu";
|
|
16
16
|
/* empty css */
|
|
17
17
|
import { useUserSession as W } from "../d-user/DUser.session.hook.js";
|
|
18
|
-
import { Badge as
|
|
19
|
-
import { DNamespaceReactiveService as
|
|
20
|
-
import { DNamespaceMemberReactiveService as
|
|
21
|
-
const
|
|
18
|
+
import { Badge as d } from "../badge/Badge.js";
|
|
19
|
+
import { DNamespaceReactiveService as b } from "../d-namespace/DNamespace.service.js";
|
|
20
|
+
import { DNamespaceMemberReactiveService as x } from "../d-member/DNamespaceMember.service.js";
|
|
21
|
+
const ae = (I) => {
|
|
22
22
|
const {
|
|
23
|
-
organizationId:
|
|
24
|
-
onLeave:
|
|
23
|
+
organizationId: n,
|
|
24
|
+
onLeave: M = () => {
|
|
25
25
|
},
|
|
26
|
-
onSetting:
|
|
26
|
+
onSetting: j = () => {
|
|
27
27
|
}
|
|
28
|
-
} =
|
|
29
|
-
return /* @__PURE__ */ r(
|
|
28
|
+
} = I, B = s(f), C = a(f), D = s(b), $ = a(b), A = s(x), R = a(x), U = a(z), O = s(z), g = W(), l = c.useMemo(() => U.getById(g?.user?.id), [O, g]), t = c.useMemo(() => n ? C.getById(n) : null, [B, n]), i = c.useMemo(() => t ? $.getById(t.namespace?.id) : null, [D, t]), u = c.useMemo(() => i && l ? R.getByNamespaceIdAndUserId(i.id, l.id) : null, [A, i, l]), y = i?.projects?.count, h = i?.members?.count, S = i?.runtimes?.count;
|
|
29
|
+
return /* @__PURE__ */ r(o, { align: "center", style: {
|
|
30
30
|
gap: "1.3rem"
|
|
31
31
|
}, justify: "space-between", children: [
|
|
32
|
-
/* @__PURE__ */ r(
|
|
32
|
+
/* @__PURE__ */ r(o, { align: "center", style: {
|
|
33
33
|
gap: "1.3rem"
|
|
34
34
|
}, children: [
|
|
35
|
-
/* @__PURE__ */ e(T, { bg: "transparent", identifier:
|
|
36
|
-
/* @__PURE__ */ r(
|
|
35
|
+
/* @__PURE__ */ e(T, { bg: "transparent", identifier: t?.name ?? "" }),
|
|
36
|
+
/* @__PURE__ */ r(o, { style: {
|
|
37
37
|
flexDirection: "column"
|
|
38
38
|
}, children: [
|
|
39
|
-
/* @__PURE__ */ e(m, { size: "lg", hierarchy: "primary", display: "block", children:
|
|
40
|
-
/* @__PURE__ */ e(
|
|
41
|
-
/* @__PURE__ */ r(
|
|
39
|
+
/* @__PURE__ */ e(m, { size: "lg", hierarchy: "primary", display: "block", children: t?.name }),
|
|
40
|
+
/* @__PURE__ */ e(P, { spacing: "xxs" }),
|
|
41
|
+
/* @__PURE__ */ r(o, { align: "center", style: {
|
|
42
42
|
gap: "0.35rem",
|
|
43
43
|
flexWrap: "wrap"
|
|
44
44
|
}, children: [
|
|
45
|
-
/* @__PURE__ */ e(
|
|
45
|
+
/* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ r(o, { align: "center", style: {
|
|
46
46
|
gap: "0.35rem"
|
|
47
47
|
}, children: [
|
|
48
|
-
/* @__PURE__ */ e(
|
|
49
|
-
/* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${
|
|
48
|
+
/* @__PURE__ */ e(k, { size: 16 }),
|
|
49
|
+
/* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${y ?? 0} project${(y ?? 0) !== 1 ? "s" : ""}` })
|
|
50
50
|
] }) }),
|
|
51
|
-
/* @__PURE__ */ e(
|
|
51
|
+
/* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ r(o, { align: "center", style: {
|
|
52
52
|
gap: "0.35rem"
|
|
53
53
|
}, children: [
|
|
54
|
-
/* @__PURE__ */ e(
|
|
54
|
+
/* @__PURE__ */ e(L, { size: 16 }),
|
|
55
55
|
/* @__PURE__ */ r(m, { size: "xs", hierarchy: "tertiary", children: [
|
|
56
56
|
" ",
|
|
57
|
-
`${
|
|
57
|
+
`${h ?? 0} member${(h ?? 0) !== 1 ? "s" : ""}`
|
|
58
58
|
] })
|
|
59
59
|
] }) }),
|
|
60
|
-
/* @__PURE__ */ e(
|
|
60
|
+
/* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ r(o, { align: "center", style: {
|
|
61
61
|
gap: "0.35rem"
|
|
62
62
|
}, children: [
|
|
63
|
-
/* @__PURE__ */ e(
|
|
64
|
-
/* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${
|
|
63
|
+
/* @__PURE__ */ e(N, { size: 16 }),
|
|
64
|
+
/* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: `${S ?? 0} runtime${(S ?? 0) !== 1 ? "s" : ""}` })
|
|
65
65
|
] }) })
|
|
66
66
|
] })
|
|
67
67
|
] })
|
|
68
68
|
] }),
|
|
69
|
-
/* @__PURE__ */ r(
|
|
69
|
+
/* @__PURE__ */ r(o, { align: "center", style: {
|
|
70
70
|
gap: "0.35rem"
|
|
71
71
|
}, children: [
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
72
|
+
t?.userAbilities?.deleteOrganization || t?.userAbilities?.updateOrganization ? /* @__PURE__ */ e(v, { color: "secondary", onClick: (p) => {
|
|
73
|
+
p.stopPropagation(), j(n);
|
|
74
|
+
}, children: /* @__PURE__ */ e(w, { size: 16 }) }) : null,
|
|
75
|
+
u && u.userAbilities?.deleteMember ? /* @__PURE__ */ r(v, { color: "error", onClick: (p) => {
|
|
76
|
+
p.stopPropagation(), M(n);
|
|
77
|
+
}, children: [
|
|
78
|
+
/* @__PURE__ */ e(F, { size: 16 }),
|
|
75
79
|
" Leave"
|
|
76
80
|
] }) : null
|
|
77
81
|
] })
|
|
78
82
|
] });
|
|
79
83
|
};
|
|
80
84
|
export {
|
|
81
|
-
|
|
85
|
+
ae as DOrganizationContent
|
|
82
86
|
};
|
|
@@ -3,34 +3,34 @@ import { useService as n } from "../../utils/contextStore.js";
|
|
|
3
3
|
import a from "react";
|
|
4
4
|
import "merge-props";
|
|
5
5
|
import { Flex as o } from "../flex/Flex.js";
|
|
6
|
-
import { DNamespaceReactiveService as
|
|
7
|
-
import { DOrganizationReactiveService as
|
|
6
|
+
import { DNamespaceReactiveService as z } from "../d-namespace/DNamespace.service.js";
|
|
7
|
+
import { DOrganizationReactiveService as j } from "../d-organization/DOrganization.service.js";
|
|
8
8
|
import "../../_virtual/compiler-runtime.js";
|
|
9
9
|
import '../../assets/components/menu/Menu.style.css';import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/card/Card.style.css';/* empty css */
|
|
10
10
|
import { Text as c } from "../text/Text.js";
|
|
11
|
-
import { IconGitFork as
|
|
12
|
-
import { Button as
|
|
11
|
+
import { IconGitFork as I, IconServer as x, IconServerSpark as R, IconSettings as _ } from "@tabler/icons-react";
|
|
12
|
+
import { Button as B } from "../button/Button.js";
|
|
13
13
|
/* empty css */
|
|
14
|
-
import { Avatar as
|
|
15
|
-
import { DUserReactiveService as
|
|
14
|
+
import { Avatar as D } from "../avatar/Avatar.js";
|
|
15
|
+
import { DUserReactiveService as b } from "../d-user/DUser.service.js";
|
|
16
16
|
/* empty css */
|
|
17
17
|
import "@radix-ui/react-dropdown-menu";
|
|
18
18
|
import { Badge as s } from "../badge/Badge.js";
|
|
19
|
-
import { DNamespaceProjectReactiveService as
|
|
19
|
+
import { DNamespaceProjectReactiveService as P } from "./DNamespaceProject.service.js";
|
|
20
20
|
import { DRuntimeReactiveService as k } from "../d-runtime/DRuntime.service.js";
|
|
21
|
-
const
|
|
21
|
+
const Y = (m) => {
|
|
22
22
|
const {
|
|
23
23
|
projectId: y,
|
|
24
24
|
onSetting: g = () => {
|
|
25
25
|
}
|
|
26
|
-
} = m, p = n(
|
|
26
|
+
} = m, p = n(P), l = n(z), f = n(j), v = n(b), h = n(k), e = a.useMemo(() => p.getById(m.projectId), [p, m.projectId]), d = a.useMemo(() => e ? h.getById(e.primaryRuntime?.id) : null, [e]), t = a.useMemo(() => e ? l.getById(e.namespace?.id) : null, [l, e]), u = a.useMemo(() => t && t.parent ? t.parent.__typename === "Organization" ? f.getById(t.parent.id) : t.parent.__typename === "User" ? v.getById(t.parent.id) : null : null, []);
|
|
27
27
|
return /* @__PURE__ */ i(o, { align: "center", style: {
|
|
28
28
|
gap: "1.3rem"
|
|
29
29
|
}, justify: "space-between", children: [
|
|
30
30
|
/* @__PURE__ */ i(o, { align: "center", style: {
|
|
31
31
|
gap: "1.3rem"
|
|
32
32
|
}, children: [
|
|
33
|
-
/* @__PURE__ */ r(
|
|
33
|
+
/* @__PURE__ */ r(D, { bg: "transparent", identifier: (t?.parent?.__typename === "User" ? u.username : t?.parent?.__typename === "Organization" ? u.name : "") ?? "" }),
|
|
34
34
|
/* @__PURE__ */ i(o, { style: {
|
|
35
35
|
flexDirection: "column",
|
|
36
36
|
gap: "0.35rem"
|
|
@@ -47,22 +47,24 @@ const X = (m) => {
|
|
|
47
47
|
flexWrap: "wrap"
|
|
48
48
|
}, children: [
|
|
49
49
|
/* @__PURE__ */ i(s, { color: "secondary", children: [
|
|
50
|
-
/* @__PURE__ */ r(
|
|
50
|
+
/* @__PURE__ */ r(I, { size: 16 }),
|
|
51
51
|
/* @__PURE__ */ r(c, { size: "xs", children: e?.flows?.count ?? 0 })
|
|
52
52
|
] }),
|
|
53
53
|
/* @__PURE__ */ i(s, { color: "secondary", children: [
|
|
54
|
-
/* @__PURE__ */ r(
|
|
54
|
+
/* @__PURE__ */ r(x, { size: 16 }),
|
|
55
55
|
/* @__PURE__ */ r(c, { size: "xs", children: e?.runtimes?.count ?? 0 })
|
|
56
56
|
] }),
|
|
57
57
|
d && /* @__PURE__ */ i(s, { color: "secondary", children: [
|
|
58
|
-
/* @__PURE__ */ r(
|
|
58
|
+
/* @__PURE__ */ r(R, { size: 16 }),
|
|
59
59
|
/* @__PURE__ */ r(c, { size: "xs", children: d.name })
|
|
60
60
|
] })
|
|
61
61
|
] }),
|
|
62
|
-
e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(
|
|
62
|
+
e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(B, { color: "secondary", onClick: (S) => {
|
|
63
|
+
S.stopPropagation(), g(y);
|
|
64
|
+
}, children: /* @__PURE__ */ r(_, { size: 16 }) }) : null
|
|
63
65
|
] })
|
|
64
66
|
] });
|
|
65
67
|
};
|
|
66
68
|
export {
|
|
67
|
-
|
|
69
|
+
Y as DNamespaceProjectContent
|
|
68
70
|
};
|
|
@@ -2,8 +2,9 @@ import { default as React } from 'react';
|
|
|
2
2
|
import { NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
|
|
3
3
|
import { Card } from '../card/Card';
|
|
4
4
|
import { DNamespaceProjectView } from './DNamespaceProject.view';
|
|
5
|
-
export interface DNamespaceProjectListProps extends Omit<Card, "children"> {
|
|
5
|
+
export interface DNamespaceProjectListProps extends Omit<Card, "children" | "onSelect"> {
|
|
6
6
|
filter?: (project: DNamespaceProjectView, index: number) => boolean;
|
|
7
7
|
onSetting?: (projectId: NamespaceProject["id"]) => void;
|
|
8
|
+
onSelect?: (projectId: NamespaceProject["id"]) => void;
|
|
8
9
|
}
|
|
9
10
|
export declare const DNamespaceProjectList: React.FC<DNamespaceProjectListProps>;
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { Card as
|
|
4
|
-
import { useService as
|
|
2
|
+
import d from "react";
|
|
3
|
+
import { Card as f } from "../card/Card.js";
|
|
4
|
+
import { useService as u, useStore as S } from "../../utils/contextStore.js";
|
|
5
5
|
import "merge-props";
|
|
6
|
-
import { DNamespaceProjectReactiveService as
|
|
7
|
-
import
|
|
8
|
-
import { DNamespaceProjectContent as
|
|
9
|
-
const
|
|
6
|
+
import { DNamespaceProjectReactiveService as o } from "./DNamespaceProject.service.js";
|
|
7
|
+
import l from "../card/CardSection.js";
|
|
8
|
+
import { DNamespaceProjectContent as v } from "./DNamespaceProjectContent.js";
|
|
9
|
+
const b = (i) => {
|
|
10
10
|
const {
|
|
11
|
-
filter:
|
|
12
|
-
onSetting:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
filter: c = () => !0,
|
|
12
|
+
onSetting: m,
|
|
13
|
+
onSelect: t,
|
|
14
|
+
...s
|
|
15
|
+
} = i, n = u(o), p = S(o), a = d.useMemo(() => n.values(), [p]);
|
|
16
|
+
return /* @__PURE__ */ r(f, { ...s, children: a.filter(c).map((e) => e.id && /* @__PURE__ */ r(l, { border: !0, hover: !0, onClick: () => {
|
|
17
|
+
t && t(e.id);
|
|
18
|
+
}, children: /* @__PURE__ */ r(v, { onSetting: m, projectId: e?.id }) }, e.id)) });
|
|
16
19
|
};
|
|
17
20
|
export {
|
|
18
|
-
|
|
21
|
+
b as DNamespaceProjectList
|
|
19
22
|
};
|
|
@@ -1,38 +1,40 @@
|
|
|
1
1
|
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import d from "react";
|
|
3
3
|
import { Text as n } from "../text/Text.js";
|
|
4
|
-
import { Flex as
|
|
5
|
-
import { IconSettings as
|
|
6
|
-
import { Button as
|
|
7
|
-
import { useService as
|
|
4
|
+
import { Flex as t } from "../flex/Flex.js";
|
|
5
|
+
import { IconSettings as h } from "@tabler/icons-react";
|
|
6
|
+
import { Button as f } from "../button/Button.js";
|
|
7
|
+
import { useService as g, useStore as y } from "../../utils/contextStore.js";
|
|
8
8
|
import "merge-props";
|
|
9
9
|
import { DRuntimeReactiveService as c } from "./DRuntime.service.js";
|
|
10
|
-
import { Badge as
|
|
11
|
-
const
|
|
10
|
+
import { Badge as s } from "../badge/Badge.js";
|
|
11
|
+
const v = (m) => {
|
|
12
12
|
const {
|
|
13
|
-
runtimeId:
|
|
13
|
+
runtimeId: i,
|
|
14
14
|
onSetting: l = () => {
|
|
15
15
|
}
|
|
16
|
-
} =
|
|
17
|
-
return /* @__PURE__ */ o(
|
|
18
|
-
/* @__PURE__ */ o(
|
|
16
|
+
} = m, a = g(c), p = y(c), r = d.useMemo(() => a.getById(i), [p, i]);
|
|
17
|
+
return /* @__PURE__ */ o(t, { justify: "space-between", align: "center", children: [
|
|
18
|
+
/* @__PURE__ */ o(t, { style: {
|
|
19
19
|
flexDirection: "column",
|
|
20
20
|
gap: "0.35rem"
|
|
21
21
|
}, children: [
|
|
22
22
|
/* @__PURE__ */ e(n, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
|
|
23
23
|
/* @__PURE__ */ e(n, { size: "sm", hierarchy: "tertiary", display: "block", children: r?.description })
|
|
24
24
|
] }),
|
|
25
|
-
/* @__PURE__ */ o(
|
|
25
|
+
/* @__PURE__ */ o(t, { align: "center", style: {
|
|
26
26
|
gap: "1.3rem"
|
|
27
27
|
}, children: [
|
|
28
|
-
/* @__PURE__ */ e(
|
|
28
|
+
/* @__PURE__ */ e(t, { align: "center", style: {
|
|
29
29
|
gap: "0.35rem",
|
|
30
30
|
flexWrap: "wrap"
|
|
31
|
-
}, children: r?.status === "CONNECTED" ? /* @__PURE__ */ e(
|
|
32
|
-
r?.userAbilities?.deleteRuntime || r?.userAbilities?.updateRuntime || r?.userAbilities?.rotateRuntimeToken ? /* @__PURE__ */ e(
|
|
31
|
+
}, children: r?.status === "CONNECTED" ? /* @__PURE__ */ e(s, { color: "success", children: "CONNECTED" }) : /* @__PURE__ */ e(s, { color: "error", children: "DISCONNECTED" }) }),
|
|
32
|
+
r?.userAbilities?.deleteRuntime || r?.userAbilities?.updateRuntime || r?.userAbilities?.rotateRuntimeToken ? /* @__PURE__ */ e(f, { color: "secondary", onClick: (u) => {
|
|
33
|
+
u.stopPropagation(), l(i);
|
|
34
|
+
}, children: /* @__PURE__ */ e(h, { size: 16 }) }) : null
|
|
33
35
|
] })
|
|
34
36
|
] });
|
|
35
37
|
};
|
|
36
38
|
export {
|
|
37
|
-
|
|
39
|
+
v as DRuntimeContent
|
|
38
40
|
};
|
|
@@ -2,8 +2,9 @@ import { Runtime } from '@code0-tech/sagittarius-graphql-types';
|
|
|
2
2
|
import { DRuntimeView } from './DRuntime.view';
|
|
3
3
|
import { Card } from '../card/Card';
|
|
4
4
|
import { default as React } from 'react';
|
|
5
|
-
export interface DRuntimeListProps extends Omit<Card, "children"> {
|
|
5
|
+
export interface DRuntimeListProps extends Omit<Card, "children" | "onSelect"> {
|
|
6
6
|
filter?: (runtime: DRuntimeView, index: number) => boolean;
|
|
7
|
+
onSelect?: (userId: Runtime['id']) => void;
|
|
7
8
|
onSetting?: (runtimeId: Runtime['id']) => void;
|
|
8
9
|
}
|
|
9
10
|
export declare const DRuntimeList: React.FC<DRuntimeListProps>;
|
|
@@ -1,19 +1,22 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Card as
|
|
3
|
-
import
|
|
4
|
-
import { useService as
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { Card as f } from "../card/Card.js";
|
|
3
|
+
import p from "react";
|
|
4
|
+
import { useService as S, useStore as l } from "../../utils/contextStore.js";
|
|
5
5
|
import "merge-props";
|
|
6
|
-
import { DRuntimeReactiveService as
|
|
6
|
+
import { DRuntimeReactiveService as o } from "./DRuntime.service.js";
|
|
7
7
|
import a from "../card/CardSection.js";
|
|
8
|
-
import { DRuntimeContent as
|
|
9
|
-
const
|
|
8
|
+
import { DRuntimeContent as v } from "./DRuntimeContent.js";
|
|
9
|
+
const k = (i) => {
|
|
10
10
|
const {
|
|
11
|
-
filter:
|
|
12
|
-
onSetting:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
filter: m = () => !0,
|
|
12
|
+
onSetting: n,
|
|
13
|
+
onSelect: t,
|
|
14
|
+
...c
|
|
15
|
+
} = i, s = S(o), u = l(o), d = p.useMemo(() => s.values(), [u]);
|
|
16
|
+
return /* @__PURE__ */ r(f, { ...c, children: d.filter(m).map((e) => e.id && /* @__PURE__ */ r(a, { border: !0, hover: !0, onClick: () => {
|
|
17
|
+
t && t(e.id);
|
|
18
|
+
}, children: /* @__PURE__ */ r(v, { onSetting: n, runtimeId: e?.id }) }, e.id)) });
|
|
16
19
|
};
|
|
17
20
|
export {
|
|
18
|
-
|
|
21
|
+
k as DRuntimeList
|
|
19
22
|
};
|
|
@@ -2,8 +2,9 @@ import { User } from '@code0-tech/sagittarius-graphql-types';
|
|
|
2
2
|
import { DUserView } from './DUser.view';
|
|
3
3
|
import { default as React } from 'react';
|
|
4
4
|
import { Card } from '../card/Card';
|
|
5
|
-
export interface DUserListProps extends Omit<Card, "children"> {
|
|
5
|
+
export interface DUserListProps extends Omit<Card, "children" | "onSelect"> {
|
|
6
6
|
filter?: (user: DUserView, index: number) => boolean;
|
|
7
|
+
onSelect?: (userId: User['id']) => void;
|
|
7
8
|
onRemove?: (userId: User['id']) => void;
|
|
8
9
|
}
|
|
9
10
|
export declare const DUserList: React.FC<DUserListProps>;
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import { useService as
|
|
2
|
+
import p from "react";
|
|
3
|
+
import { useService as u, useStore as l } from "../../utils/contextStore.js";
|
|
4
4
|
import "merge-props";
|
|
5
|
-
import { DUserReactiveService as
|
|
6
|
-
import { Card as
|
|
7
|
-
import
|
|
8
|
-
import { DUserContent as
|
|
9
|
-
const
|
|
5
|
+
import { DUserReactiveService as t } from "./DUser.service.js";
|
|
6
|
+
import { Card as v } from "../card/Card.js";
|
|
7
|
+
import S from "../card/CardSection.js";
|
|
8
|
+
import { DUserContent as a } from "./DUserContent.js";
|
|
9
|
+
const k = (i) => {
|
|
10
10
|
const {
|
|
11
|
-
filter:
|
|
12
|
-
onRemove:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
filter: m = () => !0,
|
|
12
|
+
onRemove: s,
|
|
13
|
+
onSelect: o,
|
|
14
|
+
...c
|
|
15
|
+
} = i, n = u(t), d = l(t), f = p.useMemo(() => n.values(), [d]);
|
|
16
|
+
return /* @__PURE__ */ e(v, { ...c, children: f.filter(m).map((r) => r && r.id && /* @__PURE__ */ e(S, { border: !0, hover: !0, onClick: () => {
|
|
17
|
+
o && o(r.id);
|
|
18
|
+
}, children: /* @__PURE__ */ e(a, { onRemove: s, userId: r?.id }) }, r.id)) });
|
|
16
19
|
};
|
|
17
20
|
export {
|
|
18
|
-
|
|
21
|
+
k as DUserList
|
|
19
22
|
};
|
|
@@ -1,49 +1,44 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { c as
|
|
3
|
-
import { Card as
|
|
1
|
+
import { jsxs as x, jsx as f } from "react/jsx-runtime";
|
|
2
|
+
import { c as q } from "../../_virtual/compiler-runtime.js";
|
|
3
|
+
import { Card as N } from "../card/Card.js";
|
|
4
4
|
import '../../assets/components/quote/Quote.style.css';/* empty css */
|
|
5
|
-
import { Text as
|
|
6
|
-
import
|
|
7
|
-
const
|
|
8
|
-
const e =
|
|
9
|
-
let
|
|
10
|
-
e[0] !==
|
|
5
|
+
import { Text as _ } from "../text/Text.js";
|
|
6
|
+
import g from "../card/CardSection.js";
|
|
7
|
+
const B = (h) => {
|
|
8
|
+
const e = q.c(25);
|
|
9
|
+
let l, r, t, i, o, p;
|
|
10
|
+
e[0] !== h ? ({
|
|
11
11
|
logo: t,
|
|
12
|
-
name:
|
|
13
|
-
position:
|
|
12
|
+
name: i,
|
|
13
|
+
position: o,
|
|
14
14
|
inlineBorder: p,
|
|
15
15
|
children: r,
|
|
16
|
-
...
|
|
17
|
-
} =
|
|
18
|
-
|
|
16
|
+
...l
|
|
17
|
+
} = h, e[0] = h, e[1] = l, e[2] = r, e[3] = t, e[4] = i, e[5] = o, e[6] = p) : (l = e[1], r = e[2], t = e[3], i = e[4], o = e[5], p = e[6]);
|
|
18
|
+
let s;
|
|
19
|
+
e[7] !== r ? (s = /* @__PURE__ */ f(g, { border: !0, children: /* @__PURE__ */ f("div", { className: "quote__text", children: r }) }), e[7] = r, e[8] = s) : s = e[8];
|
|
19
20
|
let m;
|
|
20
|
-
e[
|
|
21
|
+
e[9] !== t ? (m = t ? /* @__PURE__ */ f("div", { children: /* @__PURE__ */ f("img", { className: "quote__img", src: t, alt: "logo of quote" }) }) : null, e[9] = t, e[10] = m) : m = e[10];
|
|
21
22
|
let c;
|
|
22
|
-
e[
|
|
23
|
+
e[11] !== i ? (c = /* @__PURE__ */ f(_, { size: "md", hierarchy: "primary", m: 0, children: i }), e[11] = i, e[12] = c) : c = e[12];
|
|
23
24
|
let n;
|
|
24
|
-
e[
|
|
25
|
+
e[13] !== o ? (n = /* @__PURE__ */ f(_, { size: "sm", children: o }), e[13] = o, e[14] = n) : n = e[14];
|
|
25
26
|
let d;
|
|
26
|
-
e[
|
|
27
|
-
|
|
28
|
-
|
|
27
|
+
e[15] !== c || e[16] !== n ? (d = /* @__PURE__ */ x("div", { children: [
|
|
28
|
+
c,
|
|
29
|
+
n
|
|
30
|
+
] }), e[15] = c, e[16] = n, e[17] = d) : d = e[17];
|
|
29
31
|
let a;
|
|
30
|
-
e[18] !==
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
] }), e[18] =
|
|
34
|
-
let h;
|
|
35
|
-
e[21] !== n || e[22] !== a ? (h = /* @__PURE__ */ q(N, { className: "quote__footer", children: [
|
|
36
|
-
n,
|
|
37
|
-
a
|
|
38
|
-
] }), e[21] = n, e[22] = a, e[23] = h) : h = e[23];
|
|
32
|
+
e[18] !== m || e[19] !== d ? (a = /* @__PURE__ */ x(g, { border: !0, className: "quote__footer", children: [
|
|
33
|
+
m,
|
|
34
|
+
d
|
|
35
|
+
] }), e[18] = m, e[19] = d, e[20] = a) : a = e[20];
|
|
39
36
|
let u;
|
|
40
|
-
e[
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
] }), e[
|
|
44
|
-
let x;
|
|
45
|
-
return e[27] !== i || e[28] !== u ? (x = /* @__PURE__ */ l(y, { ...i, children: u }), e[27] = i, e[28] = u, e[29] = x) : x = e[29], x;
|
|
37
|
+
return e[21] !== l || e[22] !== s || e[23] !== a ? (u = /* @__PURE__ */ x(N, { ...l, className: "quote", children: [
|
|
38
|
+
s,
|
|
39
|
+
a
|
|
40
|
+
] }), e[21] = l, e[22] = s, e[23] = a, e[24] = u) : u = e[24], u;
|
|
46
41
|
};
|
|
47
42
|
export {
|
|
48
|
-
|
|
43
|
+
B as Quote
|
|
49
44
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@code0-tech/pictor",
|
|
3
|
-
"version": "0.0.0-mvp.
|
|
3
|
+
"version": "0.0.0-mvp.17",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "A simple template for a custom React component library",
|
|
6
6
|
"scripts": {
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"@ariakit/react": "^0.4.17",
|
|
21
21
|
"@babel/plugin-proposal-decorators": "^7.28.0",
|
|
22
22
|
"@babel/plugin-transform-class-properties": "^7.27.1",
|
|
23
|
-
"@code0-tech/definition-reader": "^0.0.
|
|
23
|
+
"@code0-tech/definition-reader": "^0.0.18",
|
|
24
24
|
"@code0-tech/sagittarius-graphql-types": "^0.0.0-beb91167a8ea12eb6d4a6e3933483bacf845f2f6",
|
|
25
25
|
"@dagrejs/dagre": "^1.1.8",
|
|
26
26
|
"@mdx-js/react": "^3.1.1",
|
|
@@ -37,17 +37,17 @@
|
|
|
37
37
|
"@rollup/plugin-node-resolve": "^16.0.3",
|
|
38
38
|
"@rollup/plugin-terser": "^0.4.4",
|
|
39
39
|
"@rollup/plugin-typescript": "^12.3.0",
|
|
40
|
-
"@storybook/addon-a11y": "^10.0.
|
|
41
|
-
"@storybook/addon-docs": "^10.0.
|
|
42
|
-
"@storybook/addon-links": "^10.0.
|
|
43
|
-
"@storybook/addon-onboarding": "^10.0.
|
|
44
|
-
"@storybook/addon-vitest": "^10.0.
|
|
45
|
-
"@storybook/builder-vite": "^10.0.
|
|
46
|
-
"@storybook/cli": "^10.0.
|
|
47
|
-
"@storybook/react-vite": "^10.0.
|
|
40
|
+
"@storybook/addon-a11y": "^10.0.8",
|
|
41
|
+
"@storybook/addon-docs": "^10.0.8",
|
|
42
|
+
"@storybook/addon-links": "^10.0.8",
|
|
43
|
+
"@storybook/addon-onboarding": "^10.0.8",
|
|
44
|
+
"@storybook/addon-vitest": "^10.0.8",
|
|
45
|
+
"@storybook/builder-vite": "^10.0.8",
|
|
46
|
+
"@storybook/cli": "^10.0.8",
|
|
47
|
+
"@storybook/react-vite": "^10.0.8",
|
|
48
48
|
"@tabler/icons-react": "3.35.0",
|
|
49
49
|
"@types/jest-image-snapshot": "^6.4.0",
|
|
50
|
-
"@types/react": "^19.2.
|
|
50
|
+
"@types/react": "^19.2.5",
|
|
51
51
|
"@vitejs/plugin-react": "^5.1.1",
|
|
52
52
|
"@xyflow/react": "^12.9.3",
|
|
53
53
|
"axe-playwright": "^2.2.2",
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"cmdk": "^1.1.1",
|
|
57
57
|
"concurrently": "^9.2.1",
|
|
58
58
|
"css-loader": "^7.1.2",
|
|
59
|
-
"html-webpack-plugin": "^5.6.
|
|
59
|
+
"html-webpack-plugin": "^5.6.5",
|
|
60
60
|
"identity-obj-proxy": "^3.0.0",
|
|
61
61
|
"jest-image-snapshot": "^6.5.1",
|
|
62
62
|
"js-md5": "^0.8.3",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"sass": "^1.94.0",
|
|
72
72
|
"sass-loader": "^16.0.6",
|
|
73
73
|
"sonner": "^2.0.7",
|
|
74
|
-
"storybook": "^10.0.
|
|
74
|
+
"storybook": "^10.0.8",
|
|
75
75
|
"style-loader": "^4.0.0",
|
|
76
76
|
"ts-jest": "^29.4.5",
|
|
77
77
|
"ts-node": "^10.9.2",
|
|
@@ -79,9 +79,9 @@
|
|
|
79
79
|
"vite": "^7.2.2",
|
|
80
80
|
"vite-plugin-dts": "^4.5.4",
|
|
81
81
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
82
|
-
"vitest": "^4.0.
|
|
83
|
-
"@vitest/browser-playwright": "^4.0.
|
|
84
|
-
"@vitest/coverage-v8": "^4.0.
|
|
82
|
+
"vitest": "^4.0.10",
|
|
83
|
+
"@vitest/browser-playwright": "^4.0.10",
|
|
84
|
+
"@vitest/coverage-v8": "^4.0.10"
|
|
85
85
|
},
|
|
86
86
|
"main": "dist/index.js",
|
|
87
87
|
"repository": {
|