@teselagen/ove 0.6.1-beta.1 → 0.7.2

package/style.css

@@ -9081,7 +9081,282 @@ button:not(:disabled):active {
 .bp3-popover[style*="transform-origin"][style*="right"] .bp3-popover-arrow {
   transform: translate(-0.5px, 0);
 }
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.rg-celleditor-input,
+.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}.tg-flex-form-content .bp3-form-content {
+  display: flex;
+}
+
+.error-popover {
+  margin: 5px;
+  color: red;
+}
+
+.te-file-upload-input {
+  min-width: 140px;
+}
+
+.ant-upload.ant-upload-drag {
+  border-width: 2px;
+}
+
+.tg-upload-inner {
+  margin: 10px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 16px;
+}
+.tg-dropzone.tg-dropzone-minimal {
+  height: 30px !important;
+  width: fit-content !important;
+}
+.tg-dropzone-minimal .tg-upload-inner {
+  flex-direction: row;
+  margin: 4px;
+}
+.tg-dropzone-minimal .bp3-icon {
+  flex-direction: row;
+  margin-right: 5px;
+}
+
+.tg-hide-drop-target .ant-upload.ant-upload-drag {
+  display: none;
+}
+
+.tg-dropzone {
+  width: 100% !important;
+  height: 100% !important;
+  border-width: 2px;
+  border-color: #d9d9d9;
+  border-style: dashed;
+  border-radius: 5px;
+  cursor: pointer;
+  transition: all 1s;
+}
+.tg-dropzone:hover {
+  border-color: rgb(91, 157, 211);
+}
+.tg-dropzone-active {
+  border-color: rgb(91, 157, 211);
+}
+.tg-dropzone-accept {
+  border-color: rgb(123, 214, 150);
+}
+.tg-dropzone-reject {
+  border-color: rgb(91, 157, 211);
+}
+.tg-dropzone-disabled {
+  cursor: not-allowed;
+  border-color: rgb(136, 133, 132) !important;
+  opacity: 0.8;
+}
+.tg-upload-file-list-item {
+  display: flex;
+  justify-content: space-between;
+  margin: 2px;
+  border-radius: 3px;
+  padding: 2px;
+}
+.tg-upload-file-list-item:hover {
+  background: rgb(215, 238, 255);
+}
+.clickableIcon {
+  cursor: pointer;
+}
+.clickableIcon:hover {
+  opacity: 0.7;
+}
+
+.tg-upload-file-list-item a {
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.tg-upload-file-list-item-overflow {
+  overflow: auto;
+  height: 150px;
+}
+
+.tg-upload-file-list-counter {
+  position: absolute;
+  padding: 5px;
+}
+
+.tg-spin {
+  animation-name: spin;
+  animation-duration: 1500ms;
+  animation-iteration-count: infinite;
+  animation-timing-function: linear;
+}
+@keyframes spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+/* .Select-multi-value-wrapper {
+  max-height: 100px;
+  overflow: scroll;
+} */
+
+/* dark styles */
+.bp3-dark .Select.is-open > .Select-control,
+.bp3-dark .Select-control,
+.bp3-dark .Select.is-disabled > .Select-control {
+  background: rgba(16, 22, 26, 0.3);
+  box-shadow:
+    0 0 0 0 rgba(19, 124, 189, 0),
+    0 0 0 0 rgba(19, 124, 189, 0),
+    0 0 0 0 rgba(19, 124, 189, 0),
+    inset 0 0 0 1px rgba(16, 22, 26, 0.3),
+    inset 0 1px 1px rgba(16, 22, 26, 0.4);
+  background: rgba(16, 22, 26, 0.3);
+  color: #f5f8fa;
+}
+
+.bp3-dark .Select.is-focused:not(.is-open) > .Select-control {
+  background: rgba(16, 22, 26, 0.3);
+  color: #f5f8fa;
+}
+
+.bp3-dark .Select-placeholder,
+.bp3-dark .Select--single > .Select-control .Select-value {
+  color: rgb(191, 204, 214, 0.5); /*#bfccd6*/
+}
+
+.bp3-dark .Select-control {
+  border: none !important;
+}
+
+.bp3-dark
+  .Select.has-value.Select--single
+  > .Select-control
+  .Select-value
+  .Select-value-label,
+.bp3-dark
+  .Select.has-value.is-pseudo-focused.Select--single
+  > .Select-control
+  .Select-value
+  .Select-value-label,
+.bp3-dark .Select-option.is-selected {
+  color: #f5f8fa;
+}
+
+.bp3-dark .Select-option {
+  background: #30404d;
+  color: #f5f8fa;
+}
+
+.bp3-dark .Select-menu-outer {
+  border: 1px solid #26738cb0;
+  background: #202b33;
+}
+
+.bp3-dark .Select-option.is-focused {
+  background: rgba(0, 126, 255, 0.08);
+  color: #f5f8fa;
+}
+
+.bp3-dark .tg-upload-file-list-item:hover {
+  background: #26738cb0;
+}
+
+.tg-tooltipError .bp3-popover-wrapper {
+  width: 100%;
+}
+
+.tg-no-fill-field {
+  display: table !important;
+}
+
+.item-upload-container {
+  padding: 5px;
+  width: 290px;
+}
+
+.item-upload {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+/* .bp3-control {
+  display: flex;
+  align-items: center;
+} */
+
+.bp3-form-group.bp3-inline .bp3-form-content {
+  flex: 1;
+}
+
+.bp3-dark input {
+  color: #f5f8fa;
+}
+
+.tg-no-fill-field .bp3-checkbox {
+  display: flex;
+  align-items: center;
+}
+
+.bp3-form-group .info-helper-wrapper:not(.info-helper-wrapper-noMarginTop) {
+  margin-top: -9px !important;
+}
+
+.generateDefaultDot {
+  cursor: pointer;
+  border-radius: 50%;
+  background: #ffca00;
+  box-shadow: 0px 0px 2px black;
+  height: 8px;
+  width: 8px;
+}
+.bp3-dark .generateDefaultDot {
+  background: yellow;
+}
+
+.bp3-label {
+  font-size: 13px;
+  font-weight: 600;
+}
+
+:not(.no-inline-label-margins).bp3-inline .bp3-label {
+  /* text-align: right; */
+  padding-right: 20px;
+  min-width: 100px;
+}
+
+.bp3-dark .tg-color-picker-selector input {
+  color: #222222;
+}
+
+.form-separator {
+  p {
+    display: flex;
+    align-items: center;
+    width: 100%;
+  }
+  p::before {
+    content: "";
+    display: block;
+    width: 100%;
+    height: 1px;
+    background-color: #e1e4e8;
+    margin-right: 16px;
+  }
+  p::after {
+    content: "";
+    display: block;
+    width: 100%;
+    height: 1px;
+    background-color: #e1e4e8;
+    margin-left: 16px;
+  }
+}
+.rg-celleditor-input,
 .rg-celleditor input {
   border: none;
 }
@@ -9225,7 +9500,7 @@ button:not(:disabled):active {
 .data-table-container.fullscreen {
   background: white;
   position: fixed;
-  z-index: 50;
+  z-index: 5000;
   padding: 20px !important;
   left: 0;
   top: 0;
@@ -9761,257 +10036,6 @@ body:not(.drag-active)
   display: flex;
   flex-direction: column;
 }
-.tg-flex-form-content .bp3-form-content {
-  display: flex;
-}
-
-.error-popover {
-  margin: 5px;
-  color: red;
-}
-
-.te-file-upload-input {
-  min-width: 140px;
-}
-
-.ant-upload.ant-upload-drag {
-  border-width: 2px;
-}
-
-.tg-upload-inner {
-  margin: 10px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  font-size: 16px;
-}
-.tg-dropzone.tg-dropzone-minimal {
-  height: 30px !important;
-  width: fit-content !important;
-}
-.tg-dropzone-minimal .tg-upload-inner {
-  flex-direction: row;
-  margin: 4px;
-}
-.tg-dropzone-minimal .bp3-icon {
-  flex-direction: row;
-  margin-right: 5px;
-}
-
-.tg-hide-drop-target .ant-upload.ant-upload-drag {
-  display: none;
-}
-
-.tg-dropzone {
-  width: 100% !important;
-  height: 100% !important;
-  border-width: 2px;
-  border-color: #d9d9d9;
-  border-style: dashed;
-  border-radius: 5px;
-  cursor: pointer;
-  transition: all 1s;
-}
-.tg-dropzone:hover {
-  border-color: rgb(91, 157, 211);
-}
-.tg-dropzone-active {
-  border-color: rgb(91, 157, 211);
-}
-.tg-dropzone-accept {
-  border-color: rgb(123, 214, 150);
-}
-.tg-dropzone-reject {
-  border-color: rgb(91, 157, 211);
-}
-.tg-dropzone-disabled {
-  cursor: not-allowed;
-  border-color: rgb(136, 133, 132) !important;
-  opacity: 0.8;
-}
-.tg-upload-file-list-item {
-  display: flex;
-  justify-content: space-between;
-  margin: 2px;
-  border-radius: 3px;
-  padding: 2px;
-}
-.tg-upload-file-list-item:hover {
-  background: rgb(215, 238, 255);
-}
-.clickableIcon {
-  cursor: pointer;
-}
-.clickableIcon:hover {
-  opacity: 0.7;
-}
-
-.tg-upload-file-list-item a {
-  display: block;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.tg-upload-file-list-item-overflow {
-  overflow: auto;
-  height: 150px;
-}
-
-.tg-upload-file-list-counter {
-  position: absolute;
-  padding: 5px;
-}
-
-.tg-spin {
-  animation-name: spin;
-  animation-duration: 1500ms;
-  animation-iteration-count: infinite;
-  animation-timing-function: linear;
-}
-@keyframes spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-/* .Select-multi-value-wrapper {
-  max-height: 100px;
-  overflow: scroll;
-} */
-
-/* dark styles */
-.bp3-dark .Select.is-open > .Select-control,
-.bp3-dark .Select-control,
-.bp3-dark .Select.is-disabled > .Select-control {
-  background: rgba(16, 22, 26, 0.3);
-  box-shadow:
-    0 0 0 0 rgba(19, 124, 189, 0),
-    0 0 0 0 rgba(19, 124, 189, 0),
-    0 0 0 0 rgba(19, 124, 189, 0),
-    inset 0 0 0 1px rgba(16, 22, 26, 0.3),
-    inset 0 1px 1px rgba(16, 22, 26, 0.4);
-  background: rgba(16, 22, 26, 0.3);
-  color: #f5f8fa;
-}
-
-.bp3-dark .Select.is-focused:not(.is-open) > .Select-control {
-  background: rgba(16, 22, 26, 0.3);
-  color: #f5f8fa;
-}
-
-.bp3-dark .Select-placeholder,
-.bp3-dark .Select--single > .Select-control .Select-value {
-  color: rgb(191, 204, 214, 0.5); /*#bfccd6*/
-}
-
-.bp3-dark .Select-control {
-  border: none !important;
-}
-
-.bp3-dark
-  .Select.has-value.Select--single
-  > .Select-control
-  .Select-value
-  .Select-value-label,
-.bp3-dark
-  .Select.has-value.is-pseudo-focused.Select--single
-  > .Select-control
-  .Select-value
-  .Select-value-label,
-.bp3-dark .Select-option.is-selected {
-  color: #f5f8fa;
-}
-
-.bp3-dark .Select-option {
-  background: #30404d;
-  color: #f5f8fa;
-}
-
-.bp3-dark .Select-menu-outer {
-  border: 1px solid #26738cb0;
-  background: #202b33;
-}
-
-.bp3-dark .Select-option.is-focused {
-  background: rgba(0, 126, 255, 0.08);
-  color: #f5f8fa;
-}
-
-.bp3-dark .tg-upload-file-list-item:hover {
-  background: #26738cb0;
-}
-
-.tg-tooltipError .bp3-popover-wrapper {
-  width: 100%;
-}
-
-.tg-no-fill-field {
-  display: table !important;
-}
-
-.item-upload-container {
-  padding: 5px;
-  width: 290px;
-}
-
-.item-upload {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-/* .bp3-control {
-  display: flex;
-  align-items: center;
-} */
-
-.bp3-form-group.bp3-inline .bp3-form-content {
-  flex: 1;
-}
-
-.bp3-dark input {
-  color: #f5f8fa;
-}
-
-.tg-no-fill-field .bp3-checkbox {
-  display: flex;
-  align-items: center;
-}
-
-.bp3-form-group .info-helper-wrapper:not(.info-helper-wrapper-noMarginTop) {
-  margin-top: -9px !important;
-}
-
-.generateDefaultDot {
-  cursor: pointer;
-  border-radius: 50%;
-  background: #ffca00;
-  box-shadow: 0px 0px 2px black;
-  height: 8px;
-  width: 8px;
-}
-.bp3-dark .generateDefaultDot {
-  background: yellow;
-}
-
-.bp3-label {
-  font-size: 13px;
-  font-weight: 600;
-}
-
-:not(.no-inline-label-margins).bp3-inline .bp3-label {
-  /* text-align: right; */
-  padding-right: 20px;
-  min-width: 100px;
-}
-
-.bp3-dark .tg-color-picker-selector input {
-  color: #222222;
-}
 .dna-loader {
   display: inline-block;
   position: relative;
@@ -10557,19 +10581,19 @@ li.bp3-menu-divider:last-child {
 }
 
 .reflex-layout > .reflex-splitter {
-  background-color: #f5f8fa;
+  background-color: #f1f1f1;
   z-index: 100;
 }
 
 .reflex-layout > .reflex-splitter.active,
 .reflex-layout > .reflex-splitter:hover {
-  background-color: #f5f8fa;
+  background-color: #cccccc;
   transition: all 1s ease;
 }
 
 .reflex-layout.horizontal > .reflex-splitter {
-  border-bottom: 1px solid #f5f8fa;
-  border-top: 1px solid #f5f8fa;
+  border-bottom: 1px solid #f1f1f1;
+  border-top: 1px solid #f1f1f1;
   cursor: row-resize;
   width: 100%;
   height: 2px;
@@ -10577,13 +10601,13 @@ li.bp3-menu-divider:last-child {
 
 .reflex-layout.horizontal > .reflex-splitter:hover,
 .reflex-layout.horizontal > .reflex-splitter.active {
-  border-bottom: 1px solid #f5f8fa;
-  border-top: 1px solid #f5f8fa;
+  border-bottom: 1px solid #cccccc;
+  border-top: 1px solid #cccccc;
 }
 
 .reflex-layout.vertical > .reflex-splitter {
-  border-right: 1px solid #f5f8fa;
-  border-left: 1px solid #f5f8fa;
+  border-right: 1px solid #f1f1f1;
+  border-left: 1px solid #f1f1f1;
   cursor: col-resize;
   height: 95%;
   width: 2px;
@@ -10596,8 +10620,8 @@ li.bp3-menu-divider:last-child {
 
 .reflex-layout.vertical > .reflex-splitter:hover,
 .reflex-layout.vertical > .reflex-splitter.active {
-  border-right: 1px solid #f5f8fa;
-  border-left: 1px solid #f5f8fa;
+  border-right: 1px solid #cccccc;
+  border-left: 1px solid #cccccc;
 }
 
 .reflex-layout > .reflex-splitter.reflex-thin {

package/utils/useFormValue.d.ts

@@ -0,0 +1 @@
+export function useFormValue(formName: any, field: any): any;