Fix [UI] UI small fixes 1.7.x (#2808)

package.json

@@ -24,7 +24,7 @@
     "final-form-arrays": "^3.1.0",
     "fs-extra": "^10.0.0",
     "identity-obj-proxy": "^3.0.0",
-    "iguazio.dashboard-react-controls": "2.2.1",
+    "iguazio.dashboard-react-controls": "2.2.2-1.7.x",
     "is-wsl": "^1.1.0",
     "js-base64": "^2.5.2",
     "js-yaml": "^4.1.0",

src/common/Input/Input.js

@@ -240,7 +240,7 @@ const Input = React.forwardRef(
             type,
             value: typedValue
           }}
-          style={floatingLabel ? {} : { paddingLeft: `${labelWidth + 16}px` }}
+          style={floatingLabel ? {} : { paddingLeft: `${labelWidth + 16}px`, paddingRight: tip ? '25px' : '0px' }}
         />
         {label && (
           <div className={labelClassNames}>

src/components/ActionBar/ActionBar.js

@@ -340,7 +340,7 @@ const ActionBar = ({
                     />
                   ))
               )}
-              {autoRefreshIsEnabled && <FormCheckBox label={AUTO_REFRESH} name={AUTO_REFRESH_ID} />}
+              {autoRefreshIsEnabled && <FormCheckBox className="auto-refresh" label={AUTO_REFRESH} name={AUTO_REFRESH_ID} />}
               <FormOnChange handler={setAutoRefresh} name={AUTO_REFRESH_ID} />
               {withRefreshButton && (
                 <RoundedIcon tooltipText="Refresh" onClick={() => refresh(formState)} id="refresh">

src/components/FeatureStore/FeatureVectors/FeatureVectors.js

@@ -40,7 +40,7 @@ import {
   featureVectorsActionCreator,
   searchFeatureVectorItem
 } from './featureVectors.util'
-import { DANGER_BUTTON, LABEL_BUTTON } from 'igz-controls/constants'
+import { DANGER_BUTTON, TERTIARY_BUTTON } from 'igz-controls/constants'
 import { checkTabIsValid, handleApplyDetailsChanges } from '../featureStore.util'
 import { createFeatureVectorsRowData } from '../../../utils/createFeatureStoreContent'
 import { getFeatureVectorIdentifier } from '../../../utils/getUniqueIdentifier'
@@ -204,7 +204,7 @@ const FeatureVectors = ({
         header: 'Delete feature vector?',
         message: `Are you sure you want to delete the feature vector "${featureVector.name}"?. You cannot restore a feature vector after deleting it.`,
         btnCancelLabel: 'Cancel',
-        btnCancelVariant: LABEL_BUTTON,
+        btnCancelVariant: TERTIARY_BUTTON,
         btnConfirmLabel: 'Delete',
         btnConfirmVariant: DANGER_BUTTON,
         rejectHandler: () => setConfirmData(null),

src/components/FunctionsPage/Functions.js

@@ -56,7 +56,7 @@ import {
 import createFunctionsRowData from '../../utils/createFunctionsRowData'
 import functionsActions from '../../actions/functions'
 import jobsActions from '../../actions/jobs'
-import { DANGER_BUTTON, LABEL_BUTTON } from 'igz-controls/constants'
+import { DANGER_BUTTON, TERTIARY_BUTTON } from 'igz-controls/constants'
 import { getFunctionIdentifier } from '../../utils/getUniqueIdentifier'
 import { getFunctionNuclioLogs, getFunctionLogs } from '../../utils/getFunctionLogs'
 import { isBackgroundTaskRunning } from '../../utils/poll.util'
@@ -365,7 +365,7 @@ const Functions = ({
         header: 'Delete function?',
         message: `You try to delete function "${func.name}". Deleted functions cannot be restored.`,
         btnCancelLabel: 'Cancel',
-        btnCancelVariant: LABEL_BUTTON,
+        btnCancelVariant: TERTIARY_BUTTON,
         btnConfirmLabel: 'Delete',
         btnConfirmVariant: DANGER_BUTTON,
         rejectHandler: () => setConfirmData(null),

src/components/Project/project.utils.js

@@ -86,8 +86,7 @@ export const generateCreateNewOptions = (
     handler: () => {
       openRegisterModelModal()
     },
-    // TODO: remove hidden in 1.4
-    hidden: true
+    hidden: !isDemoMode
   },
   {
     label: 'Register Dataset',

src/components/ProjectSettings/projectSettings.scss

@@ -31,7 +31,7 @@
         padding: 0 15px;
         flex: 0 0 auto;
         width: 50%;
-        min-width: 500px;
+        min-width: 650px;
       }
     }
 

src/elements/AddToFeatureVectorPopUp/AddToFeatureVectorPopUp.js

@@ -29,7 +29,7 @@ import { Button, PopUpDialog } from 'igz-controls/components'
 
 import { parseFeatureTemplate } from '../../utils/parseFeatureTemplate'
 import { generateProjectsList } from '../../utils/projects'
-import { LABEL_BUTTON, PRIMARY_BUTTON } from 'igz-controls/constants'
+import { TERTIARY_BUTTON, PRIMARY_BUTTON } from 'igz-controls/constants'
 import { setFeaturesPanelData, setTablePanelOpen } from '../../reducers/tableReducer'
 
 import { ReactComponent as AddCircle } from 'igz-controls/images/add-circle.svg'
@@ -244,7 +244,7 @@ const AddToFeatureVectorPopUp = ({
           </div>
           <div className="pop-up-dialog__footer-container">
             <Button
-              variant={LABEL_BUTTON}
+              variant={TERTIARY_BUTTON}
               label="Cancel"
               className="pop-up-dialog__btn_cancel"
               onClick={closePopUp}

src/elements/CreateFeatureVectorPopUp/CreateFeatureVectorPopUp.js

@@ -41,7 +41,7 @@ import {
   getInternalLabelsValidationRule
 } from 'igz-controls/utils/validation.util'
 import { setFieldState, isSubmitDisabled } from 'igz-controls/utils/form.util'
-import { LABEL_BUTTON, PRIMARY_BUTTON } from 'igz-controls/constants'
+import { TERTIARY_BUTTON, PRIMARY_BUTTON } from 'igz-controls/constants'
 import { getChipOptions } from '../../utils/getChipOptions'
 import { convertChipsData, parseChipsData } from '../../utils/convertChipsData'
 
@@ -149,7 +149,7 @@ const CreateFeatureVectorPopUp = ({
               <div className="pop-up-dialog__footer-container">
                 <Button
                   type="button"
-                  variant={LABEL_BUTTON}
+                  variant={TERTIARY_BUTTON}
                   label="Cancel"
                   className="pop-up-dialog__btn_cancel"
                   onClick={closePopUp}

src/scss/main.scss

@@ -857,7 +857,6 @@ div[id^='chartjs-tooltip'] {
 
   &__actions {
     display: flex;
-    margin-left: 20px;
 
     .action-button {
       white-space: nowrap;
@@ -870,6 +869,10 @@ div[id^='chartjs-tooltip'] {
         margin-right: 10px;
       }
     }
+
+    .auto-refresh {
+      margin-left: 20px;
+    }
   }
 }