iguazio.dashboard-react-controls 3.1.5 → 3.1.7

package/dist/images/notification-badge.svg

@@ -0,0 +1,5 @@
+<svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<circle cx="7.33334" cy="7.00007" r="6.5" fill="#E54158" stroke="white"/>
+<path d="M7.8745 10.7701C7.702 10.9234 7.48825 11.0001 7.23325 11.0001C6.97825 11.0001 6.7645 10.9234 6.592 10.7701C6.4195 10.6168 6.33325 10.4268 6.33325 10.2001C6.33325 9.97342 6.4195 9.78342 6.592 9.63009C6.7645 9.47676 6.97825 9.40009 7.23325 9.40009C7.48825 9.40009 7.702 9.47676 7.8745 9.63009C8.047 9.78342 8.13325 9.97342 8.13325 10.2001C8.13325 10.4268 8.047 10.6168 7.8745 10.7701Z" fill="white"/>
+<path d="M8.13325 7.80009H6.33325V3.00009H8.13325V7.80009Z" fill="white"/>
+</svg>

package/dist/scss/common.scss

@@ -221,6 +221,8 @@ a {
   min-width: 800px;
   padding: 15px 24px 10px;
   background-color: colors.$white;
+  overflow: auto;
+  min-height: 0;
 
   @include mixins.displayFlex;
 
@@ -263,12 +265,14 @@ a {
     flex: 1 1;
     flex-direction: column;
     min-width: 100%;
+    min-height: 0;
   }
 
   &__action-bar-wrapper {
     display: flex;
     flex-flow: row wrap;
     align-items: center;
+    background-color: colors.$white;
 
     &_hidden {
       display: none;
@@ -283,27 +287,6 @@ a {
         white-space: nowrap;
       }
     }
-
-    .action-bar {
-      display: flex;
-      flex: 1;
-      align-items: flex-start;
-      justify-content: flex-end;
-      width: 100%;
-      margin-bottom: 15px;
-
-      &_hidden {
-        display: none;
-      }
-
-      &__filters {
-        &-item {
-          &:not(:last-child) {
-            margin: 0 15px 0 0;
-          }
-        }
-      }
-    }
   }
 
   &__history-back-link-wrapper {
@@ -313,6 +296,27 @@ a {
       max-width: 100%;
     }
   }
+
+  .action-bar {
+    display: flex;
+    flex: 1;
+    align-items: flex-start;
+    justify-content: flex-end;
+    width: 100%;
+    margin-bottom: 15px;
+
+    &_hidden {
+      display: none;
+    }
+
+    &__filters {
+      &-item {
+        &:not(:last-child) {
+          margin: 0 15px 0 0;
+        }
+      }
+    }
+  }
 }
 
 /* =========== CONTENT MENU ============= */

package/dist/utils/form.util.d.ts

@@ -8,4 +8,5 @@ export function parseObjectToKeyValue(object?: {}): {
     };
 }[];
 export function isSubmitDisabled(formState: any): any;
+export function clearArrayFromEmptyObjectElements(arr?: any[]): any[];
 //# sourceMappingURL=form.util.d.ts.map

package/dist/utils/form.util.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"form.util.d.ts","sourceRoot":"","sources":["../../src/lib/utils/form.util.js"],"names":[],"mappings":"AAkBO,2DAUN;AAEM,+EAaN;AAEM,sEAMN;AAEM;;;;;IASN;AAEM,sDAEN"}
+{"version":3,"file":"form.util.d.ts","sourceRoot":"","sources":["../../src/lib/utils/form.util.js"],"names":[],"mappings":"AAkBO,2DAUN;AAEM,+EAaN;AAEM,sEAMN;AAEM;;;;;IASN;AAEM,sDAEN;AAUM,sEAIN"}

package/dist/utils/form.util.mjs

