@code0-tech/pictor 0.0.0-mvp.21 → 0.0.0-mvp.22
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/badge/Badge.style.css +1 -1
- package/dist/assets/components/breadcrumb/Breadcrumb.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/input/DFlowInputDataType.style.css +1 -1
- package/dist/assets/components/d-layout/DLayout.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/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/d-member/DNamespaceMember.service.js +6 -4
- package/dist/components/d-organization/DOrganizationCard.d.ts +3 -2
- package/dist/components/d-organization/DOrganizationList.d.ts +3 -4
- package/dist/components/d-organization/DOrganizationList.js +7 -7
- package/dist/components/d-organization/DOrganizatonContent.d.ts +5 -4
- package/dist/components/d-organization/DOrganizatonContent.js +24 -24
- package/dist/components/d-project/DNamespaceProjectCard.d.ts +5 -5
- package/dist/components/d-project/DNamespaceProjectCard.js +13 -11
- package/dist/components/d-project/DNamespaceProjectContent.d.ts +2 -1
- package/dist/components/d-project/DNamespaceProjectContent.js +18 -18
- package/dist/components/d-project/DNamespaceProjectList.d.ts +3 -3
- package/dist/components/d-project/DNamespaceProjectList.js +1 -1
- package/dist/components/d-project/index.js +11 -17
- package/dist/components/d-runtime/DRuntimeCard.d.ts +2 -1
- package/dist/components/d-runtime/DRuntimeContent.d.ts +2 -1
- package/dist/components/d-runtime/DRuntimeContent.js +13 -13
- package/dist/components/d-runtime/DRuntimeList.d.ts +4 -3
- package/dist/components/d-runtime/DRuntimeList.js +16 -13
- package/dist/components/d-user/DUserCard.d.ts +2 -1
- package/dist/components/d-user/DUserContent.d.ts +2 -1
- package/dist/components/d-user/DUserContent.js +24 -24
- package/dist/components/d-user/DUserList.d.ts +2 -3
- package/dist/components/d-user/DUserList.js +4 -4
- package/dist/index.js +119 -117
- package/package.json +5 -5
|
@@ -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;
|
|
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;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:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.alert--success{background:#071314;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.alert--warning{background:#1c1313;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.alert--error{background:#180016;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.alert--info{background:#0e1a24;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.badge{padding:.1166666667rem .35rem;display:inline-flex;font-size:.7rem;width:fit-content;align-items:center;gap:.35rem}.badge{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;
|
|
1
|
+
.badge{padding:.1166666667rem .35rem;display:inline-flex;font-size:.7rem;width:fit-content;align-items:center;gap:.35rem}.badge{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;border-radius:1rem}.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:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}.badge--success{background:#071314;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}.badge--warning{background:#1c1313;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}.badge--error{background:#180016;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}.badge--info{background:#0e1a24;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box;box-shadow:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.breadcrumb{display:flex;align-items:center;gap:.7rem}.breadcrumb{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px
|
|
1
|
+
.breadcrumb{display:flex;align-items:center;gap:.7rem}.breadcrumb{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.breadcrumb__splitter{color:#fff;display:flex}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.card{display:block;position:relative;font-size:.8rem}.card{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px
|
|
1
|
+
.card{display:block;position:relative;font-size:.8rem}.card{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.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:#1c1a2c40}.card__section--hover:first-child{border-top-left-radius:1rem;border-top-right-radius:1rem}.card__section--hover:last-child{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.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) / 3);margin:calc(var(--padding) / 3);outline:rgba(3,0,20,.25) solid 1px}.card--border-primary{box-shadow:1px solid #03001440}.card--secondary{background:#1c1a2c;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) / 3);margin:calc(var(--padding) / 3);outline:rgba(255,255,255,.1) solid 1px}.card--border-secondary{box-shadow:1px solid #ffffff1a}.card--success{background:#071314;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) / 3);margin:calc(var(--padding) / 3);outline:rgba(41,191,18,.25) solid 1px}.card--border-success{box-shadow:1px solid #29bf1240}.card--warning{background:#1c1313;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) / 3);margin:calc(var(--padding) / 3);outline:rgba(255,190,11,.25) solid 1px}.card--border-warning{box-shadow:1px solid #ffbe0b40}.card--error{background:#180016;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) / 3);margin:calc(var(--padding) / 3);outline:rgba(217,4,41,.25) solid 1px}.card--border-error{box-shadow:1px solid #d9042940}.card--info{background:#0e1a24;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) / 3);margin:calc(var(--padding) / 3);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{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
|
|
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}.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}.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:#1c1a2c;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:#1c1a2c}.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;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;
|
|
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;border: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:#1c1a2c;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;border:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d-flow-viewport-data-type-input{padding:1rem;box-sizing:border-box;position:relative}.d-flow-viewport-data-type-input{background:#1c1a2c;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;
|
|
1
|
+
.d-flow-viewport-data-type-input{padding:1rem;box-sizing:border-box;position:relative}.d-flow-viewport-data-type-input{background:#1c1a2c;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;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-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
|
+
.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{padding-right:1.3rem;border-right:1px solid rgba(255,255,255,.1)}.d-layout__right{padding-left:1.3rem;border-left:1px solid rgba(255,255,255,.1)}.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
|
-
.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;
|
|
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;font-weight:600;font-size:1.2rem;color:#fff;margin:0}.dialog__description{font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px;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{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;
|
|
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;background:transparent;box-shadow:none}.file-tabs__trigger[data-state=active]{background:#1c1a2c;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{background:#1c1a2c;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;
|
|
1
|
+
.input{display:flex;z-index:1;align-items:stretch;box-sizing:border-box}.input{background:#1c1a2c;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;border-radius:1rem}.input:has(.input__control:focus){border-color:#ffffff1a;outline:none}.input--not-valid{background:#180016;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;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}.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}.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}.input__message{padding:.7rem;z-index:0;display:flex;align-items:center;font-size:.7rem;gap:.35rem;margin-top:.7rem}.input__message{background:#180016;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}.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}.radio-input__button:active,.radio-input__button:focus{border-color:#ffffff1a;outline:none}.radio-input__button{background:#1c1a2c;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}.checkbox-input__button:active,.checkbox-input__button:focus{border-color:#ffffff1a;outline:none}.checkbox-input__button{background:#1c1a2c;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:#0e1a24;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:#1c1a2c;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{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
|
|
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}.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}.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:#1c1a2c;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
|
-
.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:#1c1a2c;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;
|
|
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:#1c1a2c;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;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
|
|
1
|
+
.toast{padding:1rem;width:100%;overflow:hidden}.toast{border-radius:1rem;font-family:Inter,sans-serif;font-weight:400;letter-spacing:-.5px}.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:#1c1a2c;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.toast--success{background:#071314;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.toast--warning{background:#1c1313;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.toast--error{background:#180016;border:1px solid rgba(255,255,255,.1);color:#ffffffbf;position:relative;box-sizing:border-box}.toast--info{background:#0e1a24;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{background:#1c1a2c;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;
|
|
1
|
+
.tooltip__content{z-index:999;padding:.35rem .7rem}.tooltip__content{background:#1c1a2c;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;border-radius:1rem;box-shadow:none}.tooltip__arrow{fill:#1c1a2c}
|
|
@@ -3,11 +3,13 @@ import "react";
|
|
|
3
3
|
import { ReactiveArrayService as t } from "../../utils/reactiveArrayService.js";
|
|
4
4
|
import "merge-props";
|
|
5
5
|
class m extends t {
|
|
6
|
-
getById(
|
|
7
|
-
return this.values(i).find((
|
|
6
|
+
getById(e, i) {
|
|
7
|
+
return this.values(i).find((r) => r.id === e);
|
|
8
8
|
}
|
|
9
|
-
getByNamespaceIdAndUserId(
|
|
10
|
-
return this.values(
|
|
9
|
+
getByNamespaceIdAndUserId(e, i) {
|
|
10
|
+
return this.values({
|
|
11
|
+
namespaceId: e
|
|
12
|
+
}).find((r) => r.namespace?.id === e && r.user?.id === i);
|
|
11
13
|
}
|
|
12
14
|
}
|
|
13
15
|
export {
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { Code0Component } from '../../utils';
|
|
3
3
|
import { Scalars } from '@code0-tech/sagittarius-graphql-types';
|
|
4
|
+
import { DOrganizationView } from './DOrganization.view';
|
|
4
5
|
export interface DOrganizationCardProps extends Code0Component<HTMLDivElement> {
|
|
5
6
|
organizationId: Scalars['OrganizationID']['output'];
|
|
6
|
-
onSetting?: (
|
|
7
|
-
onLeave?: (
|
|
7
|
+
onSetting?: (organization: DOrganizationView) => void;
|
|
8
|
+
onLeave?: (organization: DOrganizationView) => void;
|
|
8
9
|
}
|
|
9
10
|
declare const DOrganizationCard: React.FC<DOrganizationCardProps>;
|
|
10
11
|
export default DOrganizationCard;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { Card } from '../card/Card';
|
|
3
3
|
import { DOrganizationView } from './DOrganization.view';
|
|
4
|
-
import { Organization } from '@code0-tech/sagittarius-graphql-types';
|
|
5
4
|
export interface DOrganizationListProps extends Omit<Card, "children" | "onSelect"> {
|
|
6
5
|
filter?: (organizations: DOrganizationView, index: number) => boolean;
|
|
7
|
-
onSetting?: (
|
|
8
|
-
onLeave?: (
|
|
9
|
-
onSelect?: (
|
|
6
|
+
onSetting?: (organization: DOrganizationView) => void;
|
|
7
|
+
onLeave?: (organization: DOrganizationView) => void;
|
|
8
|
+
onSelect?: (organization: DOrganizationView) => void;
|
|
10
9
|
}
|
|
11
10
|
export declare const DOrganizationList: React.FC<DOrganizationListProps>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import d from "react";
|
|
3
3
|
import { Card as u } from "../card/Card.js";
|
|
4
4
|
import { useService as S, useStore as l } from "../../utils/contextStore.js";
|
|
5
5
|
import "merge-props";
|
|
@@ -7,16 +7,16 @@ import { DOrganizationReactiveService as e } from "./DOrganization.service.js";
|
|
|
7
7
|
import v from "../card/CardSection.js";
|
|
8
8
|
import { DOrganizationContent as g } from "./DOrganizatonContent.js";
|
|
9
9
|
const b = (i) => {
|
|
10
|
-
const n = S(e), m = l(e), a =
|
|
10
|
+
const n = S(e), m = l(e), a = d.useMemo(() => n.values(), [m]), {
|
|
11
11
|
filter: c = () => !0,
|
|
12
12
|
onLeave: s,
|
|
13
|
-
onSetting:
|
|
13
|
+
onSetting: f,
|
|
14
14
|
onSelect: t,
|
|
15
|
-
...
|
|
15
|
+
...p
|
|
16
16
|
} = i;
|
|
17
|
-
return /* @__PURE__ */ o(u, { ...
|
|
18
|
-
t && t(r
|
|
19
|
-
}, children: /* @__PURE__ */ o(g, { onLeave: s, onSetting:
|
|
17
|
+
return /* @__PURE__ */ o(u, { ...p, children: a.filter(c).map((r) => r.id && /* @__PURE__ */ o(v, { border: !0, hover: !0, onClick: () => {
|
|
18
|
+
t && t(r);
|
|
19
|
+
}, children: /* @__PURE__ */ o(g, { onLeave: s, onSetting: f, organizationId: r?.id }) }, r.id)) });
|
|
20
20
|
};
|
|
21
21
|
export {
|
|
22
22
|
b as DOrganizationList
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { Code0Component } from '../../utils';
|
|
3
|
-
import {
|
|
3
|
+
import { Organization } from '@code0-tech/sagittarius-graphql-types';
|
|
4
|
+
import { DOrganizationView } from './DOrganization.view';
|
|
4
5
|
export interface DOrganizationCardProps extends Code0Component<HTMLDivElement> {
|
|
5
|
-
organizationId:
|
|
6
|
-
onSetting?: (
|
|
7
|
-
onLeave?: (
|
|
6
|
+
organizationId: Organization['id'];
|
|
7
|
+
onSetting?: (organization: DOrganizationView) => void;
|
|
8
|
+
onLeave?: (organization: DOrganizationView) => void;
|
|
8
9
|
}
|
|
9
10
|
export declare const DOrganizationContent: React.FC<DOrganizationCardProps>;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { useStore as
|
|
1
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import n from "react";
|
|
3
|
+
import { useStore as c, useService as s } from "../../utils/contextStore.js";
|
|
4
4
|
import "merge-props";
|
|
5
|
-
import { Text as
|
|
6
|
-
import { DOrganizationReactiveService as
|
|
5
|
+
import { Text as a } from "../text/Text.js";
|
|
6
|
+
import { DOrganizationReactiveService as S } from "./DOrganization.service.js";
|
|
7
7
|
import { IconFolder as k, IconUser as L, IconServer as N, IconSettings as w, IconLogout as F } from "@tabler/icons-react";
|
|
8
8
|
import { Flex as o } from "../flex/Flex.js";
|
|
9
9
|
import { Button as v } from "../button/Button.js";
|
|
@@ -20,60 +20,60 @@ import { DNamespaceReactiveService as b } from "../d-namespace/DNamespace.servic
|
|
|
20
20
|
import { DNamespaceMemberReactiveService as x } from "../d-member/DNamespaceMember.service.js";
|
|
21
21
|
const ae = (I) => {
|
|
22
22
|
const {
|
|
23
|
-
organizationId:
|
|
23
|
+
organizationId: m,
|
|
24
24
|
onLeave: M = () => {
|
|
25
25
|
},
|
|
26
26
|
onSetting: j = () => {
|
|
27
27
|
}
|
|
28
|
-
} = I, B =
|
|
29
|
-
return /* @__PURE__ */
|
|
28
|
+
} = I, B = c(S), C = s(S), D = c(b), $ = s(b), A = c(x), R = s(x), U = s(z), O = c(z), g = W(), l = n.useMemo(() => U.getById(g?.user?.id), [O, g]), r = n.useMemo(() => m ? C.getById(m) : null, [B, m]), t = n.useMemo(() => r ? $.getById(r.namespace?.id) : null, [D, r]), u = n.useMemo(() => t && l ? R.getByNamespaceIdAndUserId(t.id, l.id) : null, [A, t, l]), y = t?.projects?.count, h = t?.members?.count, f = t?.runtimes?.count;
|
|
29
|
+
return /* @__PURE__ */ i(o, { align: "center", style: {
|
|
30
30
|
gap: "1.3rem"
|
|
31
31
|
}, justify: "space-between", children: [
|
|
32
|
-
/* @__PURE__ */
|
|
32
|
+
/* @__PURE__ */ i(o, { align: "center", style: {
|
|
33
33
|
gap: "1.3rem"
|
|
34
34
|
}, children: [
|
|
35
|
-
/* @__PURE__ */ e(T, { bg: "transparent", identifier:
|
|
36
|
-
/* @__PURE__ */
|
|
35
|
+
/* @__PURE__ */ e(T, { bg: "transparent", identifier: r?.name ?? "" }),
|
|
36
|
+
/* @__PURE__ */ i(o, { style: {
|
|
37
37
|
flexDirection: "column"
|
|
38
38
|
}, children: [
|
|
39
|
-
/* @__PURE__ */ e(
|
|
39
|
+
/* @__PURE__ */ e(a, { size: "lg", hierarchy: "primary", display: "block", children: r?.name }),
|
|
40
40
|
/* @__PURE__ */ e(P, { spacing: "xxs" }),
|
|
41
|
-
/* @__PURE__ */
|
|
41
|
+
/* @__PURE__ */ i(o, { align: "center", style: {
|
|
42
42
|
gap: "0.35rem",
|
|
43
43
|
flexWrap: "wrap"
|
|
44
44
|
}, children: [
|
|
45
|
-
/* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */
|
|
45
|
+
/* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ i(o, { align: "center", style: {
|
|
46
46
|
gap: "0.35rem"
|
|
47
47
|
}, children: [
|
|
48
48
|
/* @__PURE__ */ e(k, { size: 16 }),
|
|
49
|
-
/* @__PURE__ */ e(
|
|
49
|
+
/* @__PURE__ */ e(a, { size: "xs", hierarchy: "tertiary", children: `${y ?? 0} project${(y ?? 0) !== 1 ? "s" : ""}` })
|
|
50
50
|
] }) }),
|
|
51
|
-
/* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */
|
|
51
|
+
/* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ i(o, { align: "center", style: {
|
|
52
52
|
gap: "0.35rem"
|
|
53
53
|
}, children: [
|
|
54
54
|
/* @__PURE__ */ e(L, { size: 16 }),
|
|
55
|
-
/* @__PURE__ */
|
|
55
|
+
/* @__PURE__ */ i(a, { size: "xs", hierarchy: "tertiary", children: [
|
|
56
56
|
" ",
|
|
57
57
|
`${h ?? 0} member${(h ?? 0) !== 1 ? "s" : ""}`
|
|
58
58
|
] })
|
|
59
59
|
] }) }),
|
|
60
|
-
/* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */
|
|
60
|
+
/* @__PURE__ */ e(d, { color: "secondary", children: /* @__PURE__ */ i(o, { align: "center", style: {
|
|
61
61
|
gap: "0.35rem"
|
|
62
62
|
}, children: [
|
|
63
63
|
/* @__PURE__ */ e(N, { size: 16 }),
|
|
64
|
-
/* @__PURE__ */ e(
|
|
64
|
+
/* @__PURE__ */ e(a, { size: "xs", hierarchy: "tertiary", children: `${f ?? 0} runtime${(f ?? 0) !== 1 ? "s" : ""}` })
|
|
65
65
|
] }) })
|
|
66
66
|
] })
|
|
67
67
|
] })
|
|
68
68
|
] }),
|
|
69
|
-
/* @__PURE__ */
|
|
69
|
+
/* @__PURE__ */ i(o, { align: "center", style: {
|
|
70
70
|
gap: "0.35rem"
|
|
71
71
|
}, children: [
|
|
72
|
-
|
|
73
|
-
p.stopPropagation(), j(
|
|
72
|
+
r?.userAbilities?.deleteOrganization || r?.userAbilities?.updateOrganization ? /* @__PURE__ */ e(v, { color: "secondary", onClick: (p) => {
|
|
73
|
+
p.stopPropagation(), j(r);
|
|
74
74
|
}, children: /* @__PURE__ */ e(w, { size: 16 }) }) : null,
|
|
75
|
-
u && u.userAbilities?.deleteMember ? /* @__PURE__ */
|
|
76
|
-
p.stopPropagation(), M(
|
|
75
|
+
u && u.userAbilities?.deleteMember ? /* @__PURE__ */ i(v, { color: "error", onClick: (p) => {
|
|
76
|
+
p.stopPropagation(), r && M(r);
|
|
77
77
|
}, children: [
|
|
78
78
|
/* @__PURE__ */ e(F, { size: 16 }),
|
|
79
79
|
" Leave"
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { Code0Component } from '../../utils';
|
|
3
|
-
import {
|
|
3
|
+
import { NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
|
|
4
|
+
import { DNamespaceProjectView } from './DNamespaceProject.view';
|
|
4
5
|
export interface DNamespaceProjectCardProps extends Code0Component<HTMLDivElement> {
|
|
5
|
-
projectId:
|
|
6
|
-
|
|
6
|
+
projectId: NamespaceProject['id'];
|
|
7
|
+
onSetting?: (project: DNamespaceProjectView) => void;
|
|
7
8
|
}
|
|
8
|
-
declare const DNamespaceProjectCard: React.FC<DNamespaceProjectCardProps>;
|
|
9
|
-
export default DNamespaceProjectCard;
|
|
9
|
+
export declare const DNamespaceProjectCard: React.FC<DNamespaceProjectCardProps>;
|
|
@@ -1,15 +1,17 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import { Card as
|
|
4
|
-
import { DNamespaceProjectContent as
|
|
5
|
-
const
|
|
6
|
-
const t =
|
|
7
|
-
projectId:
|
|
8
|
-
|
|
9
|
-
} = c;
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { c as i } from "../../_virtual/compiler-runtime.js";
|
|
3
|
+
import { Card as p } from "../card/Card.js";
|
|
4
|
+
import { DNamespaceProjectContent as s } from "./DNamespaceProjectContent.js";
|
|
5
|
+
const u = (n) => {
|
|
6
|
+
const t = i.c(3), {
|
|
7
|
+
projectId: e,
|
|
8
|
+
onSetting: c
|
|
9
|
+
} = n, r = c === void 0 ? a : c;
|
|
10
10
|
let o;
|
|
11
|
-
return t[0] !== r ? (o = /* @__PURE__ */
|
|
11
|
+
return t[0] !== r || t[1] !== e ? (o = /* @__PURE__ */ m(p, { children: /* @__PURE__ */ m(s, { onSetting: r, projectId: e }) }), t[0] = r, t[1] = e, t[2] = o) : o = t[2], o;
|
|
12
12
|
};
|
|
13
|
+
function a(n) {
|
|
14
|
+
}
|
|
13
15
|
export {
|
|
14
|
-
|
|
16
|
+
u as DNamespaceProjectCard
|
|
15
17
|
};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { Code0Component } from '../../utils';
|
|
2
2
|
import { NamespaceProject } from '@code0-tech/sagittarius-graphql-types';
|
|
3
3
|
import { default as React } from 'react';
|
|
4
|
+
import { DNamespaceProjectView } from './DNamespaceProject.view';
|
|
4
5
|
export interface DNamespaceProjectContentProps extends Code0Component<HTMLDivElement> {
|
|
5
6
|
projectId: NamespaceProject["id"];
|
|
6
|
-
onSetting?: (
|
|
7
|
+
onSetting?: (project: DNamespaceProjectView) => void;
|
|
7
8
|
}
|
|
8
9
|
export declare const DNamespaceProjectContent: React.FC<DNamespaceProjectContentProps>;
|
|
@@ -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 S } from "../d-namespace/DNamespace.service.js";
|
|
7
|
+
import { DOrganizationReactiveService as z } 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 j, IconServer as I, IconServerSpark as x, IconSettings as R } from "@tabler/icons-react";
|
|
12
|
+
import { Button as _ } from "../button/Button.js";
|
|
13
13
|
/* empty css */
|
|
14
|
-
import { Avatar as
|
|
15
|
-
import { DUserReactiveService as
|
|
14
|
+
import { Avatar as B } from "../avatar/Avatar.js";
|
|
15
|
+
import { DUserReactiveService as D } 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
|
|
20
|
-
import { DRuntimeReactiveService as
|
|
19
|
+
import { DNamespaceProjectReactiveService as b } from "./DNamespaceProject.service.js";
|
|
20
|
+
import { DRuntimeReactiveService as P } from "../d-runtime/DRuntime.service.js";
|
|
21
21
|
const Y = (m) => {
|
|
22
22
|
const {
|
|
23
|
-
projectId:
|
|
24
|
-
onSetting:
|
|
23
|
+
projectId: k,
|
|
24
|
+
onSetting: y = () => {
|
|
25
25
|
}
|
|
26
|
-
} = m, p = n(
|
|
26
|
+
} = m, p = n(b), l = n(S), g = n(z), f = n(D), v = n(P), e = a.useMemo(() => p.getById(m.projectId), [p, m.projectId]), d = a.useMemo(() => e ? v.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" ? g.getById(t.parent.id) : t.parent.__typename === "User" ? f.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(B, { 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,21 +47,21 @@ const Y = (m) => {
|
|
|
47
47
|
flexWrap: "wrap"
|
|
48
48
|
}, children: [
|
|
49
49
|
/* @__PURE__ */ i(s, { color: "secondary", children: [
|
|
50
|
-
/* @__PURE__ */ r(
|
|
50
|
+
/* @__PURE__ */ r(j, { 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(I, { 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(x, { 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(
|
|
63
|
-
|
|
64
|
-
}, children: /* @__PURE__ */ r(
|
|
62
|
+
e?.userAbilities?.deleteNamespaceProject || e?.userAbilities?.updateNamespaceProject ? /* @__PURE__ */ r(_, { color: "secondary", onClick: (h) => {
|
|
63
|
+
h.stopPropagation(), y(e);
|
|
64
|
+
}, children: /* @__PURE__ */ r(R, { size: 16 }) }) : null
|
|
65
65
|
] })
|
|
66
66
|
] });
|
|
67
67
|
};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { Namespace
|
|
2
|
+
import { Namespace } from '@code0-tech/sagittarius-graphql-types';
|
|
3
3
|
import { Card } from '../card/Card';
|
|
4
4
|
import { DNamespaceProjectView } from './DNamespaceProject.view';
|
|
5
5
|
export interface DNamespaceProjectListProps extends Omit<Card, "children" | "onSelect"> {
|
|
6
6
|
namespaceId: Namespace["id"];
|
|
7
7
|
filter?: (project: DNamespaceProjectView, index: number) => boolean;
|
|
8
|
-
onSetting?: (
|
|
9
|
-
onSelect?: (
|
|
8
|
+
onSetting?: (project: DNamespaceProjectView) => void;
|
|
9
|
+
onSelect?: (project: DNamespaceProjectView) => void;
|
|
10
10
|
}
|
|
11
11
|
export declare const DNamespaceProjectList: React.FC<DNamespaceProjectListProps>;
|
|
@@ -17,7 +17,7 @@ const b = (c) => {
|
|
|
17
17
|
namespaceId: t
|
|
18
18
|
}), [a, t]);
|
|
19
19
|
return /* @__PURE__ */ r(u, { ...n, children: d.filter(m).map((e) => e.id && /* @__PURE__ */ r(v, { border: !0, hover: !0, onClick: () => {
|
|
20
|
-
o && o(e
|
|
20
|
+
o && o(e);
|
|
21
21
|
}, children: /* @__PURE__ */ r(j, { onSetting: s, projectId: e?.id }) }, e.id)) });
|
|
22
22
|
};
|
|
23
23
|
export {
|
|
@@ -1,24 +1,18 @@
|
|
|
1
|
-
import { DNamespaceProjectReactiveService as
|
|
2
|
-
import { DNamespaceProjectView as
|
|
1
|
+
import { DNamespaceProjectReactiveService as f } from "./DNamespaceProject.service.js";
|
|
2
|
+
import { DNamespaceProjectView as x } from "./DNamespaceProject.view.js";
|
|
3
|
+
import { DNamespaceProjectCard as N } from "./DNamespaceProjectCard.js";
|
|
4
|
+
import { DNamespaceProjectList as v } from "./DNamespaceProjectList.js";
|
|
3
5
|
import "react/jsx-runtime";
|
|
4
|
-
import "../../_virtual/compiler-runtime.js";
|
|
5
|
-
import '../../assets/components/badge/Badge.style.css';import '../../assets/components/menu/Menu.style.css';import '../../assets/components/avatar/Avatar.style.css';import '../../assets/components/spacing/Spacing.style.css';import '../../assets/components/text/Text.style.css';import '../../assets/components/flex/Flex.style.css';import '../../assets/components/card/Card.style.css';/* empty css */
|
|
6
6
|
import "react";
|
|
7
|
+
import "../../_virtual/compiler-runtime.js";
|
|
8
|
+
import '../../assets/components/menu/Menu.style.css';/* empty css */
|
|
7
9
|
import "merge-props";
|
|
10
|
+
import "@radix-ui/react-dropdown-menu";
|
|
8
11
|
import "../../utils/contextStore.js";
|
|
9
|
-
/* empty css */
|
|
10
|
-
/* empty css */
|
|
11
|
-
import "@tabler/icons-react";
|
|
12
12
|
import "../button/Button.js";
|
|
13
|
-
/* empty css */
|
|
14
|
-
import "js-md5";
|
|
15
|
-
/* empty css */
|
|
16
|
-
/* empty css */
|
|
17
|
-
import "@radix-ui/react-dropdown-menu";
|
|
18
|
-
/* empty css */
|
|
19
|
-
import { DNamespaceProjectList as b } from "./DNamespaceProjectList.js";
|
|
20
13
|
export {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
14
|
+
N as DNamespaceProjectCard,
|
|
15
|
+
v as DNamespaceProjectList,
|
|
16
|
+
f as DNamespaceProjectReactiveService,
|
|
17
|
+
x as DNamespaceProjectView
|
|
24
18
|
};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { Runtime } from '@code0-tech/sagittarius-graphql-types';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
|
+
import { DRuntimeView } from './DRuntime.view';
|
|
3
4
|
export interface DRuntimeCardProps {
|
|
4
5
|
runtimeId: Runtime['id'];
|
|
5
|
-
onSetting?: (
|
|
6
|
+
onSetting?: (runtime: DRuntimeView) => void;
|
|
6
7
|
}
|
|
7
8
|
export declare const DRuntimeCard: React.FC<DRuntimeCardProps>;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { Runtime } from '@code0-tech/sagittarius-graphql-types';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
|
+
import { DRuntimeView } from './DRuntime.view';
|
|
3
4
|
export interface DRuntimeContentProps {
|
|
4
5
|
runtimeId: Runtime['id'];
|
|
5
|
-
onSetting?: (
|
|
6
|
+
onSetting?: (runtime: DRuntimeView) => void;
|
|
6
7
|
}
|
|
7
8
|
export declare const DRuntimeContent: React.FC<DRuntimeContentProps>;
|