@@ -1,10 +1,10 @@
-import { set as u, isEqual as l, mapValues as d, some as m, get as c, isNil as o, isEmpty as f } from "lodash";
-const p = (e, t) => {
+import { set as u, isEqual as l, mapValues as m, some as c, get as d, isNil as o, isEmpty as y } from "lodash";
+const b = (e, t) => {
   let r = e[0], i = e[1], n = t.fields[r];
   if (n)
     for (let s in i)
       u(n, s, i[s]);
-}, b = (e, t) => {
+}, O = (e, t) => {
   const r = (i, n) => {
     if (n !== "")
       return n;
@@ -13,17 +13,18 @@ const p = (e, t) => {
     JSON.stringify(a(e), r),
     JSON.stringify(a(t), r)
   );
-}, O = (e = []) => e.reduce((t, r) => (t[r.data.key] = r.data.value, t), {}), g = (e = {}) => Object.entries(e).map(([t, r]) => ({
+}, F = (e = []) => e.reduce((t, r) => (t[r.data.key] = r.data.value, t), {}), g = (e = {}) => Object.entries(e).map(([t, r]) => ({
   data: {
     key: t,
     value: r
   }
-})), F = (e) => e.submitting || e.invalid && e.submitFailed, a = (e = {}) => d(e, (t) => Array.isArray(t) ? t.filter((r) => m(c(r, "data", r), (i) => !o(i) && !f(i))) : t);
+})), E = (e) => e.submitting || e.invalid && e.submitFailed, a = (e = {}) => m(e, (t) => Array.isArray(t) ? f(t) : t), f = (e = []) => e.filter((t) => c(d(t, "data", t), (r) => !o(r) && !y(r)));
 export {
-  b as areFormValuesChanged,
-  O as generateObjectFromKeyValue,
-  F as isSubmitDisabled,
+  O as areFormValuesChanged,
+  f as clearArrayFromEmptyObjectElements,
+  F as generateObjectFromKeyValue,
+  E as isSubmitDisabled,
   g as parseObjectToKeyValue,
-  p as setFieldState
+  b as setFieldState
 };
 //# sourceMappingURL=form.util.mjs.map

package/dist/utils/form.util.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"form.util.mjs","sources":["../../src/lib/utils/form.util.js"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport { get, isEmpty, isEqual, isNil, mapValues, set, some } from 'lodash'\n\nexport const setFieldState = (args, state) => {\n  let fieldName = args[0]\n  let states = args[1]\n  let field = state.fields[fieldName]\n\n  if (field) {\n    for (let stateName in states) {\n      set(field, stateName, states[stateName])\n    }\n  }\n}\n\nexport const areFormValuesChanged = (initialValues, values) => {\n  const replacer = (key, value) => {\n    if (value === '') {\n      return undefined\n    }\n\n    return value\n  }\n\n  return !isEqual(\n    JSON.stringify(clearObjectFromEmptyArrayElements(initialValues), replacer),\n    JSON.stringify(clearObjectFromEmptyArrayElements(values), replacer)\n  )\n}\n\nexport const generateObjectFromKeyValue = (keyValueList = []) => {\n  return keyValueList.reduce((acc, keyValue) => {\n    acc[keyValue.data.key] = keyValue.data.value\n\n    return acc\n  }, {})\n}\n\nexport const parseObjectToKeyValue = (object = {}) => {\n  return Object.entries(object).map(([key, value]) => {\n    return {\n      data: {\n        key,\n        value\n      }\n    }\n  })\n}\n\nexport const isSubmitDisabled = formState => {\n  return formState.submitting || (formState.invalid && formState.submitFailed)\n}\n\nconst clearObjectFromEmptyArrayElements = (obj = {}) => {\n  return mapValues(obj, objValue => {\n    if (!Array.isArray(objValue)) return objValue\n\n    return objValue.filter(arrayElement => {\n      return some(get(arrayElement, 'data', arrayElement), val => !isNil(val) && !isEmpty(val))\n    })\n  })\n}\n"],"names":["setFieldState","args","state","fieldName","states","field","stateName","set","areFormValuesChanged","initialValues","values","replacer","key","value","isEqual","clearObjectFromEmptyArrayElements","generateObjectFromKeyValue","keyValueList","acc","keyValue","parseObjectToKeyValue","object","isSubmitDisabled","formState","obj","mapValues","objValue","arrayElement","some","get","val","isNil","isEmpty"],"mappings":";AAkBY,MAACA,IAAgB,CAACC,GAAMC,MAAU;AAC5C,MAAIC,IAAYF,EAAK,CAAC,GAClBG,IAASH,EAAK,CAAC,GACfI,IAAQH,EAAM,OAAOC,CAAS;AAElC,MAAIE;AACF,aAASC,KAAaF;AACpB,MAAAG,EAAIF,GAAOC,GAAWF,EAAOE,CAAS,CAAC;AAG7C,GAEaE,IAAuB,CAACC,GAAeC,MAAW;AAC7D,QAAMC,IAAW,CAACC,GAAKC,MAAU;AAC/B,QAAIA,MAAU;AAId,aAAOA;AAAA,EACX;AAEE,SAAO,CAACC;AAAA,IACN,KAAK,UAAUC,EAAkCN,CAAa,GAAGE,CAAQ;AAAA,IACzE,KAAK,UAAUI,EAAkCL,CAAM,GAAGC,CAAQ;AAAA,EACtE;AACA,GAEaK,IAA6B,CAACC,IAAe,OACjDA,EAAa,OAAO,CAACC,GAAKC,OAC/BD,EAAIC,EAAS,KAAK,GAAG,IAAIA,EAAS,KAAK,OAEhCD,IACN,CAAE,CAAA,GAGME,IAAwB,CAACC,IAAS,OACtC,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACT,GAAKC,CAAK,OACrC;AAAA,EACL,MAAM;AAAA,IACJ,KAAAD;AAAA,IACA,OAAAC;AAAA,EACR;AACA,EACG,GAGUS,IAAmB,CAAAC,MACvBA,EAAU,cAAeA,EAAU,WAAWA,EAAU,cAG3DR,IAAoC,CAACS,IAAM,OACxCC,EAAUD,GAAK,CAAAE,MACf,MAAM,QAAQA,CAAQ,IAEpBA,EAAS,OAAO,CAAAC,MACdC,EAAKC,EAAIF,GAAc,QAAQA,CAAY,GAAG,CAAAG,MAAO,CAACC,EAAMD,CAAG,KAAK,CAACE,EAAQF,CAAG,CAAC,CACzF,IAJoCJ,CAKtC;"}
+{"version":3,"file":"form.util.mjs","sources":["../../src/lib/utils/form.util.js"],"sourcesContent":["/*\nCopyright 2022 Iguazio Systems Ltd.\nLicensed under the Apache License, Version 2.0 (the \"License\") with\nan addition restriction as set forth herein. You may not use this\nfile except in compliance with the License. You may obtain a copy of\nthe License at http://www.apache.org/licenses/LICENSE-2.0.\nUnless required by applicable law or agreed to in writing, software\ndistributed under the License is distributed on an \"AS IS\" BASIS,\nWITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or\nimplied. See the License for the specific language governing\npermissions and limitations under the License.\nIn addition, you may not use the software for any purposes that are\nillegal under applicable law, and the grant of the foregoing license\nunder the Apache 2.0 license is conditioned upon your compliance with\nsuch restriction.\n*/\nimport { get, isEmpty, isEqual, isNil, mapValues, set, some } from 'lodash'\n\nexport const setFieldState = (args, state) => {\n  let fieldName = args[0]\n  let states = args[1]\n  let field = state.fields[fieldName]\n\n  if (field) {\n    for (let stateName in states) {\n      set(field, stateName, states[stateName])\n    }\n  }\n}\n\nexport const areFormValuesChanged = (initialValues, values) => {\n  const replacer = (key, value) => {\n    if (value === '') {\n      return undefined\n    }\n\n    return value\n  }\n\n  return !isEqual(\n    JSON.stringify(clearObjectFromEmptyArrayElements(initialValues), replacer),\n    JSON.stringify(clearObjectFromEmptyArrayElements(values), replacer)\n  )\n}\n\nexport const generateObjectFromKeyValue = (keyValueList = []) => {\n  return keyValueList.reduce((acc, keyValue) => {\n    acc[keyValue.data.key] = keyValue.data.value\n\n    return acc\n  }, {})\n}\n\nexport const parseObjectToKeyValue = (object = {}) => {\n  return Object.entries(object).map(([key, value]) => {\n    return {\n      data: {\n        key,\n        value\n      }\n    }\n  })\n}\n\nexport const isSubmitDisabled = formState => {\n  return formState.submitting || (formState.invalid && formState.submitFailed)\n}\n\nconst clearObjectFromEmptyArrayElements = (obj = {}) => {\n  return mapValues(obj, objValue => {\n    if (!Array.isArray(objValue)) return objValue\n\n    return clearArrayFromEmptyObjectElements(objValue)\n  })\n}\n\nexport const clearArrayFromEmptyObjectElements = (arr = []) => {\n  return arr.filter(arrayElement => {\n    return some(get(arrayElement, 'data', arrayElement), val => !isNil(val) && !isEmpty(val))\n  })\n}\n"],"names":["setFieldState","args","state","fieldName","states","field","stateName","set","areFormValuesChanged","initialValues","values","replacer","key","value","isEqual","clearObjectFromEmptyArrayElements","generateObjectFromKeyValue","keyValueList","acc","keyValue","parseObjectToKeyValue","object","isSubmitDisabled","formState","obj","mapValues","objValue","clearArrayFromEmptyObjectElements","arr","arrayElement","some","get","val","isNil","isEmpty"],"mappings":";AAkBY,MAACA,IAAgB,CAACC,GAAMC,MAAU;AAC5C,MAAIC,IAAYF,EAAK,CAAC,GAClBG,IAASH,EAAK,CAAC,GACfI,IAAQH,EAAM,OAAOC,CAAS;AAElC,MAAIE;AACF,aAASC,KAAaF;AACpB,MAAAG,EAAIF,GAAOC,GAAWF,EAAOE,CAAS,CAAC;AAG7C,GAEaE,IAAuB,CAACC,GAAeC,MAAW;AAC7D,QAAMC,IAAW,CAACC,GAAKC,MAAU;AAC/B,QAAIA,MAAU;AAId,aAAOA;AAAA,EACX;AAEE,SAAO,CAACC;AAAA,IACN,KAAK,UAAUC,EAAkCN,CAAa,GAAGE,CAAQ;AAAA,IACzE,KAAK,UAAUI,EAAkCL,CAAM,GAAGC,CAAQ;AAAA,EACtE;AACA,GAEaK,IAA6B,CAACC,IAAe,OACjDA,EAAa,OAAO,CAACC,GAAKC,OAC/BD,EAAIC,EAAS,KAAK,GAAG,IAAIA,EAAS,KAAK,OAEhCD,IACN,CAAE,CAAA,GAGME,IAAwB,CAACC,IAAS,OACtC,OAAO,QAAQA,CAAM,EAAE,IAAI,CAAC,CAACT,GAAKC,CAAK,OACrC;AAAA,EACL,MAAM;AAAA,IACJ,KAAAD;AAAA,IACA,OAAAC;AAAA,EACR;AACA,EACG,GAGUS,IAAmB,CAAAC,MACvBA,EAAU,cAAeA,EAAU,WAAWA,EAAU,cAG3DR,IAAoC,CAACS,IAAM,OACxCC,EAAUD,GAAK,CAAAE,MACf,MAAM,QAAQA,CAAQ,IAEpBC,EAAkCD,CAAQ,IAFZA,CAGtC,GAGUC,IAAoC,CAACC,IAAM,OAC/CA,EAAI,OAAO,CAAAC,MACTC,EAAKC,EAAIF,GAAc,QAAQA,CAAY,GAAG,CAAAG,MAAO,CAACC,EAAMD,CAAG,KAAK,CAACE,EAAQF,CAAG,CAAC,CACzF;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "iguazio.dashboard-react-controls",
-    "version": "3.1.5",
+    "version": "3.1.7",
     "description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",
     "module": "./dist/index.mjs",
     "main": "./dist/index.mjs",

package/dist/images/severity-warning.svg

@@ -1,10 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0)">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M11.9993 -0.000671387C18.6266 -0.000671387 23.9993 5.372 23.9993 12C23.9993 18.6273 18.6266 23.9993 11.9993 23.9993C5.37127 23.9993 -0.000732422 18.6273 -0.000732422 12C-0.000732422 5.372 5.37127 -0.000671387 11.9993 -0.000671387ZM11.3279 15.9893H12.6699C13.0399 15.9893 13.3406 16.288 13.3406 16.6567V17.992C13.3406 18.3607 13.0399 18.6593 12.6699 18.6593H11.3279C11.2401 18.6595 11.1531 18.6424 11.0719 18.6089C10.9908 18.5755 10.9169 18.5264 10.8547 18.4644C10.7925 18.4025 10.7431 18.3288 10.7093 18.2478C10.6756 18.1667 10.6581 18.0798 10.6579 17.992V16.6567C10.6579 16.288 10.9579 15.9893 11.3279 15.9893ZM11.3279 5.33H12.6699C13.0399 5.33 13.3406 5.61466 13.3406 5.966V13.3413C13.3406 13.7093 13.0399 14.0073 12.6699 14.0073H11.3279C11.2402 14.0076 11.1533 13.9906 11.0722 13.9572C10.991 13.9239 10.9172 13.8749 10.855 13.8131C10.7928 13.7512 10.7434 13.6778 10.7095 13.5968C10.6757 13.5159 10.6582 13.4291 10.6579 13.3413V5.966C10.6579 5.61466 10.9579 5.33 11.3279 5.33Z" fill="#F7DD00"/>
-</g>
-<defs>
-<clipPath id="clip0">
-<rect width="24" height="24" fill="white"/>
-</clipPath>
-</defs>
-</svg>