iguazio.dashboard-react-controls 3.2.1 → 3.2.3

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.
Files changed (62) hide show
  1. package/dist/components/FormChipCell/FormChip/FormChip.d.ts +3 -1
  2. package/dist/components/FormChipCell/FormChip/FormChip.d.ts.map +1 -1
  3. package/dist/components/FormChipCell/FormChip/FormChip.mjs +30 -27
  4. package/dist/components/FormChipCell/FormChip/FormChip.mjs.map +1 -1
  5. package/dist/components/FormChipCell/FormChipCell.d.ts +7 -2
  6. package/dist/components/FormChipCell/FormChipCell.d.ts.map +1 -1
  7. package/dist/components/FormChipCell/FormChipCell.mjs +131 -124
  8. package/dist/components/FormChipCell/FormChipCell.mjs.map +1 -1
  9. package/dist/components/FormChipCell/FormChipCellView.d.ts +8 -1
  10. package/dist/components/FormChipCell/FormChipCellView.d.ts.map +1 -1
  11. package/dist/components/FormChipCell/FormChipCellView.mjs +105 -96
  12. package/dist/components/FormChipCell/FormChipCellView.mjs.map +1 -1
  13. package/dist/components/FormChipCell/NewChipForm/NewChipForm.d.ts +3 -1
  14. package/dist/components/FormChipCell/NewChipForm/NewChipForm.d.ts.map +1 -1
  15. package/dist/components/FormChipCell/NewChipForm/NewChipForm.mjs +191 -185
  16. package/dist/components/FormChipCell/NewChipForm/NewChipForm.mjs.map +1 -1
  17. package/dist/components/ReadOnlyChips/ReadOnlyChips.d.ts +22 -0
  18. package/dist/components/ReadOnlyChips/ReadOnlyChips.d.ts.map +1 -0
  19. package/dist/components/ReadOnlyChips/ReadOnlyChips.mjs +41 -0
  20. package/dist/components/ReadOnlyChips/ReadOnlyChips.mjs.map +1 -0
  21. package/dist/components/TableCell/TableCell.d.ts.map +1 -1
  22. package/dist/components/TableCell/TableCell.mjs +39 -32
  23. package/dist/components/TableCell/TableCell.mjs.map +1 -1
  24. package/dist/components/index.d.ts +2 -3
  25. package/dist/components/index.d.ts.map +1 -1
  26. package/dist/components/index.mjs +52 -54
  27. package/dist/components/index.mjs.map +1 -1
  28. package/dist/elements/TableLinkCell/TableLinkCell.mjs +1 -1
  29. package/dist/elements/TableLinkCell/TableLinkCell.mjs.map +1 -1
  30. package/dist/hooks/useChipCell.hook.d.ts.map +1 -1
  31. package/dist/hooks/useChipCell.hook.mjs +52 -49
  32. package/dist/hooks/useChipCell.hook.mjs.map +1 -1
  33. package/dist/images/add.svg.mjs +3 -2
  34. package/dist/images/add.svg.mjs.map +1 -1
  35. package/dist/index.css +1 -1
  36. package/dist/types.d.ts +1 -0
  37. package/dist/types.d.ts.map +1 -1
  38. package/dist/types.mjs +53 -49
  39. package/dist/types.mjs.map +1 -1
  40. package/package.json +1 -1
  41. package/dist/components/Chip/Chip.d.ts +0 -3
  42. package/dist/components/Chip/Chip.d.ts.map +0 -1
  43. package/dist/components/Chip/Chip.mjs +0 -153
  44. package/dist/components/Chip/Chip.mjs.map +0 -1
  45. package/dist/components/Chip/Chip.stories.d.ts +0 -26
  46. package/dist/components/Chip/Chip.stories.d.ts.map +0 -1
  47. package/dist/components/ChipCell/ChipCell.d.ts +0 -3
  48. package/dist/components/ChipCell/ChipCell.d.ts.map +0 -1
  49. package/dist/components/ChipCell/ChipCell.mjs +0 -212
  50. package/dist/components/ChipCell/ChipCell.mjs.map +0 -1
  51. package/dist/components/ChipCell/ChipTooltip/ChipTooltip.d.ts +0 -15
  52. package/dist/components/ChipCell/ChipTooltip/ChipTooltip.d.ts.map +0 -1
  53. package/dist/components/ChipCell/ChipTooltip/ChipTooltip.mjs +0 -36
  54. package/dist/components/ChipCell/ChipTooltip/ChipTooltip.mjs.map +0 -1
  55. package/dist/components/ChipCell/HiddenChipsBlock/HiddenChipsBlock.d.ts +0 -35
  56. package/dist/components/ChipCell/HiddenChipsBlock/HiddenChipsBlock.d.ts.map +0 -1
  57. package/dist/components/ChipCell/HiddenChipsBlock/HiddenChipsBlock.mjs +0 -73
  58. package/dist/components/ChipCell/HiddenChipsBlock/HiddenChipsBlock.mjs.map +0 -1
  59. package/dist/components/ChipForm/ChipForm.mjs +0 -184
  60. package/dist/components/ChipForm/ChipForm.mjs.map +0 -1
  61. package/dist/images/add.svg2.mjs +0 -6
  62. package/dist/images/add.svg2.mjs.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"useChipCell.hook.mjs","sources":["../../src/lib/hooks/useChipCell.hook.js"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\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.\n\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.\n\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 { useCallback, useEffect, useMemo, useRef, useState, useLayoutEffect } from 'react'\nimport { throttle } from 'lodash'\n\nimport {\n getScssVariableValue,\n getTransitionEndEventName,\n isEveryObjectValueEmpty\n} from '../utils/common.util'\nimport { getFirstScrollableParent } from '../utils/getFirstScrollableParent.util'\n\nexport const useChipCell = (isEditMode, visibleChipsMaxLength, withInitialParentWidth) => {\n const [showHiddenChips, setShowHiddenChips] = useState(false)\n const [chipsSizes, setChipsSizes] = useState({})\n const [showChips, setShowChips] = useState(false)\n const [chipCellInitialWidth, setChipCellInitialWidth] = useState(0)\n const [visibleChipsCount, setVisibleChipsCount] = useState(8)\n\n const chipBlockMarginRight = useMemo(\n () => parseInt(getScssVariableValue('--chipBlockMarginRight')),\n []\n )\n const transitionEndEventName = useMemo(() => getTransitionEndEventName(), [])\n\n const chipsCellRef = useRef()\n const chipsWrapperRef = useRef()\n const hiddenChipsCounterRef = useRef()\n const hiddenChipsPopUpRef = useRef()\n\n const handleShowElements = useCallback(\n event => {\n if (!isEditMode || (isEditMode && visibleChipsMaxLength)) {\n if (hiddenChipsCounterRef.current?.contains(event.target) && !showHiddenChips) {\n setShowHiddenChips(true)\n } else {\n setShowHiddenChips(false)\n }\n }\n\n event && hiddenChipsCounterRef.current?.contains(event.target) && event.stopPropagation()\n },\n [isEditMode, showHiddenChips, visibleChipsMaxLength]\n )\n\n useEffect(() => {\n if (showHiddenChips) {\n window.addEventListener('click', handleShowElements, true)\n }\n\n return () => window.removeEventListener('click', handleShowElements, true)\n }, [showHiddenChips, handleShowElements])\n\n useEffect(() => {\n if (chipsCellRef.current?.getBoundingClientRect().width) {\n setChipCellInitialWidth(state => {\n if (!state) {\n return chipsCellRef.current?.getBoundingClientRect().width\n }\n })\n }\n }, [])\n\n const handleScroll = useCallback(\n event => {\n if (event.target.parentElement !== hiddenChipsPopUpRef?.current) {\n setShowHiddenChips(false)\n }\n },\n [hiddenChipsPopUpRef]\n )\n\n useEffect(() => {\n if (showHiddenChips) {\n window.addEventListener('scroll', handleScroll, true)\n }\n\n return () => window.removeEventListener('scroll', handleScroll, true)\n }, [handleScroll, showHiddenChips])\n\n const resizeChipCell = useCallback(() => {\n if (hiddenChipsPopUpRef?.current) {\n const scrollableParent = getFirstScrollableParent(hiddenChipsCounterRef.current.offsetParent)\n const scrollableParentRect = scrollableParent.getBoundingClientRect()\n const hiddenChipsCounterRect = hiddenChipsCounterRef.current?.getBoundingClientRect()\n\n // Check if the hiddenChipsCounterRect is outside the boundaries of the scrollableParentRect or the window\n if (\n hiddenChipsCounterRect.left < scrollableParentRect.left ||\n hiddenChipsCounterRect.top < scrollableParentRect.top ||\n hiddenChipsCounterRect.right > scrollableParentRect.right ||\n hiddenChipsCounterRect.bottom > scrollableParentRect.bottom ||\n hiddenChipsCounterRect.right > window.innerWidth ||\n hiddenChipsCounterRect.bottom > window.innerHeight\n ) {\n setShowHiddenChips(false)\n }\n }\n\n if (!isEditMode && !isEveryObjectValueEmpty(chipsSizes)) {\n const parentSize = withInitialParentWidth\n ? chipCellInitialWidth\n : chipsCellRef.current?.getBoundingClientRect().width\n\n let maxLength = 0\n let chipIndex = 0\n const padding = 65\n\n Object.values(chipsSizes).every((chipSize, index) => {\n // Check if adding chipSize to maxLength exceeds parentSize\n // or if adding chipSize and padding exceeds parentSize when there are multiple chips\n if (\n maxLength + chipSize > parentSize ||\n (Object.values(chipsSizes).length > 1 &&\n maxLength + chipSize + chipBlockMarginRight + padding > parentSize)\n ) {\n chipIndex = index\n\n return false\n } else {\n maxLength += chipSize\n\n if (index === Object.values(chipsSizes).length - 1) {\n chipIndex = 8\n }\n\n return true\n }\n })\n\n setVisibleChipsCount(chipIndex)\n setShowChips(true)\n }\n }, [chipBlockMarginRight, chipCellInitialWidth, chipsSizes, isEditMode, withInitialParentWidth])\n\n useLayoutEffect(() => {\n resizeChipCell()\n }, [resizeChipCell])\n\n useEffect(() => {\n const resizeChipCellDebounced = throttle(resizeChipCell, 500)\n\n if (!isEditMode) {\n window.addEventListener('resize', resizeChipCellDebounced)\n window.addEventListener(transitionEndEventName, resizeChipCellDebounced)\n\n return () => {\n window.removeEventListener('resize', resizeChipCellDebounced)\n window.removeEventListener(transitionEndEventName, resizeChipCellDebounced)\n }\n }\n }, [resizeChipCell, isEditMode, transitionEndEventName])\n\n return {\n chipsCellRef,\n chipsWrapperRef,\n handleShowElements,\n hiddenChipsCounterRef,\n hiddenChipsPopUpRef,\n setChipsSizes,\n setShowHiddenChips,\n showChips,\n showHiddenChips,\n visibleChipsCount\n }\n}\n"],"names":["useChipCell","isEditMode","visibleChipsMaxLength","withInitialParentWidth","showHiddenChips","setShowHiddenChips","useState","chipsSizes","setChipsSizes","showChips","setShowChips","chipCellInitialWidth","setChipCellInitialWidth","visibleChipsCount","setVisibleChipsCount","chipBlockMarginRight","useMemo","getScssVariableValue","transitionEndEventName","getTransitionEndEventName","chipsCellRef","useRef","chipsWrapperRef","hiddenChipsCounterRef","hiddenChipsPopUpRef","handleShowElements","useCallback","event","_a","_b","useEffect","state","handleScroll","resizeChipCell","scrollableParentRect","getFirstScrollableParent","hiddenChipsCounterRect","isEveryObjectValueEmpty","parentSize","maxLength","chipIndex","padding","chipSize","index","useLayoutEffect","resizeChipCellDebounced","throttle"],"mappings":";;;;AA6BY,MAACA,IAAc,CAACC,GAAYC,GAAuBC,MAA2B;AACxF,QAAM,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,GAAYC,CAAa,IAAIF,EAAS,CAAE,CAAA,GACzC,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1C,CAACK,GAAsBC,CAAuB,IAAIN,EAAS,CAAC,GAC5D,CAACO,GAAmBC,CAAoB,IAAIR,EAAS,CAAC,GAEtDS,IAAuBC;AAAA,IAC3B,MAAM,SAASC,EAAqB,wBAAwB,CAAC;AAAA,IAC7D,CAAA;AAAA,EACJ,GACQC,IAAyBF,EAAQ,MAAMG,EAA2B,GAAE,CAAE,CAAA,GAEtEC,IAAeC,EAAM,GACrBC,IAAkBD,EAAM,GACxBE,IAAwBF,EAAM,GAC9BG,IAAsBH,EAAM,GAE5BI,IAAqBC;AAAA,IACzB,CAAAC,MAAS;;AACP,OAAI,CAAC1B,KAAeA,KAAcC,QAC5B0B,IAAAL,EAAsB,YAAtB,QAAAK,EAA+B,SAASD,EAAM,WAAW,CAACvB,IAC5DC,EAAmB,EAAI,IAEvBA,EAAmB,EAAK,IAI5BsB,OAASE,IAAAN,EAAsB,YAAtB,QAAAM,EAA+B,SAASF,EAAM,YAAWA,EAAM,gBAAe;AAAA,IACxF;AAAA,IACD,CAAC1B,GAAYG,GAAiBF,CAAqB;AAAA,EACvD;AAEE,EAAA4B,EAAU,OACJ1B,KACF,OAAO,iBAAiB,SAASqB,GAAoB,EAAI,GAGpD,MAAM,OAAO,oBAAoB,SAASA,GAAoB,EAAI,IACxE,CAACrB,GAAiBqB,CAAkB,CAAC,GAExCK,EAAU,MAAM;;AACd,KAAIF,IAAAR,EAAa,YAAb,QAAAQ,EAAsB,wBAAwB,SAChDhB,EAAwB,CAAAmB,MAAS;;AAC/B,UAAI,CAACA;AACH,gBAAOH,IAAAR,EAAa,YAAb,gBAAAQ,EAAsB,wBAAwB;AAAA,IAExD,CAAA;AAAA,EAEP,GAAK,CAAE,CAAA;AAEL,QAAMI,IAAeN;AAAA,IACnB,CAAAC,MAAS;AACP,MAAIA,EAAM,OAAO,mBAAkBH,KAAA,gBAAAA,EAAqB,YACtDnB,EAAmB,EAAK;AAAA,IAE3B;AAAA,IACD,CAACmB,CAAmB;AAAA,EACxB;AAEE,EAAAM,EAAU,OACJ1B,KACF,OAAO,iBAAiB,UAAU4B,GAAc,EAAI,GAG/C,MAAM,OAAO,oBAAoB,UAAUA,GAAc,EAAI,IACnE,CAACA,GAAc5B,CAAe,CAAC;AAElC,QAAM6B,IAAiBP,EAAY,MAAM;;AACvC,QAAIF,KAAA,QAAAA,EAAqB,SAAS;AAEhC,YAAMU,IADmBC,EAAyBZ,EAAsB,QAAQ,YAAY,EAC9C,sBAAqB,GAC7Da,KAAyBR,IAAAL,EAAsB,YAAtB,gBAAAK,EAA+B;AAG9D,OACEQ,EAAuB,OAAOF,EAAqB,QACnDE,EAAuB,MAAMF,EAAqB,OAClDE,EAAuB,QAAQF,EAAqB,SACpDE,EAAuB,SAASF,EAAqB,UACrDE,EAAuB,QAAQ,OAAO,cACtCA,EAAuB,SAAS,OAAO,gBAEvC/B,EAAmB,EAAK;AAAA,IAEhC;AAEI,QAAI,CAACJ,KAAc,CAACoC,EAAwB9B,CAAU,GAAG;AACvD,YAAM+B,IAAanC,IACfQ,KACAkB,IAAAT,EAAa,YAAb,gBAAAS,EAAsB,wBAAwB;AAElD,UAAIU,IAAY,GACZC,IAAY;AAChB,YAAMC,IAAU;AAEhB,aAAO,OAAOlC,CAAU,EAAE,MAAM,CAACmC,GAAUC,MAIvCJ,IAAYG,IAAWJ,KACtB,OAAO,OAAO/B,CAAU,EAAE,SAAS,KAClCgC,IAAYG,IAAW3B,IAAuB0B,IAAUH,KAE1DE,IAAYG,GAEL,OAEPJ,KAAaG,GAETC,MAAU,OAAO,OAAOpC,CAAU,EAAE,SAAS,MAC/CiC,IAAY,IAGP,GAEV,GAED1B,EAAqB0B,CAAS,GAC9B9B,EAAa,EAAI;AAAA,IACvB;AAAA,EACG,GAAE,CAACK,GAAsBJ,GAAsBJ,GAAYN,GAAYE,CAAsB,CAAC;AAE/F,SAAAyC,EAAgB,MAAM;AACpB,IAAAX,EAAc;AAAA,EACf,GAAE,CAACA,CAAc,CAAC,GAEnBH,EAAU,MAAM;AACd,UAAMe,IAA0BC,EAASb,GAAgB,GAAG;AAE5D,QAAI,CAAChC;AACH,oBAAO,iBAAiB,UAAU4C,CAAuB,GACzD,OAAO,iBAAiB3B,GAAwB2B,CAAuB,GAEhE,MAAM;AACX,eAAO,oBAAoB,UAAUA,CAAuB,GAC5D,OAAO,oBAAoB3B,GAAwB2B,CAAuB;AAAA,MAClF;AAAA,EAEA,GAAK,CAACZ,GAAgBhC,GAAYiB,CAAsB,CAAC,GAEhD;AAAA,IACL,cAAAE;AAAA,IACA,iBAAAE;AAAA,IACA,oBAAAG;AAAA,IACA,uBAAAF;AAAA,IACA,qBAAAC;AAAA,IACA,eAAAhB;AAAA,IACA,oBAAAH;AAAA,IACA,WAAAI;AAAA,IACA,iBAAAL;AAAA,IACA,mBAAAS;AAAA,EACJ;AACA;"}
1
+ {"version":3,"file":"useChipCell.hook.mjs","sources":["../../src/lib/hooks/useChipCell.hook.js"],"sourcesContent":["/*\nCopyright 2019 Iguazio Systems Ltd.\n\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.\n\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.\n\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 { useCallback, useEffect, useMemo, useRef, useState, useLayoutEffect } from 'react'\nimport { throttle } from 'lodash'\n\nimport {\n getScssVariableValue,\n getTransitionEndEventName,\n isEveryObjectValueEmpty\n} from '../utils/common.util'\nimport { getFirstScrollableParent } from '../utils/getFirstScrollableParent.util'\n\nexport const useChipCell = (isEditMode, visibleChipsMaxLength, withInitialParentWidth) => {\n const [showHiddenChips, setShowHiddenChips] = useState(false)\n const [chipsSizes, setChipsSizes] = useState({})\n const [showChips, setShowChips] = useState(false)\n const [chipCellInitialWidth, setChipCellInitialWidth] = useState(0)\n const [visibleChipsCount, setVisibleChipsCount] = useState(8)\n\n const chipBlockMarginRight = useMemo(\n () => parseInt(getScssVariableValue('--chipBlockMarginRight')),\n []\n )\n const transitionEndEventName = useMemo(() => getTransitionEndEventName(), [])\n\n const chipsCellRef = useRef()\n const chipsWrapperRef = useRef()\n const hiddenChipsCounterRef = useRef()\n const hiddenChipsPopUpRef = useRef()\n\n const handleShowElements = useCallback(\n event => {\n if (!isEditMode || (isEditMode && visibleChipsMaxLength)) {\n if (hiddenChipsCounterRef.current?.contains(event.target) && !showHiddenChips) {\n setShowHiddenChips(true)\n } else {\n setShowHiddenChips(false)\n }\n }\n\n event && hiddenChipsCounterRef.current?.contains(event.target) && event.stopPropagation()\n },\n [isEditMode, showHiddenChips, visibleChipsMaxLength]\n )\n\n useEffect(() => {\n if (showHiddenChips) {\n window.addEventListener('click', handleShowElements, true)\n }\n\n return () => window.removeEventListener('click', handleShowElements, true)\n }, [showHiddenChips, handleShowElements])\n\n useEffect(() => {\n if (chipsCellRef.current?.getBoundingClientRect().width) {\n setChipCellInitialWidth(state => {\n if (!state) {\n return chipsCellRef.current?.getBoundingClientRect().width\n }\n })\n }\n }, [])\n\n const handleScroll = useCallback(\n event => {\n if (event.target.parentElement !== hiddenChipsPopUpRef?.current) {\n setShowHiddenChips(false)\n }\n },\n [hiddenChipsPopUpRef]\n )\n\n useEffect(() => {\n if (showHiddenChips) {\n window.addEventListener('scroll', handleScroll, true)\n }\n\n return () => window.removeEventListener('scroll', handleScroll, true)\n }, [handleScroll, showHiddenChips])\n\n const resizeChipCell = useCallback(() => {\n if (hiddenChipsPopUpRef?.current) {\n const scrollableParent = getFirstScrollableParent(hiddenChipsCounterRef.current.offsetParent)\n const scrollableParentRect = scrollableParent.getBoundingClientRect()\n const hiddenChipsCounterRect = hiddenChipsCounterRef.current?.getBoundingClientRect()\n\n // Check if the hiddenChipsCounterRect is outside the boundaries of the scrollableParentRect or the window\n if (\n hiddenChipsCounterRect.left < scrollableParentRect.left ||\n hiddenChipsCounterRect.top < scrollableParentRect.top ||\n hiddenChipsCounterRect.right > scrollableParentRect.right ||\n hiddenChipsCounterRect.bottom > scrollableParentRect.bottom ||\n hiddenChipsCounterRect.right > window.innerWidth ||\n hiddenChipsCounterRect.bottom > window.innerHeight\n ) {\n setShowHiddenChips(false)\n }\n }\n\n if (!isEditMode && !isEveryObjectValueEmpty(chipsSizes)) {\n const parentSize = withInitialParentWidth\n ? chipCellInitialWidth\n : chipsCellRef.current?.getBoundingClientRect().width\n const hiddenChipsCounterWidth =\n (hiddenChipsCounterRef.current?.getBoundingClientRect().width ?? 0) + chipBlockMarginRight\n\n let chipsLengthSum = 0\n let chipIndex = 0\n const chipsSizesList = Object.values(chipsSizes)\n\n chipsSizesList.every((chipSize, index) => {\n const chipSizeWithMargin = chipSize + chipBlockMarginRight\n const isLastChip = index === chipsSizesList.length - 1\n const newChipsLengthSum = chipsLengthSum + chipSizeWithMargin\n const wouldExceedWithCounter = newChipsLengthSum + hiddenChipsCounterWidth > parentSize\n const wouldExceedWithoutCounter = newChipsLengthSum > parentSize\n\n // If we've exceeded the limit\n if (wouldExceedWithCounter) {\n // Special case: last chip might fit without the counter\n if (isLastChip && !wouldExceedWithoutCounter) {\n chipsLengthSum = newChipsLengthSum\n chipIndex = chipsSizesList.length\n return true\n }\n\n // Stop here - this chip doesn't fit\n chipIndex = index\n return false\n }\n\n // Chip fits, add it\n chipsLengthSum = newChipsLengthSum\n\n if (isLastChip) {\n chipIndex = chipsSizesList.length\n }\n\n return true\n })\n\n setVisibleChipsCount(chipIndex)\n setShowChips(true)\n }\n }, [chipBlockMarginRight, chipCellInitialWidth, chipsSizes, isEditMode, withInitialParentWidth])\n\n useLayoutEffect(() => {\n resizeChipCell()\n }, [resizeChipCell])\n\n useEffect(() => {\n const resizeChipCellDebounced = throttle(resizeChipCell, 500)\n\n if (!isEditMode) {\n window.addEventListener('resize', resizeChipCellDebounced)\n window.addEventListener(transitionEndEventName, resizeChipCellDebounced)\n\n return () => {\n window.removeEventListener('resize', resizeChipCellDebounced)\n window.removeEventListener(transitionEndEventName, resizeChipCellDebounced)\n }\n }\n }, [resizeChipCell, isEditMode, transitionEndEventName])\n\n return {\n chipsCellRef,\n chipsWrapperRef,\n handleShowElements,\n hiddenChipsCounterRef,\n hiddenChipsPopUpRef,\n setChipsSizes,\n setShowHiddenChips,\n showChips,\n showHiddenChips,\n visibleChipsCount\n }\n}\n"],"names":["useChipCell","isEditMode","visibleChipsMaxLength","withInitialParentWidth","showHiddenChips","setShowHiddenChips","useState","chipsSizes","setChipsSizes","showChips","setShowChips","chipCellInitialWidth","setChipCellInitialWidth","visibleChipsCount","setVisibleChipsCount","chipBlockMarginRight","useMemo","getScssVariableValue","transitionEndEventName","getTransitionEndEventName","chipsCellRef","useRef","chipsWrapperRef","hiddenChipsCounterRef","hiddenChipsPopUpRef","handleShowElements","useCallback","event","_a","_b","useEffect","state","handleScroll","resizeChipCell","scrollableParentRect","getFirstScrollableParent","hiddenChipsCounterRect","isEveryObjectValueEmpty","parentSize","hiddenChipsCounterWidth","_c","chipsLengthSum","chipIndex","chipsSizesList","chipSize","index","chipSizeWithMargin","isLastChip","newChipsLengthSum","wouldExceedWithCounter","wouldExceedWithoutCounter","useLayoutEffect","resizeChipCellDebounced","throttle"],"mappings":"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"}
@@ -1,5 +1,6 @@
1
- const t = "data:image/svg+xml,%3csvg%20width='13'%20height='14'%20viewBox='0%200%2013%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='7.34326'%20y='0.5'%20width='13'%20height='1.5'%20transform='rotate(90%207.34326%200.5)'%20fill='%237F7989'/%3e%3crect%20width='13'%20height='1.5'%20transform='matrix(-1%20-2.18557e-08%20-2.18557e-08%201%2013%206.15723)'%20fill='%237F7989'/%3e%3c/svg%3e";
1
+ import * as t from "react";
2
+ const r = (e) => /* @__PURE__ */ t.createElement("svg", { width: 13, height: 14, viewBox: "0 0 13 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ t.createElement("rect", { x: 7.34326, y: 0.5, width: 13, height: 1.5, transform: "rotate(90 7.34326 0.5)", fill: "#7F7989" }), /* @__PURE__ */ t.createElement("rect", { width: 13, height: 1.5, transform: "matrix(-1 -2.18557e-08 -2.18557e-08 1 13 6.15723)", fill: "#7F7989" }));
2
3
  export {
3
- t as default
4
+ r as default
4
5
  };
5
6
  //# sourceMappingURL=add.svg.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"add.svg.mjs","sources":["../../src/lib/images/add.svg"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='13'%20height='14'%20viewBox='0%200%2013%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20x='7.34326'%20y='0.5'%20width='13'%20height='1.5'%20transform='rotate(90%207.34326%200.5)'%20fill='%237F7989'/%3e%3crect%20width='13'%20height='1.5'%20transform='matrix(-1%20-2.18557e-08%20-2.18557e-08%201%2013%206.15723)'%20fill='%237F7989'/%3e%3c/svg%3e\""],"names":["Add"],"mappings":"AAAA,MAAeA,IAAA;"}
1
+ {"version":3,"file":"add.svg.mjs","sources":["../../src/lib/images/add.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgAdd = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 13, height: 14, viewBox: \"0 0 13 14\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"rect\", { x: 7.34326, y: 0.5, width: 13, height: 1.5, transform: \"rotate(90 7.34326 0.5)\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"rect\", { width: 13, height: 1.5, transform: \"matrix(-1 -2.18557e-08 -2.18557e-08 1 13 6.15723)\", fill: \"#7F7989\" }));\nexport default SvgAdd;\n"],"names":["SvgAdd","props","React"],"mappings":";AACK,MAACA,IAAS,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,KAAyB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,SAAS,GAAG,KAAK,OAAO,IAAI,QAAQ,KAAK,WAAW,0BAA0B,MAAM,UAAS,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,OAAO,IAAI,QAAQ,KAAK,WAAW,qDAAqD,MAAM,WAAW,CAAC;"}
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- .tooltip-template{padding:6px 8px;word-break:break-word}.tooltip__text{color:#fff;background-color:#4b4760;border-radius:4px}.tooltip__warning{color:#ea336a;background-color:#fff;box-shadow:0 5px 11px #0000002e}.btn{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#fff;font-weight:500;font-size:.875rem;font-style:normal;border:1px solid transparent;border-radius:4px}.btn-dense{height:36px}.btn-normal{height:40px}.btn-medium{height:44px}.btn-chunky{height:48px}.btn svg>*{fill:currentColor}.btn:focus{border-color:#0006}.btn:active{border-color:#0006}.btn:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn:disabled svg>*{fill:#dadada}.btn :not(:last-child){margin-right:10px}.btn :last-child{margin:0}.btn-secondary{background:#0fddaf}.btn-secondary:hover:not(:disabled){background:#1fcc9e}.btn-secondary:active:not(:disabled){background:#1db284}.btn-secondary:disabled{border:1px solid #0fddaf}.btn-tertiary{color:#4b4760;background:#fff;border:1px solid rgba(0,0,0,.2)}.btn-tertiary svg>*{fill:#4b4760}.btn-tertiary:hover:not(:disabled){background:#f8f7f8}.btn-tertiary:active:not(:disabled){background:#e7e7e7}.btn-tertiary:disabled{border:1px solid rgba(0,0,0,.2)}.btn-primary{color:#fff;background:#869cff}.btn-primary:hover:not(:disabled){background:#6279e7}.btn-primary:active:not(:disabled){background:#5468c7}.btn-primary:disabled{border:1px solid #869cff}.btn-danger{color:#fff;background:#ea336a}.btn-danger:hover:not(:disabled){background:#d22a5d}.btn-danger:active:not(:disabled){background:#bc2553}.btn-danger:disabled{border:1px solid #ea336a}.btn-label{color:#4b4760;background:transparent;border:0}.btn-label svg>*{fill:#4b4760}.btn-label:focus:not(:disabled){border-color:transparent}.btn-label:hover:not(:disabled){color:#7f7989}.btn-label:active:not(:disabled){color:#000;border-color:transparent}.btn-label:disabled{border-color:transparent}.round-icon-cp{position:relative;display:flex;align-items:center;margin:0 .2rem}.round-icon-cp__circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:4px}.round-icon-cp__circle>*{position:relative;z-index:2;display:inline-flex;margin:0!important}.round-icon-cp__circle:before{position:absolute;right:0;left:0;z-index:1;width:inherit;height:inherit;background-color:#483f561f;border-radius:50%;opacity:0;transition:opacity .3s ease-in-out;content:""}.round-icon-cp__circle:hover:before,.round-icon-cp__circle-active:before{opacity:1}.round-icon-cp__circle-disabled path{fill:#adabb0}.round-icon-cp__circle-disabled:hover:before{opacity:0}.pop-up-dialog{position:relative;width:477px;max-height:90vh;padding:20px;overflow-y:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003}.pop-up-dialog__buttons_wrapper{display:flex}.pop-up-dialog__overlay{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#333333bf;z-index:9}.pop-up-dialog__overlay.custom-position{width:auto;height:auto;background:unset}.pop-up-dialog__header{display:flex;align-items:baseline;justify-content:space-between;min-height:30px;margin-bottom:15px}.pop-up-dialog__header-text{width:100%;color:#4b4760;font-size:24px;line-height:28px;word-break:break-word}.pop-up-dialog__header-close{width:14px;height:14px;margin:5px 0 5px auto;cursor:pointer}.pop-up-dialog__footer-container{display:flex;justify-content:flex-end;margin-top:20px}.pop-up-dialog__btn_cancel{margin:0 10px}.pop-up-dialog__btn_close{position:absolute;top:10px;right:10px}.pop-up-dialog__form-input{width:100%}.confirm-dialog{color:#4b4760}.confirm-dialog__message{font-size:15px;line-height:24px}.confirm-dialog__message-only{font-size:22px}.confirm-dialog__btn-container{display:flex;justify-content:flex-end;margin-top:20px}.confirm-dialog__body{margin:20px 0}.tooltip{position:fixed;font-weight:400;font-size:15px;line-height:1.4;display:flex;max-width:400px;z-index:9}.actions-menu__icon{display:none;align-items:center;justify-content:center;width:25px;height:25px;margin-right:5px}.actions-menu__icon svg path:first-child{fill:#7f7989}.actions-menu__icon_visible{display:flex}.actions-menu__option{padding:10px;color:#4b4760;cursor:pointer}.actions-menu__option:hover{background-color:#f8f7f8}.actions-menu__option_danger{color:#ea336a}.actions-menu__option_danger svg path:first-child{fill:#ea336a}.actions-menu__option_disabled{color:#adabb0;cursor:not-allowed}.actions-menu__option_disabled .actions-menu__icon svg path:first-child{fill:#0003}.actions-menu__option>*{display:flex;flex:1;align-items:center;justify-content:flex-start;width:100%}.actions-menu{position:relative}.actions-menu__container{position:relative;display:none}.actions-menu__container_extended{position:absolute;right:0;display:none;align-items:center;justify-content:center;background-color:#f5f7ff;height:100%}.actions-menu__container_extended:before{content:"";width:30px;height:100%;position:absolute;display:block;left:-30px;background:linear-gradient(90deg,#fff0,#f5f7ff)}.actions-menu__container_extended .actions-menu{padding:0 5px 0 0}.actions-menu__container-active{display:flex}.actions-menu__main-actions-wrapper{display:flex;align-items:center;justify-content:center}.actions-menu__body{min-width:150px;max-width:250px}.actions-menu__body .pop-up-dialog{width:100%;padding:0}.actions-menu__list{list-style-type:none;margin:0;padding:0}.options-menu__body{width:100%;max-height:250px;margin:0;padding:0;overflow-y:auto;color:#483f56de;font-size:1rem;list-style-type:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 2px 10px #0003}.options-menu .pop-up-dialog{width:100%;padding:0}.options-menu-transition-enter{opacity:0}.options-menu-transition-enter-active{opacity:1;transition:opacity .3s ease-in-out}.options-menu-transition-exit{opacity:1}.options-menu-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.validation-option{display:flex;align-items:flex-start;margin:.6rem 0;padding:0 1rem;font-size:.875rem}.validation-option__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:.5rem}.validation-option__icon_valid{width:14px;height:15px}.validation-option__icon_valid path{fill:#0fddaf}.validation-option__icon_invalid{width:12px;height:12px}.validation-option__icon_invalid path{fill:#ea336a}.edit-chip-container{display:inline-flex;max-width:100%;margin:2px 8px 2px 0;padding:0 8px;font-size:14px;line-height:22px}.edit-chip-container input.item_edited::placeholder{color:#adabb0}.edit-chip-container input::placeholder{color:#4b4760}.edit-chip__icon-close{display:flex;align-items:center;justify-content:center}.edit-chip__icon-close svg{transform:scale(.7)}.chip__label_invalid{color:#ea336a}.chip .item-icon-close{display:flex;align-items:center;justify-content:center;margin-left:5px;padding:0}.chip .item-icon-close svg{transform:scale(.7)}.error{display:flex;justify-content:space-between;padding:10px 14px;color:#ea336a;background-color:#ea336a1a;border:1px solid #ea336a}.error__data{display:flex;align-items:center}.error__message{margin-right:10px;word-break:break-word}.error__icon{width:22px;height:22px;margin-right:10px;padding:5px;background-color:#eb5757;border-radius:50%}.loader-wrapper{position:fixed;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#00000029}.loader-wrapper .loader{display:flex}.loader-wrapper .loader:after{display:block;width:64px;height:64px;border:6px solid #6279e7;border-color:#6279e7 transparent #6279e7 transparent;border-radius:50%;animation:rotate 1.5s linear infinite;content:" "}.loader-wrapper.section-loader{position:relative;z-index:2;background-color:transparent}.loader-wrapper.small-loader .loader:after{width:20px;height:20px;border-width:2px}.loader-wrapper.secondary-loader .loader:after{border-color:#adabb0 transparent #adabb0 transparent}@keyframes rotate{to{transform:rotate(360deg)}}.tip-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--arrow-length)}.tip{position:fixed;display:block;padding:10px;color:#fff;white-space:pre-line;background:#4b4760;border-radius:4px;z-index:9}.tip-wrapper{display:inline-flex;align-items:center}.tip_top:after{bottom:calc(var(--tipArrowLength) * -.5)}.tip_bottom:after{top:calc(var(--tipArrowLength) * -.5)}.tip_left:after{right:calc(var(--tipArrowOffset))}.tip_right:after{left:calc(var(--tipArrowOffset))}.tip_small{min-width:100px;max-width:250px}.tip_big{min-width:250px;max-width:400px}.tip:after{position:absolute;width:var(--tipArrowLength);height:var(--tipArrowLength);background:#4b4760;transform:rotate(45deg);content:""}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .2s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s}.btn-load{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#4b4760;font-weight:500;font-size:14px;font-style:normal;line-height:16px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px}.btn-load svg path{fill:#fff}.btn-load:active{background:#eee}.btn-load:hover{background:#f8f7f8}.btn-load:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn-load:disabled svg path{fill:#dadada}.btn-load :first-child{margin-right:5px}.btn-load-primary{border-bottom:4px solid #0fddaf}.btn-load-primary:disabled{border-bottom:4px solid #c5f7ec}.btn-load-secondary{border-bottom:4px solid #869cff}.btn-load-secondary:disabled{border-bottom:4px solid #e2e7ff}.btn-load-tertiary{border-bottom:4px solid #adabb0}.btn-load-tertiary svg path{fill:#4b4760}.btn-load-tertiary:disabled{border-bottom:4px solid #ebebec}.chips-wrapper{display:flex;align-items:center;max-width:100%}.chips-cell .chip-block{position:relative;max-width:100%}.form-field-checkbox{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760}.form-field-checkbox_readonly input{pointer-events:none;opacity:.5}.form-field-checkbox_readonly input~label,.form-field-checkbox_readonly input~.label{pointer-events:none;opacity:.5}.form-field-checkbox input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;border-radius:4px;transition:background .2s ease-in-out;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-checkbox input[type=checkbox]:checked:hover{color:#6279e7}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-checkbox input[type=checkbox]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled~label,.form-field-checkbox input[type=checkbox]:disabled~.label{color:#adabb0;cursor:not-allowed}.form-field-checkbox input[type=checkbox]:not(:disabled):focus,.form-field-checkbox input[type=checkbox]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-checkbox input[type=checkbox]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-checkbox input[type=checkbox]~label,.form-field-checkbox input[type=checkbox]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-checkbox input[type=checkbox]:before{content:"";display:block;position:absolute;top:1px;left:5px;width:6px;height:11px;border-style:solid;border-color:#fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-field-checkbox input[type=checkbox]:checked{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{background:currentColor}.form-field-checkbox input[type=checkbox]:disabled:hover{background:#fff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked~label.highlighted{color:#fff;background-color:#869cff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked:hover~label.highlighted{background-color:#6279e7}.form-field-checkbox input[type=checkbox]~label.highlighted{background-color:#e9e8eb;font-size:12px;font-weight:700;margin-left:10px;padding:4px 8px;border-radius:4px}.form-field-checkbox input[type=checkbox]:not(:disabled):hover~label.highlighted{background-color:#dfe2e5}.edit-chip-container{display:inline-flex;max-width:100%;margin:2px 0;padding:0 8px;font-size:14px;line-height:22px}.edit-chip-container input{display:flex;padding:0;font-size:14px;background-color:transparent;border:none}.edit-chip-container input[disabled]{pointer-events:none}.edit-chip-container input.item_edited_invalid{color:#ea336a}.edit-chip-container input.input-label-key::placeholder,.edit-chip-container input.input-label-value::placeholder{color:#7f7989}.edit-chip-container-background_none{background-color:transparent}.edit-chip-container-background_green{background-color:#13bbb13d}.edit-chip-container-background_grey{background-color:#483f561f}.edit-chip-container-background_orange{background-color:#ffd0775c}.edit-chip-container-background_purple{background-color:#a44cc529}.edit-chip-container-background_amethyst{background-color:#a44cc5}.edit-chip-container-background_sorbus{background-color:#f98b0a}.edit-chip-container-background_java{background-color:#13bbb1}.edit-chip-container-border_transparent{border:1px solid transparent}.edit-chip-container-border_green{border:1px solid #49af53}.edit-chip-container-border_grey{border:1px solid rgba(0,0,0,.2)}.edit-chip-container-border_orange{border:1px solid #ea7f54}.edit-chip-container-border_purple{border:1px solid #a44cc5}.edit-chip-container-border_primary{border-radius:4px}.edit-chip-container-border_secondary{border-radius:20px}.edit-chip-container-density_dense{height:26px}.edit-chip-container-density_normal{height:32px;padding:8px 15px}.edit-chip-container-density_medium{height:34px;padding:8px 15px;font-size:15px}.edit-chip-container-font_primary,.edit-chip-container-font_primary .input-label-key,.edit-chip-container-font_primary .input-label-value,.edit-chip-container-font_primary .edit-label-separator{color:#4b4760}.edit-chip-container-font_primary .item-icon-close svg path{fill:#4b4760}.edit-chip-container-font_green,.edit-chip-container-font_green .input-label-key,.edit-chip-container-font_green .input-label-value,.edit-chip-container-font_green .edit-label-separator{color:#49af53}.edit-chip-container-font_green .item-icon-close svg path{fill:#49af53}.edit-chip-container-font_white,.edit-chip-container-font_white .input-label-key,.edit-chip-container-font_white .input-label-value,.edit-chip-container-font_white .edit-label-separator{color:#fff}.edit-chip-container-font_white .item-icon-close svg path{fill:#fff}.edit-chip-container-font_orange,.edit-chip-container-font_orange .input-label-key,.edit-chip-container-font_orange .input-label-value,.edit-chip-container-font_orange .edit-label-separator{color:#f98b0a}.edit-chip-container-font_orange .item-icon-close svg path{fill:#f98b0a}.edit-chip-container-font_purple,.edit-chip-container-font_purple .input-label-key,.edit-chip-container-font_purple .input-label-value,.edit-chip-container-font_purple .edit-label-separator{color:#a44cc5}.edit-chip-container-font_purple .item-icon-close svg path{fill:#a44cc5}.edit-chip-container-font_disabled,.edit-chip-container-font_disabled .input-label-key,.edit-chip-container-font_disabled .input-label-value,.edit-chip-container-font_disabled .edit-label-separator{color:#adabb0}.edit-chip-container-font_disabled .item-icon-close svg path{fill:#adabb0}.edit-chip-container .item-icon-close{display:flex;align-items:center;justify-content:center}.edit-chip-container .item-icon-close_hidden{display:none}.edit-chip-container .item-icon-close_invisible{visibility:hidden}.edit-chip-container .item-icon-close svg{transform:scale(.7)}.edit-chip-container_disabled{cursor:not-allowed}.edit-chip-separator{margin-right:5px}.chip{position:relative;margin:2px 8px 2px 0;padding:4px 8px;font-size:14px;line-height:16px;visibility:hidden;cursor:default}.chip_visible{visibility:visible}.chip_invisible{visibility:hidden;height:30px}.chip__content{display:flex;align-items:center}.chip__content-item{flex:1 1 50%;max-width:fit-content;align-self:flex-start}.chip__delimiter{display:flex;align-items:center;margin:0 4px}.chip__value{min-width:10px}.chip.editable{cursor:pointer}.chip.chips_button{padding:8px 7px}.chip-background_none{background-color:transparent}.chip-background_green{background-color:#13bbb13d}.chip-background_grey{background-color:#483f561f}.chip-background_orange{background-color:#ffd0775c}.chip-background_purple{background-color:#a44cc529}.chip-background_amethyst{background-color:#a44cc5}.chip-background_sorbus{background-color:#f98b0a}.chip-background_java{background-color:#13bbb1}.chip-border_transparent{border:1px solid transparent}.chip-border_green{border:1px solid #49af53}.chip-border_grey{border:1px solid rgba(0,0,0,.2)}.chip-border_orange{border:1px solid #ea7f54}.chip-border_purple{border:1px solid #a44cc5}.chip-border_primary{border-radius:4px}.chip-border_secondary{border-radius:20px}.chip-density_dense{height:26px}.chip-density_normal{height:32px;padding:8px 15px}.chip-density_medium{height:34px;padding:8px 15px;font-size:15px}.chip-density_medium .item-icon-close{transform:scale(1.2)}.chip-font_white{color:#fff}.chip-font_white .item-icon-close svg path{fill:#fff}.chip-font_green{color:#49af53}.chip-font_green .item-icon-close svg path{fill:#49af53}.chip-font_purple{color:#a44cc5}.chip-font_purple .item-icon-close svg path{fill:#a44cc5}.chip-font_primary{color:#4b4760}.chip-font_primary .item-icon-close svg path{fill:#4b4760}.chip-font_orange{color:#f98b0a}.chip-font_orange .item-icon-close svg path{fill:#f98b0a}.chip-value_bold{font-weight:700;font-size:15px}.chips{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.chips__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.chips__label:first-letter{text-transform:uppercase}.chips__label-mandatory{color:#ea336a}.chips__label-disabled,.chips__label-disabled .form-field__label-mandatory{color:#adabb0}.chips__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.chips__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.chips__wrapper-invalid{border:1px solid #ea336a}.chips__wrapper.without-border{border-color:transparent}.chips__wrapper-dense{height:36px}.chips__wrapper-normal{height:40px}.chips__wrapper-medium{height:44px}.chips__wrapper-chunky{height:48px}.chips__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.chips__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.chips__icons>*{display:flex;align-items:center;padding:0 4px}.chips__icons>*:last-child{margin-right:4px}.chips{height:auto}.chips__wrapper{padding:12px 16px}.chips-wrapper{display:flex;flex-flow:row wrap;align-items:center}.chips-cell{display:flex;flex:1;align-items:center;max-width:100%}.chips-cell .fixed-max-width{max-width:100%}.chips-cell .chip-block{position:relative;max-width:100%;margin-right:calc(var(--chipBlockMarginRight))}.chips-cell .button-add{display:flex;align-items:center;justify-content:center;margin:2px 0;border-radius:32px}.chips-cell .button-add-background_orange{background-color:#ffd0775c}.chips-cell .button-add-background_orange:hover{background-color:#f98b0a}.chips-cell .button-add-background_purple{background-color:#a44cc529}.chips-cell .button-add-background_purple:hover{background-color:#a44cc5}.chips-cell .button-add-background_green{background-color:#13bbb13d}.chips-cell .button-add-background_green:hover{background-color:#13bbb1}.chips-cell .button-add-background_grey{background-color:#483f561f}.chips-cell .button-add-background_grey:hover{background-color:#7f7989}.chips-cell .button-add_border_transparent{border:1px solid transparent}.chips-cell .button-add_border_green{border:1px solid #49af53}.chips-cell .button-add_border_grey{border:1px solid rgba(0,0,0,.2)}.chips-cell .button-add_border_orange{border:1px solid #ea7f54}.chips-cell .button-add_border_purple{border:1px solid #a44cc5}.chips-cell .button-add_border_primary{border-radius:4px}.chips-cell .button-add_border_secondary{border-radius:20px}.chips-cell .button-add-density_dense{width:26px;height:26px}.chips-cell .button-add-density_normal{width:32px;height:32px}.chips-cell .button-add-density_medium{width:34px;height:34px}.chips-cell .button-add-font_primary svg rect,.chips-cell .button-add-font_primary svg path{fill:#7f7989}.chips-cell .button-add-font_primary:hover svg rect,.chips-cell .button-add-font_primary:hover svg path{fill:#fff}.chips-cell .button-add-font_green svg rect,.chips-cell .button-add-font_green svg path{fill:#49af53}.chips-cell .button-add-font_green:hover svg rect,.chips-cell .button-add-font_green:hover svg path{fill:#fff}.chips-cell .button-add-font_orange svg rect,.chips-cell .button-add-font_orange svg path{fill:#f98b0a}.chips-cell .button-add-font_orange:hover svg rect,.chips-cell .button-add-font_orange:hover svg path{fill:#fff}.chips-cell .button-add-font_purple svg rect,.chips-cell .button-add-font_purple svg path{fill:#a44cc5}.chips-cell .button-add-font_purple:hover svg rect,.chips-cell .button-add-font_purple:hover svg path{fill:#fff}.chips input:disabled{cursor:default}.form-field.form-field-combobox{width:100%}.form-field.form-field-combobox .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field.form-field-combobox .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field.form-field-combobox .form-field__label:first-letter{text-transform:uppercase}.form-field.form-field-combobox .form-field__label-mandatory{color:#ea336a}.form-field.form-field-combobox .form-field__label-disabled,.form-field.form-field-combobox .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field.form-field-combobox .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field.form-field-combobox .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field.form-field-combobox .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field.form-field-combobox .form-field__wrapper.without-border{border-color:transparent}.form-field.form-field-combobox .form-field__wrapper-dense{height:36px}.form-field.form-field-combobox .form-field__wrapper-normal{height:40px}.form-field.form-field-combobox .form-field__wrapper-medium{height:44px}.form-field.form-field-combobox .form-field__wrapper-chunky{height:48px}.form-field.form-field-combobox .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field.form-field-combobox .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field.form-field-combobox .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field.form-field-combobox .form-field__icons>*:last-child{margin-right:4px}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon{cursor:pointer;padding:0;transition:transform .2s linear}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon_open{transform:rotate(90deg);transform-origin:center center}.form-field.form-field-combobox .form-field-combobox__placeholder{color:#7f7989;font-size:15px;text-align:left;text-transform:capitalize;background-color:transparent}.form-field.form-field-combobox .form-field-combobox__placeholder label{cursor:inherit}.form-field.form-field-combobox .form-field-combobox__select{padding:0;overflow:visible}.form-field.form-field-combobox .form-field-combobox__select-header{display:flex;flex:1;align-items:center;cursor:pointer;height:100%}.form-field.form-field-combobox .form-field-combobox__input{width:100%;padding:0 8px 0 0}.form-field.form-field-combobox .form-field-combobox__input_hidden{flex:0}.form-field-combobox__search{width:100%;padding:12px 0}.form-field-combobox__search-wrapper{position:sticky;top:0;display:flex;align-items:center;margin:0 9px;border-bottom:1px solid rgba(72,63,86,.12);background-color:#fff}.form-field-combobox__dropdown-select{max-width:220px}.form-field-combobox__dropdown-suggestions{max-width:350px}.form-field-combobox__dropdown-list{margin:0;padding:0;min-width:140px;list-style-type:none}.form-field-combobox__dropdown-list-option{padding:8px 15px;word-break:break-all;cursor:pointer}.form-field-combobox__dropdown-list-option:hover{background-color:#f8f7f8}.form-field-combobox__dropdown .pop-up-dialog{width:100%;max-height:250px;padding:0}.form-field-combobox .path-type-store,.form-field-combobox__dropdown .path-type-store{color:#a44cc5}.form-field-combobox .path-type-v3io,.form-field-combobox__dropdown .path-type-v3io{color:#5871f4}.form-field-combobox .path-type-az,.form-field-combobox .path-type-gs,.form-field-combobox .path-type-http,.form-field-combobox .path-type-https,.form-field-combobox .path-type-s3,.form-field-combobox__dropdown .path-type-az,.form-field-combobox__dropdown .path-type-gs,.form-field-combobox__dropdown .path-type-http,.form-field-combobox__dropdown .path-type-https,.form-field-combobox__dropdown .path-type-s3{color:#f98b0a}.form-field-combobox .path-type-dbfs,.form-field-combobox__dropdown .path-type-dbfs{color:#49af53}.form-field-range{align-self:stretch}.form-field-range .range__buttons{display:flex;flex-direction:column;justify-content:center;width:28px;height:100%}.form-field-range .range__button{display:flex;width:100%;height:calc(50% + 1px);align-items:center;justify-content:center;padding:0;background-color:#f5f5f5;cursor:pointer}.form-field-range .range__button svg path{fill:#7f7989}.form-field-range .range__button:hover{background-color:#e7e7e7}.form-field-range .range__button:hover svg path{fill:#4b4760}.form-field-range .range__button:focus{border:1px solid #7f7989}.form-field-range .range__button:active{background-color:#0003;border:1px solid #7f7989}.form-field-range .range__button:active svg path{fill:#4b4760}.form-field-range .range__button:disabled{cursor:not-allowed}.form-field-range .range__button:disabled svg path{fill:#adabb0}.form-field-range .range__button:disabled:focus{border:none}.form-field-range .range__button:disabled:hover{background-color:#f5f5f5}.form-field-range .range__button-increase{border-bottom:1px solid transparent;border-left:1px solid transparent;border-top-right-radius:4px}.form-field-range .range__button-decrease{border-top:1px solid transparent;border-left:1px solid transparent;border-bottom-right-radius:4px}.form-field-range .range__button .decrease{transform:rotate(180deg)}.form-field-range .range-warning{border:1px solid #ea336a}.form-field-range .range-warning_asterisk{position:absolute;top:50%;right:35px;color:#ea336a;transform:translateY(-50%)}.form-field-range .range-warning .range__button-increase{border-top:1px solid #ea336a;border-right:1px solid #ea336a}.form-field-range .range-warning .range__button-decrease{border-right:1px solid #ea336a;border-bottom:1px solid #ea336a}.form-field-range .range__warning-icon{position:absolute;top:50%;right:30px;transform:translateY(-50%)}.form-field-input{width:100%}.form-field-input input{height:inherit;width:100%;padding:12px 16px}.form-field-input .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-input .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-input .form-field__label:first-letter{text-transform:uppercase}.form-field-input .form-field__label-mandatory{color:#ea336a}.form-field-input .form-field__label-disabled,.form-field-input .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-input .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-input .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-input .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-input .form-field__wrapper.without-border{border-color:transparent}.form-field-input .form-field__wrapper-dense{height:36px}.form-field-input .form-field__wrapper-normal{height:40px}.form-field-input .form-field__wrapper-medium{height:44px}.form-field-input .form-field__wrapper-chunky{height:48px}.form-field-input .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-input .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-input .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-input .form-field__icons>*:last-child{margin-right:4px}.form-field-input .form-field__label-icon{display:inline-flex;margin-left:3px}.form-field-input .form-field__label-icon>*,.form-field-input .form-field__label-icon a{display:inline-flex}.form-field-input .form-field__label-icon a{transform:translateY(-1px)}.form-field-input .form-field__label-icon svg{width:12px;height:12px}.form-field-input .form-field__label-icon svg path{fill:#6279e7}.form-field-input .form-field__suggestion-list{position:absolute;top:100%;left:0;z-index:5;margin:0;padding:7px 0;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0003}.form-field-input .form-field__suggestion-list .suggestion-item{padding:7px 15px;color:#483f56;list-style-type:none}.form-field-input .form-field__suggestion-list .suggestion-item:hover{background-color:#f8f7f8;cursor:pointer}.form-field-input input[type=number]{border:none;-moz-appearance:textfield}.form-field-input input[type=number]::-webkit-outer-spin-button,.form-field-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.select__item{display:flex;align-items:center;flex-flow:row wrap;width:100%;min-height:45px;padding:10px 15px}.select__item.multiple{padding:0 15px;min-height:0}.select__item.multiple input[type=checkbox]~label{padding-top:16px;padding-bottom:16px}.select__item.hidden{display:none}.select__item .form-field-checkbox{flex:1;height:100%;width:100%}.select__item:hover{background-color:#f8f7f8;cursor:pointer}.select__item.disabled{color:#adabb0;background:#fff;cursor:not-allowed}.select__item .status{margin:0 10px}.select__item .all{margin:0;display:inline-block;width:8px;height:8px;min-width:8px;border-radius:50%;background-color:none}.select__item .label-row{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:100%}.select__item-label{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;flex:1}.select__item-main-label{width:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.select__item-sub-label{margin-top:5px;font-size:13px;width:100%}.select__item-icon{display:flex;margin-right:10px}.select__item .checkmark{align-self:flex-start;margin:0 0 0 10px}.select__item .checkmark path{fill:#49af53}.select-tooltip,.form-field-select{width:100%}.form-field-select .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-select .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-select .form-field__label:first-letter{text-transform:uppercase}.form-field-select .form-field__label-mandatory{color:#ea336a}.form-field-select .form-field__label-disabled,.form-field-select .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-select .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-select .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-select .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-select .form-field__wrapper.without-border{border-color:transparent}.form-field-select .form-field__wrapper-dense{height:36px}.form-field-select .form-field__wrapper-normal{height:40px}.form-field-select .form-field__wrapper-medium{height:44px}.form-field-select .form-field__wrapper-chunky{height:48px}.form-field-select .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-select .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-select .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-select .form-field__icons>*:last-child{margin-right:4px}.form-field-select .form-field__wrapper{cursor:pointer}.form-field-select .form-field__wrapper-active{background:#f8f7f8}.form-field-select .form-field__wrapper-disabled{cursor:not-allowed}.form-field-select .form-field__wrapper-disabled .form-field__caret path{fill:#adabb0}.form-field-select .form-field__select{display:flex;align-items:center;width:100%;padding:0 20px 0 16px}.form-field-select .form-field__select-value{display:block;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-field-select .form-field__select-placeholder{color:#adabb0}.form-field-select .form-field__select-sub_label{display:block;margin-left:10px;overflow:hidden;color:#7f7989;white-space:nowrap;text-overflow:ellipsis}.form-field-select__options-list .pop-up-dialog{width:100%;padding:0;border-radius:0}.form-field-select__options-list .options-list{margin:0;padding:0;list-style-type:none;max-height:250px;overflow-y:auto}.form-field-select__options-list .options-list__body{width:100%;color:#483f56de;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 4px 8px #0000003b}.form-field-select__options-list .options-list__search{width:100%}.form-field-select__options-list .options-list__search input{width:100%;padding:10px;border:none;border-bottom:1px solid rgba(0,0,0,.2)}.form-field-radio{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760;margin-right:15px}.form-field-radio_readonly input{pointer-events:none;opacity:.5}.form-field-radio_readonly input~label,.form-field-radio_readonly input~.label{pointer-events:none;opacity:.5}.form-field-radio input[type=radio]{width:16px;height:16px;border-radius:50%;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-radio input[type=radio]:checked:hover{color:#6279e7}.form-field-radio input[type=radio]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-radio input[type=radio]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled~label,.form-field-radio input[type=radio]:disabled~.label{color:#adabb0;cursor:not-allowed}@keyframes pulse-animation{20%{box-shadow:0 0 #6279e780}to{box-shadow:0 0 0 6px #6279e700}}.form-field-radio input[type=radio]:not(:disabled):focus,.form-field-radio input[type=radio]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-radio input[type=radio]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-radio input[type=radio]~label,.form-field-radio input[type=radio]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-radio input[type=radio]:before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;transform:scale(0);transition:transform .2s ease-in-out;box-shadow:inset 1em 1em currentColor}.form-field-radio input[type=radio]:checked:before{transform:scale(1)}.form-field-textarea{width:100%}.form-field-textarea textarea{height:inherit;width:100%;padding:12px 16px;white-space:normal}.form-field-textarea .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-textarea .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-textarea .form-field__label:first-letter{text-transform:uppercase}.form-field-textarea .form-field__label-mandatory{color:#ea336a}.form-field-textarea .form-field__label-disabled,.form-field-textarea .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-textarea .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-textarea .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-textarea .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-textarea .form-field__wrapper.without-border{border-color:transparent}.form-field-textarea .form-field__wrapper-dense{height:36px}.form-field-textarea .form-field__wrapper-normal{height:40px}.form-field-textarea .form-field__wrapper-medium{height:44px}.form-field-textarea .form-field__wrapper-chunky{height:48px}.form-field-textarea .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-textarea .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-textarea .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-textarea .form-field__icons>*:last-child{margin-right:4px}.form-field-textarea .form-field__wrapper .form-field__control{padding:0}.form-field-textarea .form-field__counter{color:#7f7989;font-size:12px;margin-top:5px;text-align:right}.form-field-toggle{position:relative}.form-field-toggle__switch{height:24px;width:48px;display:flex;cursor:pointer;align-items:center;background-color:#dadada;border-radius:20px;transition:all .2s ease}.form-field-toggle__switch:before{content:"";width:20px;height:20px;background-color:#fff;border-radius:50%;transform:translate(2px);transition:all .2s ease}.form-field-toggle .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-toggle .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-toggle .form-field__label:first-letter{text-transform:uppercase}.form-field-toggle .form-field__label-mandatory{color:#ea336a}.form-field-toggle .form-field__label-disabled,.form-field-toggle .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-toggle .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-toggle .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-toggle .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-toggle .form-field__wrapper.without-border{border-color:transparent}.form-field-toggle .form-field__wrapper-dense{height:36px}.form-field-toggle .form-field__wrapper-normal{height:40px}.form-field-toggle .form-field__wrapper-medium{height:44px}.form-field-toggle .form-field__wrapper-chunky{height:48px}.form-field-toggle .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-toggle .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-toggle .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-toggle .form-field__icons>*:last-child{margin-right:4px}.form-field-toggle .form-field__wrapper{border:none}.form-field-toggle input[type=checkbox]{display:none;width:0;height:0}.form-field-toggle input[type=checkbox]:disabled+* .form-field-toggle__switch{opacity:.5;pointer-events:none;cursor:default}.form-field-toggle input[type=checkbox]:checked+* .form-field-toggle__switch{background-color:#869cff}.form-field-toggle input[type=checkbox]:checked+* .form-field-toggle__switch:before{transform:translate(26px)}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9}.backdrop-transition-enter{opacity:0}.backdrop-transition-enter-active,.backdrop-transition-enter-done{opacity:.5;transition:opacity .3s ease-in-out}.backdrop-transition-exit{opacity:.5}.backdrop-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.modal{position:fixed;top:50%;left:50%;width:100%;height:660px;max-width:96%;min-width:300px;max-height:96%;outline:0;transform:translate(-50%,-50%);z-index:9}@media screen and (min-width: 1200px){.modal{width:1000px}.modal.modal-sm{width:700px}.modal.modal-lg{width:1400px}.modal.modal-max{width:95vw;height:95vh}}.modal.modal-min{width:500px;height:auto}.modal.modal-max{width:96vw;height:94vw}.modal__content{display:flex;flex-flow:column nowrap;position:relative;min-height:inherit;height:100%;width:100%;max-height:100%;background-color:#fff;border-radius:8px;box-shadow:0 6px 26px #0003;text-align:left}.modal__header{position:relative;border-bottom:1px solid rgba(0,0,0,.2);min-height:92px;padding:1rem 3rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.modal__header-title{color:#4b4760;font-size:2em;text-transform:capitalize;margin:0}.modal__header-sub-title{color:#7f7989;font-size:1.5em;font-weight:500;margin:10px 0 0}.modal__header-preview-text{position:absolute;top:1rem;left:1rem;font-size:1rem}.modal__header-button{position:absolute;top:10px;right:10px}.modal__body{overflow-y:auto;overflow-x:hidden;flex:1 0;padding:1.5rem 2rem 0;margin-bottom:1rem}.modal__footer{display:flex;flex-flow:row nowrap;flex-shrink:0;justify-content:space-between;padding:1rem 2rem;min-height:50px}.modal__footer-actions{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.modal__footer-actions>*:not(:last-child){margin-right:10px}.modal-transition-enter{opacity:0;transform:translate(-50%,100vh)}.modal-transition-enter-active,.modal-transition-enter-done{opacity:1;transform:translate(-50%,-50%);transition:all .3s ease-in-out}.modal-transition-exit{opacity:1;transform:translate(-50%,-50%)}.modal-transition-exit-active{opacity:0;transform:translate(-50%,-70%);transition:all .3s ease-in-out}.table .table-body__cell{line-height:20px}.table .table-body__cell .name-wrapper{display:flex;flex:1;flex-wrap:wrap;align-items:center}.table .table-body__cell .name-wrapper .item-name{color:#4b4760;font-weight:700}.table .table-body__cell .name-wrapper .item-name.function-name{max-width:120px}.table .table-body__cell .name-wrapper .item-tag{max-width:150px}.table .table-body__cell .name-wrapper .item-tag span{display:inline}.table .table-body__cell .name-wrapper .link{display:flex;width:100%;color:#4b4760}.table .table-body__cell .link-subtext{color:#7f7989}.table .table-body__cell .date-uid-row{display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:12px;font-family:Roboto,sans-serif;font-style:normal;margin-top:5px;width:max-content;min-width:100%}.table .table-body__cell .date-uid-row>span:not(:last-child){margin-right:10px}.table .table-body__cell .date-uid-row span{width:auto}.wizard-steps{display:flex;flex-flow:row nowrap;background-color:#fff;min-width:260px;margin:1.5rem 0;padding:0 2rem}@media screen and (min-width: 1200px){.wizard-steps{flex-flow:column nowrap;overflow-y:auto;padding:0 1rem}.wizard-steps>*:not(:last-child){margin-bottom:10px}}.wizard-steps .wizard-steps__item{display:block;background-color:inherit;color:#4b4760;border:0;border-radius:8px;font-size:1em;padding:8px;min-height:52px;height:auto;width:100%}@media screen and (min-width: 1200px){.wizard-steps .wizard-steps__item{display:flex;align-items:center;justify-content:flex-start}.wizard-steps .wizard-steps__item>*{text-align:left;white-space:normal}}.wizard-steps .wizard-steps__item .wizard-steps__indicator{border-color:#869cff;color:#869cff;background-color:inherit}.wizard-steps .wizard-steps__item.wizard-steps__item_active{background-color:#869cff1f;color:#6279e7}.wizard-steps .wizard-steps__item.wizard-steps__item_active .wizard-steps__indicator{border-color:transparent;color:#fff;background-color:#869cff}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid{color:#ea336a}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid.wizard-steps__item_active{background-color:#ea336a26}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid .wizard-steps__indicator{border-color:#ea336a;color:#ea336a;background-color:inherit}.wizard-steps .wizard-steps__item:disabled{border:0;color:#adabb0}.wizard-steps .wizard-steps__item:disabled .wizard-steps__indicator{border-color:#adabb0;color:#adabb0;background-color:inherit}.wizard-steps .wizard-steps__indicator{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:50%;padding:10px;margin:0 0 10px;width:36px;height:36px}@media screen and (min-width: 1200px){.wizard-steps .wizard-steps__indicator{flex-flow:row nowrap;text-align:left;margin:0 10px 0 0}}.wizard-form .modal__body{display:flex;flex-flow:column nowrap;overflow:hidden;padding:0}@media screen and (min-width: 1200px){.wizard-form .modal__body{flex-flow:row nowrap}}.wizard-form .wizard-form__content-container{overflow-y:auto;height:100%;width:100%;padding:0 2rem 1.5rem}@media screen and (min-width: 1200px){.wizard-form .wizard-form__content-container{padding:1.5rem 2rem 1.5rem 1rem}}.wizard-form .wizard-form__content{min-width:350px;height:100%}.wizard-form .wizard-form__content .wizard-form__hidden-content-item{position:absolute;visibility:hidden;height:0;opacity:0;pointer-events:none}.wizard-form .wizard-form__content .wizard-form__visible-content-item{height:100%}.wizard-form__back-button svg,.wizard-form__next-button svg{width:14px}.wizard-form__next-button svg{rotate:180deg}
1
+ .tooltip-template{padding:6px 8px;word-break:break-word}.tooltip__text{color:#fff;background-color:#4b4760;border-radius:4px}.tooltip__warning{color:#ea336a;background-color:#fff;box-shadow:0 5px 11px #0000002e}.btn{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#fff;font-weight:500;font-size:.875rem;font-style:normal;border:1px solid transparent;border-radius:4px}.btn-dense{height:36px}.btn-normal{height:40px}.btn-medium{height:44px}.btn-chunky{height:48px}.btn svg>*{fill:currentColor}.btn:focus{border-color:#0006}.btn:active{border-color:#0006}.btn:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn:disabled svg>*{fill:#dadada}.btn :not(:last-child){margin-right:10px}.btn :last-child{margin:0}.btn-secondary{background:#0fddaf}.btn-secondary:hover:not(:disabled){background:#1fcc9e}.btn-secondary:active:not(:disabled){background:#1db284}.btn-secondary:disabled{border:1px solid #0fddaf}.btn-tertiary{color:#4b4760;background:#fff;border:1px solid rgba(0,0,0,.2)}.btn-tertiary svg>*{fill:#4b4760}.btn-tertiary:hover:not(:disabled){background:#f8f7f8}.btn-tertiary:active:not(:disabled){background:#e7e7e7}.btn-tertiary:disabled{border:1px solid rgba(0,0,0,.2)}.btn-primary{color:#fff;background:#869cff}.btn-primary:hover:not(:disabled){background:#6279e7}.btn-primary:active:not(:disabled){background:#5468c7}.btn-primary:disabled{border:1px solid #869cff}.btn-danger{color:#fff;background:#ea336a}.btn-danger:hover:not(:disabled){background:#d22a5d}.btn-danger:active:not(:disabled){background:#bc2553}.btn-danger:disabled{border:1px solid #ea336a}.btn-label{color:#4b4760;background:transparent;border:0}.btn-label svg>*{fill:#4b4760}.btn-label:focus:not(:disabled){border-color:transparent}.btn-label:hover:not(:disabled){color:#7f7989}.btn-label:active:not(:disabled){color:#000;border-color:transparent}.btn-label:disabled{border-color:transparent}.round-icon-cp{position:relative;display:flex;align-items:center;margin:0 .2rem}.round-icon-cp__circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:4px}.round-icon-cp__circle>*{position:relative;z-index:2;display:inline-flex;margin:0!important}.round-icon-cp__circle:before{position:absolute;right:0;left:0;z-index:1;width:inherit;height:inherit;background-color:#483f561f;border-radius:50%;opacity:0;transition:opacity .3s ease-in-out;content:""}.round-icon-cp__circle:hover:before,.round-icon-cp__circle-active:before{opacity:1}.round-icon-cp__circle-disabled path{fill:#adabb0}.round-icon-cp__circle-disabled:hover:before{opacity:0}.pop-up-dialog{position:relative;width:477px;max-height:90vh;padding:20px;overflow-y:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0003}.pop-up-dialog__buttons_wrapper{display:flex}.pop-up-dialog__overlay{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#333333bf;z-index:9}.pop-up-dialog__overlay.custom-position{width:auto;height:auto;background:unset}.pop-up-dialog__header{display:flex;align-items:baseline;justify-content:space-between;min-height:30px;margin-bottom:15px}.pop-up-dialog__header-text{width:100%;color:#4b4760;font-size:24px;line-height:28px;word-break:break-word}.pop-up-dialog__header-close{width:14px;height:14px;margin:5px 0 5px auto;cursor:pointer}.pop-up-dialog__footer-container{display:flex;justify-content:flex-end;margin-top:20px}.pop-up-dialog__btn_cancel{margin:0 10px}.pop-up-dialog__btn_close{position:absolute;top:10px;right:10px}.pop-up-dialog__form-input{width:100%}.confirm-dialog{color:#4b4760}.confirm-dialog__message{font-size:15px;line-height:24px}.confirm-dialog__message-only{font-size:22px}.confirm-dialog__btn-container{display:flex;justify-content:flex-end;margin-top:20px}.confirm-dialog__body{margin:20px 0}.tooltip{position:fixed;font-weight:400;font-size:15px;line-height:1.4;display:flex;max-width:400px;z-index:9}.actions-menu__icon{display:none;align-items:center;justify-content:center;width:25px;height:25px;margin-right:5px}.actions-menu__icon svg path:first-child{fill:#7f7989}.actions-menu__icon_visible{display:flex}.actions-menu__option{padding:10px;color:#4b4760;cursor:pointer}.actions-menu__option:hover{background-color:#f8f7f8}.actions-menu__option_danger{color:#ea336a}.actions-menu__option_danger svg path:first-child{fill:#ea336a}.actions-menu__option_disabled{color:#adabb0;cursor:not-allowed}.actions-menu__option_disabled .actions-menu__icon svg path:first-child{fill:#0003}.actions-menu__option>*{display:flex;flex:1;align-items:center;justify-content:flex-start;width:100%}.actions-menu{position:relative}.actions-menu__container{position:relative;display:none}.actions-menu__container_extended{position:absolute;right:0;display:none;align-items:center;justify-content:center;background-color:#f5f7ff;height:100%}.actions-menu__container_extended:before{content:"";width:30px;height:100%;position:absolute;display:block;left:-30px;background:linear-gradient(90deg,#fff0,#f5f7ff)}.actions-menu__container_extended .actions-menu{padding:0 5px 0 0}.actions-menu__container-active{display:flex}.actions-menu__main-actions-wrapper{display:flex;align-items:center;justify-content:center}.actions-menu__body{min-width:150px;max-width:250px}.actions-menu__body .pop-up-dialog{width:100%;padding:0}.actions-menu__list{list-style-type:none;margin:0;padding:0}.error{display:flex;justify-content:space-between;padding:10px 14px;color:#ea336a;background-color:#ea336a1a;border:1px solid #ea336a}.error__data{display:flex;align-items:center}.error__message{margin-right:10px;word-break:break-word}.error__icon{width:22px;height:22px;margin-right:10px;padding:5px;background-color:#eb5757;border-radius:50%}.form-field-checkbox{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760}.form-field-checkbox_readonly input{pointer-events:none;opacity:.5}.form-field-checkbox_readonly input~label,.form-field-checkbox_readonly input~.label{pointer-events:none;opacity:.5}.form-field-checkbox input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;border-radius:4px;transition:background .2s ease-in-out;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-checkbox input[type=checkbox]:checked:hover{color:#6279e7}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-checkbox input[type=checkbox]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-checkbox input[type=checkbox]:disabled~label,.form-field-checkbox input[type=checkbox]:disabled~.label{color:#adabb0;cursor:not-allowed}.form-field-checkbox input[type=checkbox]:not(:disabled):focus,.form-field-checkbox input[type=checkbox]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-checkbox input[type=checkbox]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-checkbox input[type=checkbox]~label,.form-field-checkbox input[type=checkbox]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-checkbox input[type=checkbox]:before{content:"";display:block;position:absolute;top:1px;left:5px;width:6px;height:11px;border-style:solid;border-color:#fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-field-checkbox input[type=checkbox]:checked{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover{background:currentColor}.form-field-checkbox input[type=checkbox]:checked:hover:disabled{background:currentColor}.form-field-checkbox input[type=checkbox]:disabled:hover{background:#fff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked~label.highlighted{color:#fff;background-color:#869cff}.form-field-checkbox input[type=checkbox]:not(:disabled):checked:hover~label.highlighted{background-color:#6279e7}.form-field-checkbox input[type=checkbox]~label.highlighted{background-color:#e9e8eb;font-size:12px;font-weight:700;margin-left:10px;padding:4px 8px;border-radius:4px}.form-field-checkbox input[type=checkbox]:not(:disabled):hover~label.highlighted{background-color:#dfe2e5}.options-menu__body{width:100%;max-height:250px;margin:0;padding:0;overflow-y:auto;color:#483f56de;font-size:1rem;list-style-type:none;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 2px 10px #0003}.options-menu .pop-up-dialog{width:100%;padding:0}.options-menu-transition-enter{opacity:0}.options-menu-transition-enter-active{opacity:1;transition:opacity .3s ease-in-out}.options-menu-transition-exit{opacity:1}.options-menu-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.validation-option{display:flex;align-items:flex-start;margin:.6rem 0;padding:0 1rem;font-size:.875rem}.validation-option__icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:.5rem}.validation-option__icon_valid{width:14px;height:15px}.validation-option__icon_valid path{fill:#0fddaf}.validation-option__icon_invalid{width:12px;height:12px}.validation-option__icon_invalid path{fill:#ea336a}.edit-chip-container{display:inline-flex;max-width:100%;margin:2px 0;padding:0 8px;font-size:14px;line-height:22px}.edit-chip-container input{display:flex;padding:0;font-size:14px;background-color:transparent;border:none}.edit-chip-container input[disabled]{pointer-events:none}.edit-chip-container input.item_edited_invalid{color:#ea336a}.edit-chip-container input.input-label-key::placeholder,.edit-chip-container input.input-label-value::placeholder{color:#7f7989}.edit-chip-container-background_none{background-color:transparent}.edit-chip-container-background_green{background-color:#13bbb13d}.edit-chip-container-background_grey{background-color:#483f561f}.edit-chip-container-background_orange{background-color:#ffd0775c}.edit-chip-container-background_purple{background-color:#a44cc529}.edit-chip-container-background_amethyst{background-color:#a44cc5}.edit-chip-container-background_sorbus{background-color:#f98b0a}.edit-chip-container-background_java{background-color:#13bbb1}.edit-chip-container-border_transparent{border:1px solid transparent}.edit-chip-container-border_green{border:1px solid #49af53}.edit-chip-container-border_grey{border:1px solid rgba(0,0,0,.2)}.edit-chip-container-border_orange{border:1px solid #ea7f54}.edit-chip-container-border_purple{border:1px solid #a44cc5}.edit-chip-container-border_primary{border-radius:4px}.edit-chip-container-border_secondary{border-radius:20px}.edit-chip-container-density_dense{height:26px}.edit-chip-container-density_normal{height:32px;padding:8px 15px}.edit-chip-container-density_medium{height:34px;padding:8px 15px;font-size:15px}.edit-chip-container-font_primary,.edit-chip-container-font_primary .input-label-key,.edit-chip-container-font_primary .input-label-value,.edit-chip-container-font_primary .edit-label-separator{color:#4b4760}.edit-chip-container-font_primary .item-icon-close svg path{fill:#4b4760}.edit-chip-container-font_green,.edit-chip-container-font_green .input-label-key,.edit-chip-container-font_green .input-label-value,.edit-chip-container-font_green .edit-label-separator{color:#49af53}.edit-chip-container-font_green .item-icon-close svg path{fill:#49af53}.edit-chip-container-font_white,.edit-chip-container-font_white .input-label-key,.edit-chip-container-font_white .input-label-value,.edit-chip-container-font_white .edit-label-separator{color:#fff}.edit-chip-container-font_white .item-icon-close svg path{fill:#fff}.edit-chip-container-font_orange,.edit-chip-container-font_orange .input-label-key,.edit-chip-container-font_orange .input-label-value,.edit-chip-container-font_orange .edit-label-separator{color:#f98b0a}.edit-chip-container-font_orange .item-icon-close svg path{fill:#f98b0a}.edit-chip-container-font_purple,.edit-chip-container-font_purple .input-label-key,.edit-chip-container-font_purple .input-label-value,.edit-chip-container-font_purple .edit-label-separator{color:#a44cc5}.edit-chip-container-font_purple .item-icon-close svg path{fill:#a44cc5}.edit-chip-container-font_disabled,.edit-chip-container-font_disabled .input-label-key,.edit-chip-container-font_disabled .input-label-value,.edit-chip-container-font_disabled .edit-label-separator{color:#adabb0}.edit-chip-container-font_disabled .item-icon-close svg path{fill:#adabb0}.edit-chip-container button.item-icon-close{display:flex;align-items:center;justify-content:center}.edit-chip-container button.item-icon-close.hidden{display:none}.edit-chip-container button.item-icon-close.invisible{visibility:hidden}.edit-chip-container button.item-icon-close svg{transform:scale(.7)}.edit-chip-container_disabled{cursor:not-allowed}.edit-chip-separator{margin-right:5px}.chip{position:relative;margin:2px 8px 2px 0;padding:4px 8px;font-size:14px;line-height:16px;visibility:hidden;cursor:default}.chip_visible{visibility:visible}.chip_invisible{visibility:hidden;height:30px}.chip__content{display:flex;align-items:center}.chip__content-item{flex:1 1 50%;max-width:fit-content;align-self:flex-start}.chip__delimiter{display:flex;align-items:center;margin:0 4px}.chip__value{min-width:10px}.chip.editable{cursor:pointer}.chip.chips_button{padding:8px 7px;width:max-content}.chip-background_none{background-color:transparent}.chip-background_green{background-color:#13bbb13d}.chip-background_grey{background-color:#483f561f}.chip-background_orange{background-color:#ffd0775c}.chip-background_purple{background-color:#a44cc529}.chip-background_amethyst{background-color:#a44cc5}.chip-background_sorbus{background-color:#f98b0a}.chip-background_java{background-color:#13bbb1}.chip-border_transparent{border:1px solid transparent}.chip-border_green{border:1px solid #49af53}.chip-border_grey{border:1px solid rgba(0,0,0,.2)}.chip-border_orange{border:1px solid #ea7f54}.chip-border_purple{border:1px solid #a44cc5}.chip-border_primary{border-radius:4px}.chip-border_secondary{border-radius:20px}.chip-density_dense{height:26px}.chip-density_normal{height:32px;padding:8px 15px}.chip-density_medium{height:34px;padding:8px 15px;font-size:15px}.chip-density_medium .item-icon-close{transform:scale(1.2)}.chip-font_white{color:#fff}.chip-font_white .item-icon-close svg path{fill:#fff}.chip-font_green{color:#49af53}.chip-font_green .item-icon-close svg path{fill:#49af53}.chip-font_purple{color:#a44cc5}.chip-font_purple .item-icon-close svg path{fill:#a44cc5}.chip-font_primary{color:#4b4760}.chip-font_primary .item-icon-close svg path{fill:#4b4760}.chip-font_orange{color:#f98b0a}.chip-font_orange .item-icon-close svg path{fill:#f98b0a}.chip-value_bold{font-weight:700;font-size:15px}.loader-wrapper{position:fixed;top:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#00000029}.loader-wrapper .loader{display:flex}.loader-wrapper .loader:after{display:block;width:64px;height:64px;border:6px solid #6279e7;border-color:#6279e7 transparent #6279e7 transparent;border-radius:50%;animation:rotate 1.5s linear infinite;content:" "}.loader-wrapper.section-loader{position:relative;z-index:2;background-color:transparent}.loader-wrapper.small-loader .loader:after{width:20px;height:20px;border-width:2px}.loader-wrapper.secondary-loader .loader:after{border-color:#adabb0 transparent #adabb0 transparent}@keyframes rotate{to{transform:rotate(360deg)}}.tip-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--arrow-length)}.tip{position:fixed;display:block;padding:10px;color:#fff;white-space:pre-line;background:#4b4760;border-radius:4px;z-index:9}.tip-wrapper{display:inline-flex;align-items:center}.tip_top:after{bottom:calc(var(--tipArrowLength) * -.5)}.tip_bottom:after{top:calc(var(--tipArrowLength) * -.5)}.tip_left:after{right:calc(var(--tipArrowOffset))}.tip_right:after{left:calc(var(--tipArrowOffset))}.tip_small{min-width:100px;max-width:250px}.tip_big{min-width:250px;max-width:400px}.tip:after{position:absolute;width:var(--tipArrowLength);height:var(--tipArrowLength);background:#4b4760;transform:rotate(45deg);content:""}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity .2s}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .2s}.btn-load{display:flex;align-items:center;justify-content:center;min-width:90px;height:40px;padding:0 16px;color:#4b4760;font-weight:500;font-size:14px;font-style:normal;line-height:16px;background:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px}.btn-load svg path{fill:#fff}.btn-load:active{background:#eee}.btn-load:hover{background:#f8f7f8}.btn-load:disabled{color:#adabb0;background:#fff;cursor:not-allowed}.btn-load:disabled svg path{fill:#dadada}.btn-load :first-child{margin-right:5px}.btn-load-primary{border-bottom:4px solid #0fddaf}.btn-load-primary:disabled{border-bottom:4px solid #c5f7ec}.btn-load-secondary{border-bottom:4px solid #869cff}.btn-load-secondary:disabled{border-bottom:4px solid #e2e7ff}.btn-load-tertiary{border-bottom:4px solid #adabb0}.btn-load-tertiary svg path{fill:#4b4760}.btn-load-tertiary:disabled{border-bottom:4px solid #ebebec}.chips{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.chips__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.chips__label:first-letter{text-transform:uppercase}.chips__label-mandatory{color:#ea336a}.chips__label-disabled,.chips__label-disabled .form-field__label-mandatory{color:#adabb0}.chips__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.chips__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.chips__wrapper-invalid{border:1px solid #ea336a}.chips__wrapper.without-border{border-color:transparent}.chips__wrapper-dense{height:36px}.chips__wrapper-normal{height:40px}.chips__wrapper-medium{height:44px}.chips__wrapper-chunky{height:48px}.chips__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.chips__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.chips__icons>*{display:flex;align-items:center;padding:0 4px}.chips__icons>*:last-child{margin-right:4px}.chips{height:auto;min-width:0}.chips__wrapper{padding:12px 16px}.chips-wrapper{display:flex;flex-flow:row;align-items:center;overflow:hidden}.chips-wrapper.chips-wrapper_all-visible{flex-wrap:wrap;overflow:auto}.chips-cell{display:flex;flex:1;align-items:center;max-width:100%}.chips-cell .fixed-max-width{max-width:100%}.chips-cell .chip-block{position:relative;max-width:100%;margin-right:calc(var(--chipBlockMarginRight))}.chips-cell .button-add{display:flex;align-items:center;justify-content:center;margin:2px 0;border-radius:32px}.chips-cell .button-add-background_orange{background-color:#ffd0775c}.chips-cell .button-add-background_orange:hover{background-color:#f98b0a}.chips-cell .button-add-background_purple{background-color:#a44cc529}.chips-cell .button-add-background_purple:hover{background-color:#a44cc5}.chips-cell .button-add-background_green{background-color:#13bbb13d}.chips-cell .button-add-background_green:hover{background-color:#13bbb1}.chips-cell .button-add-background_grey{background-color:#483f561f}.chips-cell .button-add-background_grey:hover{background-color:#7f7989}.chips-cell .button-add_border_transparent{border:1px solid transparent}.chips-cell .button-add_border_green{border:1px solid #49af53}.chips-cell .button-add_border_grey{border:1px solid rgba(0,0,0,.2)}.chips-cell .button-add_border_orange{border:1px solid #ea7f54}.chips-cell .button-add_border_purple{border:1px solid #a44cc5}.chips-cell .button-add_border_primary{border-radius:4px}.chips-cell .button-add_border_secondary{border-radius:20px}.chips-cell .button-add-density_dense{width:26px;height:26px}.chips-cell .button-add-density_normal{width:32px;height:32px}.chips-cell .button-add-density_medium{width:34px;height:34px}.chips-cell .button-add-font_primary svg rect,.chips-cell .button-add-font_primary svg path{fill:#7f7989}.chips-cell .button-add-font_primary:hover svg rect,.chips-cell .button-add-font_primary:hover svg path{fill:#fff}.chips-cell .button-add-font_green svg rect,.chips-cell .button-add-font_green svg path{fill:#49af53}.chips-cell .button-add-font_green:hover svg rect,.chips-cell .button-add-font_green:hover svg path{fill:#fff}.chips-cell .button-add-font_orange svg rect,.chips-cell .button-add-font_orange svg path{fill:#f98b0a}.chips-cell .button-add-font_orange:hover svg rect,.chips-cell .button-add-font_orange:hover svg path{fill:#fff}.chips-cell .button-add-font_purple svg rect,.chips-cell .button-add-font_purple svg path{fill:#a44cc5}.chips-cell .button-add-font_purple:hover svg rect,.chips-cell .button-add-font_purple:hover svg path{fill:#fff}.chips input:disabled{cursor:default}.form-field.form-field-combobox{width:100%}.form-field.form-field-combobox .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field.form-field-combobox .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field.form-field-combobox .form-field__label:first-letter{text-transform:uppercase}.form-field.form-field-combobox .form-field__label-mandatory{color:#ea336a}.form-field.form-field-combobox .form-field__label-disabled,.form-field.form-field-combobox .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field.form-field-combobox .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field.form-field-combobox .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field.form-field-combobox .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field.form-field-combobox .form-field__wrapper.without-border{border-color:transparent}.form-field.form-field-combobox .form-field__wrapper-dense{height:36px}.form-field.form-field-combobox .form-field__wrapper-normal{height:40px}.form-field.form-field-combobox .form-field__wrapper-medium{height:44px}.form-field.form-field-combobox .form-field__wrapper-chunky{height:48px}.form-field.form-field-combobox .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field.form-field-combobox .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field.form-field-combobox .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field.form-field-combobox .form-field__icons>*:last-child{margin-right:4px}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon{cursor:pointer;padding:0;transition:transform .2s linear}.form-field.form-field-combobox .form-field__icons .form-field-combobox__icon_open{transform:rotate(90deg);transform-origin:center center}.form-field.form-field-combobox .form-field-combobox__placeholder{color:#7f7989;font-size:15px;text-align:left;text-transform:capitalize;background-color:transparent}.form-field.form-field-combobox .form-field-combobox__placeholder label{cursor:inherit}.form-field.form-field-combobox .form-field-combobox__select{padding:0;overflow:visible}.form-field.form-field-combobox .form-field-combobox__select-header{display:flex;flex:1;align-items:center;cursor:pointer;height:100%}.form-field.form-field-combobox .form-field-combobox__input{width:100%;padding:0 8px 0 0}.form-field.form-field-combobox .form-field-combobox__input_hidden{flex:0}.form-field-combobox__search{width:100%;padding:12px 0}.form-field-combobox__search-wrapper{position:sticky;top:0;display:flex;align-items:center;margin:0 9px;border-bottom:1px solid rgba(72,63,86,.12);background-color:#fff}.form-field-combobox__dropdown-select{max-width:220px}.form-field-combobox__dropdown-suggestions{max-width:350px}.form-field-combobox__dropdown-list{margin:0;padding:0;min-width:140px;list-style-type:none}.form-field-combobox__dropdown-list-option{padding:8px 15px;word-break:break-all;cursor:pointer}.form-field-combobox__dropdown-list-option:hover{background-color:#f8f7f8}.form-field-combobox__dropdown .pop-up-dialog{width:100%;max-height:250px;padding:0}.form-field-combobox .path-type-store,.form-field-combobox__dropdown .path-type-store{color:#a44cc5}.form-field-combobox .path-type-v3io,.form-field-combobox__dropdown .path-type-v3io{color:#5871f4}.form-field-combobox .path-type-az,.form-field-combobox .path-type-gs,.form-field-combobox .path-type-http,.form-field-combobox .path-type-https,.form-field-combobox .path-type-s3,.form-field-combobox__dropdown .path-type-az,.form-field-combobox__dropdown .path-type-gs,.form-field-combobox__dropdown .path-type-http,.form-field-combobox__dropdown .path-type-https,.form-field-combobox__dropdown .path-type-s3{color:#f98b0a}.form-field-combobox .path-type-dbfs,.form-field-combobox__dropdown .path-type-dbfs{color:#49af53}.form-field-range{align-self:stretch}.form-field-range .range__buttons{display:flex;flex-direction:column;justify-content:center;width:28px;height:100%}.form-field-range .range__button{display:flex;width:100%;height:calc(50% + 1px);align-items:center;justify-content:center;padding:0;background-color:#f5f5f5;cursor:pointer}.form-field-range .range__button svg path{fill:#7f7989}.form-field-range .range__button:hover{background-color:#e7e7e7}.form-field-range .range__button:hover svg path{fill:#4b4760}.form-field-range .range__button:focus{border:1px solid #7f7989}.form-field-range .range__button:active{background-color:#0003;border:1px solid #7f7989}.form-field-range .range__button:active svg path{fill:#4b4760}.form-field-range .range__button:disabled{cursor:not-allowed}.form-field-range .range__button:disabled svg path{fill:#adabb0}.form-field-range .range__button:disabled:focus{border:none}.form-field-range .range__button:disabled:hover{background-color:#f5f5f5}.form-field-range .range__button-increase{border-bottom:1px solid transparent;border-left:1px solid transparent;border-top-right-radius:4px}.form-field-range .range__button-decrease{border-top:1px solid transparent;border-left:1px solid transparent;border-bottom-right-radius:4px}.form-field-range .range__button .decrease{transform:rotate(180deg)}.form-field-range .range-warning{border:1px solid #ea336a}.form-field-range .range-warning_asterisk{position:absolute;top:50%;right:35px;color:#ea336a;transform:translateY(-50%)}.form-field-range .range-warning .range__button-increase{border-top:1px solid #ea336a;border-right:1px solid #ea336a}.form-field-range .range-warning .range__button-decrease{border-right:1px solid #ea336a;border-bottom:1px solid #ea336a}.form-field-range .range__warning-icon{position:absolute;top:50%;right:30px;transform:translateY(-50%)}.form-field-input{width:100%}.form-field-input input{height:inherit;width:100%;padding:12px 16px}.form-field-input .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-input .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-input .form-field__label:first-letter{text-transform:uppercase}.form-field-input .form-field__label-mandatory{color:#ea336a}.form-field-input .form-field__label-disabled,.form-field-input .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-input .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-input .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-input .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-input .form-field__wrapper.without-border{border-color:transparent}.form-field-input .form-field__wrapper-dense{height:36px}.form-field-input .form-field__wrapper-normal{height:40px}.form-field-input .form-field__wrapper-medium{height:44px}.form-field-input .form-field__wrapper-chunky{height:48px}.form-field-input .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-input .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-input .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-input .form-field__icons>*:last-child{margin-right:4px}.form-field-input .form-field__label-icon{display:inline-flex;margin-left:3px}.form-field-input .form-field__label-icon>*,.form-field-input .form-field__label-icon a{display:inline-flex}.form-field-input .form-field__label-icon a{transform:translateY(-1px)}.form-field-input .form-field__label-icon svg{width:12px;height:12px}.form-field-input .form-field__label-icon svg path{fill:#6279e7}.form-field-input .form-field__suggestion-list{position:absolute;top:100%;left:0;z-index:5;margin:0;padding:7px 0;background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0003}.form-field-input .form-field__suggestion-list .suggestion-item{padding:7px 15px;color:#483f56;list-style-type:none}.form-field-input .form-field__suggestion-list .suggestion-item:hover{background-color:#f8f7f8;cursor:pointer}.form-field-input input[type=number]{border:none;-moz-appearance:textfield}.form-field-input input[type=number]::-webkit-outer-spin-button,.form-field-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.select__item{display:flex;align-items:center;flex-flow:row wrap;width:100%;min-height:45px;padding:10px 15px}.select__item.multiple{padding:0 15px;min-height:0}.select__item.multiple input[type=checkbox]~label{padding-top:16px;padding-bottom:16px}.select__item.hidden{display:none}.select__item .form-field-checkbox{flex:1;height:100%;width:100%}.select__item:hover{background-color:#f8f7f8;cursor:pointer}.select__item.disabled{color:#adabb0;background:#fff;cursor:not-allowed}.select__item .status{margin:0 10px}.select__item .all{margin:0;display:inline-block;width:8px;height:8px;min-width:8px;border-radius:50%;background-color:none}.select__item .label-row{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:100%}.select__item-label{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;flex:1}.select__item-main-label{width:100%;display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start}.select__item-sub-label{margin-top:5px;font-size:13px;width:100%}.select__item-icon{display:flex;margin-right:10px}.select__item .checkmark{align-self:flex-start;margin:0 0 0 10px}.select__item .checkmark path{fill:#49af53}.select-tooltip,.form-field-select{width:100%}.form-field-select .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-select .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-select .form-field__label:first-letter{text-transform:uppercase}.form-field-select .form-field__label-mandatory{color:#ea336a}.form-field-select .form-field__label-disabled,.form-field-select .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-select .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-select .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-select .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-select .form-field__wrapper.without-border{border-color:transparent}.form-field-select .form-field__wrapper-dense{height:36px}.form-field-select .form-field__wrapper-normal{height:40px}.form-field-select .form-field__wrapper-medium{height:44px}.form-field-select .form-field__wrapper-chunky{height:48px}.form-field-select .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-select .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-select .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-select .form-field__icons>*:last-child{margin-right:4px}.form-field-select .form-field__wrapper{cursor:pointer}.form-field-select .form-field__wrapper-active{background:#f8f7f8}.form-field-select .form-field__wrapper-disabled{cursor:not-allowed}.form-field-select .form-field__wrapper-disabled .form-field__caret path{fill:#adabb0}.form-field-select .form-field__select{display:flex;align-items:center;width:100%;padding:0 20px 0 16px}.form-field-select .form-field__select-value{display:block;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.form-field-select .form-field__select-placeholder{color:#adabb0}.form-field-select .form-field__select-sub_label{display:block;margin-left:10px;overflow:hidden;color:#7f7989;white-space:nowrap;text-overflow:ellipsis}.form-field-select__options-list .pop-up-dialog{width:100%;padding:0;border-radius:0}.form-field-select__options-list .options-list{margin:0;padding:0;list-style-type:none;max-height:250px;overflow-y:auto}.form-field-select__options-list .options-list__body{width:100%;color:#483f56de;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:4px;box-shadow:0 4px 8px #0000003b}.form-field-select__options-list .options-list__search{width:100%}.form-field-select__options-list .options-list__search input{width:100%;padding:10px;border:none;border-bottom:1px solid rgba(0,0,0,.2)}.form-field-radio{display:inline-flex;align-items:center;justify-content:flex-start;color:#4b4760;margin-right:15px}.form-field-radio_readonly input{pointer-events:none;opacity:.5}.form-field-radio_readonly input~label,.form-field-radio_readonly input~.label{pointer-events:none;opacity:.5}.form-field-radio input[type=radio]{width:16px;height:16px;border-radius:50%;position:relative;background:#fff;border:1px solid #869cff;color:#869cff;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;outline:0;cursor:pointer}.form-field-radio input[type=radio]:checked:hover{color:#6279e7}.form-field-radio input[type=radio]:checked:hover:disabled{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled{color:#adabb0;border-color:currentColor;cursor:not-allowed;pointer-events:none}.form-field-radio input[type=radio]:disabled:hover{color:#adabb0;border-color:currentColor}.form-field-radio input[type=radio]:disabled~label,.form-field-radio input[type=radio]:disabled~.label{color:#adabb0;cursor:not-allowed}@keyframes pulse-animation{20%{box-shadow:0 0 #6279e780}to{box-shadow:0 0 0 6px #6279e700}}.form-field-radio input[type=radio]:not(:disabled):focus,.form-field-radio input[type=radio]:not(:disabled):active{animation:pulse-animation .5s ease-out}.form-field-radio input[type=radio]:not(:disabled):hover{color:#6279e7;border-color:currentColor}.form-field-radio input[type=radio]~label,.form-field-radio input[type=radio]~.label{display:flex;flex:1;align-items:center;position:relative;cursor:pointer;font-size:1em;padding:0 0 0 .45em;height:inherit;-webkit-user-select:none;user-select:none;white-space:nowrap}.form-field-radio input[type=radio]:before{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;transform:scale(0);transition:transform .2s ease-in-out;box-shadow:inset 1em 1em currentColor}.form-field-radio input[type=radio]:checked:before{transform:scale(1)}.form-field-textarea{width:100%}.form-field-textarea textarea{height:inherit;width:100%;padding:12px 16px;white-space:normal}.form-field-textarea .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-textarea .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-textarea .form-field__label:first-letter{text-transform:uppercase}.form-field-textarea .form-field__label-mandatory{color:#ea336a}.form-field-textarea .form-field__label-disabled,.form-field-textarea .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-textarea .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-textarea .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-textarea .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-textarea .form-field__wrapper.without-border{border-color:transparent}.form-field-textarea .form-field__wrapper-dense{height:36px}.form-field-textarea .form-field__wrapper-normal{height:40px}.form-field-textarea .form-field__wrapper-medium{height:44px}.form-field-textarea .form-field__wrapper-chunky{height:48px}.form-field-textarea .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-textarea .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-textarea .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-textarea .form-field__icons>*:last-child{margin-right:4px}.form-field-textarea .form-field__wrapper .form-field__control{padding:0}.form-field-textarea .form-field__counter{color:#7f7989;font-size:12px;margin-top:5px;text-align:right}.form-field-toggle{position:relative}.form-field-toggle__switch{height:24px;width:48px;display:flex;cursor:pointer;align-items:center;background-color:#dadada;border-radius:20px;transition:all .2s ease}.form-field-toggle__switch:before{content:"";width:20px;height:20px;background-color:#fff;border-radius:50%;transform:translate(2px);transition:all .2s ease}.form-field-toggle .form-field{position:relative;display:flex;flex-flow:column nowrap;height:100%;width:100%}.form-field-toggle .form-field__label{display:flex;align-items:center;margin-bottom:5px;color:#7f7989;font-size:12px;text-align:left;background-color:transparent}.form-field-toggle .form-field__label:first-letter{text-transform:uppercase}.form-field-toggle .form-field__label-mandatory{color:#ea336a}.form-field-toggle .form-field__label-disabled,.form-field-toggle .form-field__label-disabled .form-field__label-mandatory{color:#adabb0}.form-field-toggle .form-field__wrapper{display:flex;flex:1;flex-flow:row nowrap;position:relative;width:100%;color:#4b4760;background-color:transparent;border:1px solid rgba(0,0,0,.2);border-radius:4px}.form-field-toggle .form-field__wrapper-disabled{border:1px solid rgba(173,171,176,.3);color:#adabb0;cursor:not-allowed}.form-field-toggle .form-field__wrapper-invalid{border:1px solid #ea336a}.form-field-toggle .form-field__wrapper.without-border{border-color:transparent}.form-field-toggle .form-field__wrapper-dense{height:36px}.form-field-toggle .form-field__wrapper-normal{height:40px}.form-field-toggle .form-field__wrapper-medium{height:44px}.form-field-toggle .form-field__wrapper-chunky{height:48px}.form-field-toggle .form-field__control{position:relative;display:flex;flex:1;align-items:center;overflow:hidden}.form-field-toggle .form-field__icons{display:flex;flex-shrink:0;align-items:center;min-height:25px}.form-field-toggle .form-field__icons>*{display:flex;align-items:center;padding:0 4px}.form-field-toggle .form-field__icons>*:last-child{margin-right:4px}.form-field-toggle .form-field__wrapper{border:none}.form-field-toggle input[type=checkbox]{display:none;width:0;height:0}.form-field-toggle input[type=checkbox]:disabled+* .form-field-toggle__switch{opacity:.5;pointer-events:none;cursor:default}.form-field-toggle input[type=checkbox]:checked+* .form-field-toggle__switch{background-color:#869cff}.form-field-toggle input[type=checkbox]:checked+* .form-field-toggle__switch:before{transform:translate(26px)}.backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;z-index:9}.backdrop-transition-enter{opacity:0}.backdrop-transition-enter-active,.backdrop-transition-enter-done{opacity:.5;transition:opacity .3s ease-in-out}.backdrop-transition-exit{opacity:.5}.backdrop-transition-exit-active{opacity:0;transition:opacity .3s ease-in-out}.modal{position:fixed;top:50%;left:50%;width:100%;height:660px;max-width:96%;min-width:300px;max-height:96%;outline:0;transform:translate(-50%,-50%);z-index:9}@media screen and (min-width: 1200px){.modal{width:1000px}.modal.modal-sm{width:700px}.modal.modal-lg{width:1400px}.modal.modal-max{width:95vw;height:95vh}}.modal.modal-min{width:500px;height:auto}.modal.modal-max{width:96vw;height:94vw}.modal__content{display:flex;flex-flow:column nowrap;position:relative;min-height:inherit;height:100%;width:100%;max-height:100%;background-color:#fff;border-radius:8px;box-shadow:0 6px 26px #0003;text-align:left}.modal__header{position:relative;border-bottom:1px solid rgba(0,0,0,.2);min-height:92px;padding:1rem 3rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.modal__header-title{color:#4b4760;font-size:2em;text-transform:capitalize;margin:0}.modal__header-sub-title{color:#7f7989;font-size:1.5em;font-weight:500;margin:10px 0 0}.modal__header-preview-text{position:absolute;top:1rem;left:1rem;font-size:1rem}.modal__header-button{position:absolute;top:10px;right:10px}.modal__body{overflow-y:auto;overflow-x:hidden;flex:1 0;padding:1.5rem 2rem 0;margin-bottom:1rem}.modal__footer{display:flex;flex-flow:row nowrap;flex-shrink:0;justify-content:space-between;padding:1rem 2rem;min-height:50px}.modal__footer-actions{display:flex;flex:1 0 auto;justify-content:flex-end;align-items:center}.modal__footer-actions>*:not(:last-child){margin-right:10px}.modal-transition-enter{opacity:0;transform:translate(-50%,100vh)}.modal-transition-enter-active,.modal-transition-enter-done{opacity:1;transform:translate(-50%,-50%);transition:all .3s ease-in-out}.modal-transition-exit{opacity:1;transform:translate(-50%,-50%)}.modal-transition-exit-active{opacity:0;transform:translate(-50%,-70%);transition:all .3s ease-in-out}.table .table-body__cell{line-height:20px}.table .table-body__cell .name-wrapper{display:flex;flex:1;flex-wrap:wrap;align-items:center}.table .table-body__cell .name-wrapper .item-name{color:#4b4760;font-weight:700}.table .table-body__cell .name-wrapper .item-name.function-name{max-width:120px}.table .table-body__cell .name-wrapper .item-tag{max-width:150px}.table .table-body__cell .name-wrapper .item-tag span{display:inline}.table .table-body__cell .name-wrapper .link{display:flex;width:100%;color:#4b4760}.table .table-body__cell .link-subtext{color:#7f7989}.table .table-body__cell .date-uid-row{display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:12px;font-family:Roboto,sans-serif;font-style:normal;margin-top:5px;width:max-content;min-width:100%}.table .table-body__cell .date-uid-row>span:not(:last-child){margin-right:10px}.table .table-body__cell .date-uid-row span{width:auto}.wizard-steps{display:flex;flex-flow:row nowrap;background-color:#fff;min-width:260px;margin:1.5rem 0;padding:0 2rem}@media screen and (min-width: 1200px){.wizard-steps{flex-flow:column nowrap;overflow-y:auto;padding:0 1rem}.wizard-steps>*:not(:last-child){margin-bottom:10px}}.wizard-steps .wizard-steps__item{display:block;background-color:inherit;color:#4b4760;border:0;border-radius:8px;font-size:1em;padding:8px;min-height:52px;height:auto;width:100%}@media screen and (min-width: 1200px){.wizard-steps .wizard-steps__item{display:flex;align-items:center;justify-content:flex-start}.wizard-steps .wizard-steps__item>*{text-align:left;white-space:normal}}.wizard-steps .wizard-steps__item .wizard-steps__indicator{border-color:#869cff;color:#869cff;background-color:inherit}.wizard-steps .wizard-steps__item.wizard-steps__item_active{background-color:#869cff1f;color:#6279e7}.wizard-steps .wizard-steps__item.wizard-steps__item_active .wizard-steps__indicator{border-color:transparent;color:#fff;background-color:#869cff}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid{color:#ea336a}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid.wizard-steps__item_active{background-color:#ea336a26}.wizard-steps .wizard-steps__item.wizard-steps__item_invalid .wizard-steps__indicator{border-color:#ea336a;color:#ea336a;background-color:inherit}.wizard-steps .wizard-steps__item:disabled{border:0;color:#adabb0}.wizard-steps .wizard-steps__item:disabled .wizard-steps__indicator{border-color:#adabb0;color:#adabb0;background-color:inherit}.wizard-steps .wizard-steps__indicator{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:50%;padding:10px;margin:0 0 10px;width:36px;height:36px}@media screen and (min-width: 1200px){.wizard-steps .wizard-steps__indicator{flex-flow:row nowrap;text-align:left;margin:0 10px 0 0}}.wizard-form .modal__body{display:flex;flex-flow:column nowrap;overflow:hidden;padding:0}@media screen and (min-width: 1200px){.wizard-form .modal__body{flex-flow:row nowrap}}.wizard-form .wizard-form__content-container{overflow-y:auto;height:100%;width:100%;padding:0 2rem 1.5rem}@media screen and (min-width: 1200px){.wizard-form .wizard-form__content-container{padding:1.5rem 2rem 1.5rem 1rem}}.wizard-form .wizard-form__content{min-width:350px;height:100%}.wizard-form .wizard-form__content .wizard-form__hidden-content-item{position:absolute;visibility:hidden;height:0;opacity:0;pointer-events:none}.wizard-form .wizard-form__content .wizard-form__visible-content-item{height:100%}.wizard-form__back-button svg,.wizard-form__next-button svg{width:14px}.wizard-form__next-button svg{rotate:180deg}
package/dist/types.d.ts CHANGED
@@ -4,6 +4,7 @@ export const CHIP_INPUT_LIST: any;
4
4
  export const DENSITY_OPTIONS: any;
5
5
  export const CHIP_OPTIONS: any;
6
6
  export const CHIPS: any;
7
+ export const VISIBLE_CHIPS_MAX_LENGTH: any;
7
8
  export const POP_UP_CUSTOM_POSITION: any;
8
9
  export const MODAL_SIZES: any;
9
10
  export const CONFIRM_DIALOG_CANCEL_BUTTON: any;
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.js"],"names":[],"mappings":"AAmCA,kCAME;AAEF,uBAIE;AAEF,kCASC;AAED,kCAKE;AAEF,+BAgBE;AAEF,wBAA4C;AAE5C,yCAKE;AAEF,8BAAgG;AAEhG,+CAIE;AACF,yCAAgG;AAChG,+CAIE;AAEF,sCAQC;AAED,6BAGE;AAEF,gCASE;AAEF,iCAA8D;AAE9D,yCAOC;AAED,2CAMC;AAED,4CAMC;AAED,0CAMC;AAED,0CAQE;AAEF,6BAIE;AAEF,gCAIE;AAEF,kCAAwF;AAExF,kCAIE;AAEF,0BAA+E;AAE/E,wCAIE;AAEF,8BAOC;AAED,+BAMC;AAED,gCAOE;AAUF,+BAGE"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/lib/types.js"],"names":[],"mappings":"AAmCA,kCAME;AAEF,uBAIE;AAEF,kCASC;AAED,kCAKE;AAEF,+BAgBE;AAEF,wBAA4C;AAE5C,2CAGE;AAEF,yCAKE;AAEF,8BAAgG;AAEhG,+CAIE;AACF,yCAAgG;AAChG,+CAIE;AAEF,sCAQC;AAED,6BAGE;AAEF,gCASE;AAEF,iCAA8D;AAE9D,yCAOC;AAED,2CAMC;AAED,4CAMC;AAED,0CAMC;AAED,0CAQE;AAEF,6BAIE;AAEF,gCAIE;AAEF,kCAAwF;AAExF,kCAIE;AAEF,0BAA+E;AAE/E,wCAIE;AAEF,8BAOC;AAED,+BAMC;AAED,gCAOE;AAUF,+BAGE"}
package/dist/types.mjs CHANGED
@@ -1,12 +1,12 @@
1
1
  import e from "prop-types";
2
- import { DANGER_BUTTON as i, LABEL_BUTTON as s, PRIMARY_BUTTON as r, SECONDARY_BUTTON as n, TERTIARY_BUTTON as t, DENSITY_DENSE as o, DENSITY_NORMAL as a, DENSITY_MEDIUM as O, DENSITY_CHUNKY as d, MODAL_SM as l, MODAL_MD as u, MODAL_LG as T, MODAL_MIN as R, MODAL_MAX as g } from "./constants.mjs";
2
+ import { DANGER_BUTTON as i, LABEL_BUTTON as s, PRIMARY_BUTTON as n, SECONDARY_BUTTON as r, TERTIARY_BUTTON as o, DENSITY_DENSE as t, DENSITY_NORMAL as a, DENSITY_MEDIUM as O, DENSITY_CHUNKY as d, MODAL_SM as l, MODAL_MD as u, MODAL_LG as T, MODAL_MIN as R, MODAL_MAX as _ } from "./constants.mjs";
3
3
  const f = e.oneOf([
4
4
  i,
5
5
  s,
6
- r,
7
6
  n,
8
- t
9
- ]), b = e.shape({
7
+ r,
8
+ o
9
+ ]), I = e.shape({
10
10
  delimiter: e.element,
11
11
  id: e.string,
12
12
  value: e.string.isRequired
@@ -19,12 +19,12 @@ const f = e.oneOf([
19
19
  subLabel: e.string,
20
20
  ui: e.shape({})
21
21
  })
22
- ), _ = e.oneOf([
23
- o,
22
+ ), b = e.oneOf([
23
+ t,
24
24
  a,
25
25
  O,
26
26
  d
27
- ]), q = e.shape({
27
+ ]), E = e.shape({
28
28
  background: e.oneOf([
29
29
  "amethyst",
30
30
  "green",
@@ -37,23 +37,26 @@ const f = e.oneOf([
37
37
  ]),
38
38
  boldValue: e.bool,
39
39
  borderColor: e.oneOf(["transparent", "orange", "green", "purple", "grey"]),
40
- density: _,
40
+ density: b,
41
41
  font: e.oneOf(["primary", "white", "green", "purple", "orange"]),
42
42
  borderRadius: e.oneOf(["primary", "secondary"])
43
- }), E = e.arrayOf(b), h = e.shape({
43
+ }), q = e.arrayOf(I), h = e.oneOfType([
44
+ e.number,
45
+ e.oneOf(["all"])
46
+ ]), m = e.shape({
44
47
  element: e.shape({}),
45
48
  position: e.oneOf(["top-left", "top-right", "bottom-left", "bottom-right"]),
46
49
  autoHorizontalPosition: e.bool,
47
50
  autoVerticalPosition: e.bool
48
- }), m = e.oneOf([l, u, T, R, g]), A = e.shape({
51
+ }), A = e.oneOf([l, u, T, R, _]), L = e.shape({
49
52
  handler: e.func,
50
53
  label: e.string.isRequired,
51
54
  variant: e.string.isRequired
52
- }), L = e.oneOfType([e.element, e.string]), y = e.shape({
55
+ }), y = e.oneOfType([e.element, e.string]), D = e.shape({
53
56
  handler: e.func.isRequired,
54
57
  label: e.string.isRequired,
55
58
  variant: e.string.isRequired
56
- }), D = e.arrayOf(
59
+ }), M = e.arrayOf(
57
60
  e.shape({
58
61
  id: e.string.isRequired,
59
62
  label: e.string.isRequired,
@@ -61,10 +64,10 @@ const f = e.oneOf([
61
64
  disabled: e.bool,
62
65
  nextIsDisabled: e.bool
63
66
  })
64
- ), M = e.shape({
67
+ ), C = e.shape({
65
68
  show: e.oneOfType([e.bool, e.string]),
66
69
  url: e.string
67
- }), I = e.shape({
70
+ }), g = e.shape({
68
71
  disabled: e.bool,
69
72
  hidden: e.bool,
70
73
  icon: e.element,
@@ -73,32 +76,32 @@ const f = e.oneOf([
73
76
  labelHtml: e.string,
74
77
  status: e.string,
75
78
  subLabel: e.string
76
- }), C = e.arrayOf(I), U = e.arrayOf(
79
+ }), P = e.arrayOf(g), U = e.arrayOf(
77
80
  e.shape({
78
81
  name: e.string.isRequired,
79
82
  label: e.string.isRequired,
80
83
  pattern: e.oneOfType([e.instanceOf(RegExp), e.func]).isRequired,
81
84
  isValid: e.bool
82
85
  })
83
- ), P = e.arrayOf(
86
+ ), B = e.arrayOf(
84
87
  e.shape({
85
88
  customDelimiter: e.string,
86
89
  id: e.string.isRequired,
87
90
  label: e.string.isRequired
88
91
  })
89
- ), B = e.arrayOf(
92
+ ), Y = e.arrayOf(
90
93
  e.shape({
91
94
  name: e.string.isRequired,
92
95
  label: e.string.isRequired,
93
96
  isValid: e.bool
94
97
  })
95
- ), Y = e.arrayOf(
98
+ ), G = e.arrayOf(
96
99
  e.shape({
97
100
  className: e.string,
98
101
  id: e.string.isRequired,
99
102
  label: e.string.isRequired
100
103
  })
101
- ), G = e.shape({
104
+ ), H = e.shape({
102
105
  data: e.shape({}).isRequired,
103
106
  ui: e.shape({
104
107
  isNew: e.bool,
@@ -114,28 +117,28 @@ const f = e.oneOf([
114
117
  e.string,
115
118
  e.number,
116
119
  e.arrayOf(e.string, e.number)
117
- ]), H = e.oneOfType([e.string, e.number]), x = e.oneOfType([
120
+ ]), x = e.oneOfType([e.string, e.number]), X = e.oneOfType([
118
121
  e.string,
119
122
  e.number,
120
123
  e.arrayOf(e.string, e.number)
121
- ]), v = e.oneOf(["dense", "normal", "medium", "chunky"]), X = e.shape({
124
+ ]), v = e.oneOf(["dense", "normal", "medium", "chunky"]), k = e.shape({
122
125
  startIndex: e.number.isRequired,
123
126
  endIndex: e.number.isRequired,
124
127
  tableBodyPaddingTop: e.number.isRequired
125
- }), k = e.arrayOf(
128
+ }), w = e.arrayOf(
126
129
  e.shape({
127
130
  id: e.string.isRequired,
128
131
  label: e.string.isRequired,
129
132
  tip: e.string,
130
133
  hidden: e.bool
131
134
  })
132
- ), w = e.arrayOf(
135
+ ), Z = e.arrayOf(
133
136
  e.shape({
134
137
  id: e.string.isRequired,
135
138
  label: e.string.isRequired,
136
139
  hidden: e.bool
137
140
  })
138
- ), Z = e.shape({
141
+ ), j = e.shape({
139
142
  disabled: e.bool,
140
143
  hidden: e.bool,
141
144
  label: e.string.isRequired,
@@ -148,40 +151,41 @@ const f = e.oneOf([
148
151
  onClick: e.func.isRequired,
149
152
  disabled: e.bool,
150
153
  className: e.string
151
- }), j = e.oneOfType([
154
+ }), K = e.oneOfType([
152
155
  e.arrayOf(e.arrayOf(c.isRequired)),
153
156
  e.func
154
157
  ]);
155
158
  export {
156
- j as ACTIONS_MENU,
157
- Z as ACTION_BUTTON,
159
+ K as ACTIONS_MENU,
160
+ j as ACTION_BUTTON,
158
161
  F as ALLOW_SORT_BY,
159
162
  f as BUTTON_VARIANTS,
160
- b as CHIP,
161
- E as CHIPS,
163
+ I as CHIP,
164
+ q as CHIPS,
162
165
  S as CHIP_INPUT_LIST,
163
- q as CHIP_OPTIONS,
164
- Y as COMBOBOX_SELECT_OPTIONS,
165
- P as COMBOBOX_SUGGESTION_LIST,
166
- B as COMBOBOX_VALIDATION_RULES,
167
- A as CONFIRM_DIALOG_CANCEL_BUTTON,
168
- L as CONFIRM_DIALOG_MESSAGE,
169
- y as CONFIRM_DIALOG_SUBMIT_BUTTON,
170
- H as DEFAULT_SORT_BY,
166
+ E as CHIP_OPTIONS,
167
+ G as COMBOBOX_SELECT_OPTIONS,
168
+ B as COMBOBOX_SUGGESTION_LIST,
169
+ Y as COMBOBOX_VALIDATION_RULES,
170
+ L as CONFIRM_DIALOG_CANCEL_BUTTON,
171
+ y as CONFIRM_DIALOG_MESSAGE,
172
+ D as CONFIRM_DIALOG_SUBMIT_BUTTON,
173
+ x as DEFAULT_SORT_BY,
171
174
  v as DENSITY,
172
- _ as DENSITY_OPTIONS,
173
- w as DETAILS_MENU,
174
- x as EXCLUDE_SORT_BY,
175
- G as FORM_TABLE_EDITING_ITEM,
176
- M as INPUT_LINK,
175
+ b as DENSITY_OPTIONS,
176
+ Z as DETAILS_MENU,
177
+ X as EXCLUDE_SORT_BY,
178
+ H as FORM_TABLE_EDITING_ITEM,
179
+ C as INPUT_LINK,
177
180
  U as INPUT_VALIDATION_RULES,
178
- m as MODAL_SIZES,
179
- h as POP_UP_CUSTOM_POSITION,
180
- I as SELECT_OPTION,
181
- C as SELECT_OPTIONS,
182
- k as SLIDER_TABS,
181
+ A as MODAL_SIZES,
182
+ m as POP_UP_CUSTOM_POSITION,
183
+ g as SELECT_OPTION,
184
+ P as SELECT_OPTIONS,
185
+ w as SLIDER_TABS,
183
186
  V as SORT_PROPS,
184
- X as VIRTUALIZATION_CONFIG,
185
- D as WIZARD_STEPS_CONFIG
187
+ k as VIRTUALIZATION_CONFIG,
188
+ h as VISIBLE_CHIPS_MAX_LENGTH,
189
+ M as WIZARD_STEPS_CONFIG
186
190
  };
187
191
  //# sourceMappingURL=types.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.mjs","sources":["../src/lib/types.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 PropTypes from 'prop-types'\n\nimport {\n DANGER_BUTTON,\n DENSITY_CHUNKY,\n DENSITY_DENSE,\n DENSITY_MEDIUM,\n DENSITY_NORMAL,\n LABEL_BUTTON,\n MODAL_LG,\n MODAL_MAX,\n MODAL_MD,\n MODAL_MIN,\n MODAL_SM,\n PRIMARY_BUTTON,\n SECONDARY_BUTTON,\n TERTIARY_BUTTON\n} from './constants'\n\nexport const BUTTON_VARIANTS = PropTypes.oneOf([\n DANGER_BUTTON,\n LABEL_BUTTON,\n PRIMARY_BUTTON,\n SECONDARY_BUTTON,\n TERTIARY_BUTTON\n])\n\nexport const CHIP = PropTypes.shape({\n delimiter: PropTypes.element,\n id: PropTypes.string,\n value: PropTypes.string.isRequired\n})\n\nexport const CHIP_INPUT_LIST = PropTypes.arrayOf(\n PropTypes.shape({\n disabled: PropTypes.bool,\n icon: PropTypes.element,\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n subLabel: PropTypes.string,\n ui: PropTypes.shape({})\n })\n)\n\nexport const DENSITY_OPTIONS = PropTypes.oneOf([\n DENSITY_DENSE,\n DENSITY_NORMAL,\n DENSITY_MEDIUM,\n DENSITY_CHUNKY\n])\n\nexport const CHIP_OPTIONS = PropTypes.shape({\n background: PropTypes.oneOf([\n 'amethyst',\n 'green',\n 'grey',\n 'java',\n 'none',\n 'orange',\n 'purple',\n 'sorbus'\n ]),\n boldValue: PropTypes.bool,\n borderColor: PropTypes.oneOf(['transparent', 'orange', 'green', 'purple', 'grey']),\n density: DENSITY_OPTIONS,\n font: PropTypes.oneOf(['primary', 'white', 'green', 'purple', 'orange']),\n borderRadius: PropTypes.oneOf(['primary', 'secondary'])\n})\n\nexport const CHIPS = PropTypes.arrayOf(CHIP)\n\nexport const POP_UP_CUSTOM_POSITION = PropTypes.shape({\n element: PropTypes.shape({}),\n position: PropTypes.oneOf(['top-left', 'top-right', 'bottom-left', 'bottom-right']),\n autoHorizontalPosition: PropTypes.bool,\n autoVerticalPosition: PropTypes.bool\n})\n\nexport const MODAL_SIZES = PropTypes.oneOf([MODAL_SM, MODAL_MD, MODAL_LG, MODAL_MIN, MODAL_MAX])\n\nexport const CONFIRM_DIALOG_CANCEL_BUTTON = PropTypes.shape({\n handler: PropTypes.func,\n label: PropTypes.string.isRequired,\n variant: PropTypes.string.isRequired\n})\nexport const CONFIRM_DIALOG_MESSAGE = PropTypes.oneOfType([PropTypes.element, PropTypes.string])\nexport const CONFIRM_DIALOG_SUBMIT_BUTTON = PropTypes.shape({\n handler: PropTypes.func.isRequired,\n label: PropTypes.string.isRequired,\n variant: PropTypes.string.isRequired\n})\n\nexport const WIZARD_STEPS_CONFIG = PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n hidden: PropTypes.bool,\n disabled: PropTypes.bool,\n nextIsDisabled: PropTypes.bool\n })\n)\n\nexport const INPUT_LINK = PropTypes.shape({\n show: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n url: PropTypes.string\n})\n\nexport const SELECT_OPTION = PropTypes.shape({\n disabled: PropTypes.bool,\n hidden: PropTypes.bool,\n icon: PropTypes.element,\n id: PropTypes.string.isRequired,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n labelHtml: PropTypes.string,\n status: PropTypes.string,\n subLabel: PropTypes.string\n})\n\nexport const SELECT_OPTIONS = PropTypes.arrayOf(SELECT_OPTION)\n\nexport const INPUT_VALIDATION_RULES = PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n pattern: PropTypes.oneOfType([PropTypes.instanceOf(RegExp), PropTypes.func]).isRequired,\n isValid: PropTypes.bool\n })\n)\n\nexport const COMBOBOX_SUGGESTION_LIST = PropTypes.arrayOf(\n PropTypes.shape({\n customDelimiter: PropTypes.string,\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired\n })\n)\n\nexport const COMBOBOX_VALIDATION_RULES = PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n isValid: PropTypes.bool\n })\n)\n\nexport const COMBOBOX_SELECT_OPTIONS = PropTypes.arrayOf(\n PropTypes.shape({\n className: PropTypes.string,\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired\n })\n)\n\nexport const FORM_TABLE_EDITING_ITEM = PropTypes.shape({\n data: PropTypes.shape({}).isRequired,\n ui: PropTypes.shape({\n isNew: PropTypes.bool,\n index: PropTypes.number.isRequired,\n fieldsPath: PropTypes.string.isRequired\n }).isRequired,\n [PropTypes.string]: PropTypes.any\n})\n\nexport const SORT_PROPS = PropTypes.shape({\n selectedColumnName: PropTypes.string.isRequired,\n getSortingIcon: PropTypes.func.isRequired,\n sortTable: PropTypes.func.isRequired\n})\n\nexport const ALLOW_SORT_BY = PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.arrayOf(PropTypes.string, PropTypes.number)\n])\n\nexport const DEFAULT_SORT_BY = PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n\nexport const EXCLUDE_SORT_BY = PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.arrayOf(PropTypes.string, PropTypes.number)\n])\n\nexport const DENSITY = PropTypes.oneOf(['dense', 'normal', 'medium', 'chunky'])\n\nexport const VIRTUALIZATION_CONFIG = PropTypes.shape({\n startIndex: PropTypes.number.isRequired,\n endIndex: PropTypes.number.isRequired,\n tableBodyPaddingTop: PropTypes.number.isRequired\n})\n\nexport const SLIDER_TABS = PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n tip: PropTypes.string,\n hidden: PropTypes.bool\n })\n)\n\nexport const DETAILS_MENU = PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n hidden: PropTypes.bool\n })\n)\n\nexport const ACTION_BUTTON = PropTypes.shape({\n disabled: PropTypes.bool,\n hidden: PropTypes.bool,\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired,\n tooltip: PropTypes.string,\n variant: PropTypes.string\n})\n\nconst ACTIONS_MENU_ITEM = PropTypes.shape({\n label: PropTypes.string.isRequired,\n icon: PropTypes.object,\n onClick: PropTypes.func.isRequired,\n disabled: PropTypes.bool,\n className: PropTypes.string\n})\n\nexport const ACTIONS_MENU = PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.arrayOf(ACTIONS_MENU_ITEM.isRequired)),\n PropTypes.func\n])\n"],"names":["BUTTON_VARIANTS","PropTypes","DANGER_BUTTON","LABEL_BUTTON","PRIMARY_BUTTON","SECONDARY_BUTTON","TERTIARY_BUTTON","CHIP","CHIP_INPUT_LIST","DENSITY_OPTIONS","DENSITY_DENSE","DENSITY_NORMAL","DENSITY_MEDIUM","DENSITY_CHUNKY","CHIP_OPTIONS","CHIPS","POP_UP_CUSTOM_POSITION","MODAL_SIZES","MODAL_SM","MODAL_MD","MODAL_LG","MODAL_MIN","MODAL_MAX","CONFIRM_DIALOG_CANCEL_BUTTON","CONFIRM_DIALOG_MESSAGE","CONFIRM_DIALOG_SUBMIT_BUTTON","WIZARD_STEPS_CONFIG","INPUT_LINK","SELECT_OPTION","SELECT_OPTIONS","INPUT_VALIDATION_RULES","COMBOBOX_SUGGESTION_LIST","COMBOBOX_VALIDATION_RULES","COMBOBOX_SELECT_OPTIONS","FORM_TABLE_EDITING_ITEM","SORT_PROPS","ALLOW_SORT_BY","DEFAULT_SORT_BY","EXCLUDE_SORT_BY","DENSITY","VIRTUALIZATION_CONFIG","SLIDER_TABS","DETAILS_MENU","ACTION_BUTTON","ACTIONS_MENU_ITEM","ACTIONS_MENU"],"mappings":"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"}
1
+ {"version":3,"file":"types.mjs","sources":["../src/lib/types.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 PropTypes from 'prop-types'\n\nimport {\n DANGER_BUTTON,\n DENSITY_CHUNKY,\n DENSITY_DENSE,\n DENSITY_MEDIUM,\n DENSITY_NORMAL,\n LABEL_BUTTON,\n MODAL_LG,\n MODAL_MAX,\n MODAL_MD,\n MODAL_MIN,\n MODAL_SM,\n PRIMARY_BUTTON,\n SECONDARY_BUTTON,\n TERTIARY_BUTTON\n} from './constants'\n\nexport const BUTTON_VARIANTS = PropTypes.oneOf([\n DANGER_BUTTON,\n LABEL_BUTTON,\n PRIMARY_BUTTON,\n SECONDARY_BUTTON,\n TERTIARY_BUTTON\n])\n\nexport const CHIP = PropTypes.shape({\n delimiter: PropTypes.element,\n id: PropTypes.string,\n value: PropTypes.string.isRequired\n})\n\nexport const CHIP_INPUT_LIST = PropTypes.arrayOf(\n PropTypes.shape({\n disabled: PropTypes.bool,\n icon: PropTypes.element,\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n subLabel: PropTypes.string,\n ui: PropTypes.shape({})\n })\n)\n\nexport const DENSITY_OPTIONS = PropTypes.oneOf([\n DENSITY_DENSE,\n DENSITY_NORMAL,\n DENSITY_MEDIUM,\n DENSITY_CHUNKY\n])\n\nexport const CHIP_OPTIONS = PropTypes.shape({\n background: PropTypes.oneOf([\n 'amethyst',\n 'green',\n 'grey',\n 'java',\n 'none',\n 'orange',\n 'purple',\n 'sorbus'\n ]),\n boldValue: PropTypes.bool,\n borderColor: PropTypes.oneOf(['transparent', 'orange', 'green', 'purple', 'grey']),\n density: DENSITY_OPTIONS,\n font: PropTypes.oneOf(['primary', 'white', 'green', 'purple', 'orange']),\n borderRadius: PropTypes.oneOf(['primary', 'secondary'])\n})\n\nexport const CHIPS = PropTypes.arrayOf(CHIP)\n\nexport const VISIBLE_CHIPS_MAX_LENGTH = PropTypes.oneOfType([\n PropTypes.number,\n PropTypes.oneOf(['all'])\n])\n\nexport const POP_UP_CUSTOM_POSITION = PropTypes.shape({\n element: PropTypes.shape({}),\n position: PropTypes.oneOf(['top-left', 'top-right', 'bottom-left', 'bottom-right']),\n autoHorizontalPosition: PropTypes.bool,\n autoVerticalPosition: PropTypes.bool\n})\n\nexport const MODAL_SIZES = PropTypes.oneOf([MODAL_SM, MODAL_MD, MODAL_LG, MODAL_MIN, MODAL_MAX])\n\nexport const CONFIRM_DIALOG_CANCEL_BUTTON = PropTypes.shape({\n handler: PropTypes.func,\n label: PropTypes.string.isRequired,\n variant: PropTypes.string.isRequired\n})\nexport const CONFIRM_DIALOG_MESSAGE = PropTypes.oneOfType([PropTypes.element, PropTypes.string])\nexport const CONFIRM_DIALOG_SUBMIT_BUTTON = PropTypes.shape({\n handler: PropTypes.func.isRequired,\n label: PropTypes.string.isRequired,\n variant: PropTypes.string.isRequired\n})\n\nexport const WIZARD_STEPS_CONFIG = PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n hidden: PropTypes.bool,\n disabled: PropTypes.bool,\n nextIsDisabled: PropTypes.bool\n })\n)\n\nexport const INPUT_LINK = PropTypes.shape({\n show: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),\n url: PropTypes.string\n})\n\nexport const SELECT_OPTION = PropTypes.shape({\n disabled: PropTypes.bool,\n hidden: PropTypes.bool,\n icon: PropTypes.element,\n id: PropTypes.string.isRequired,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]).isRequired,\n labelHtml: PropTypes.string,\n status: PropTypes.string,\n subLabel: PropTypes.string\n})\n\nexport const SELECT_OPTIONS = PropTypes.arrayOf(SELECT_OPTION)\n\nexport const INPUT_VALIDATION_RULES = PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n pattern: PropTypes.oneOfType([PropTypes.instanceOf(RegExp), PropTypes.func]).isRequired,\n isValid: PropTypes.bool\n })\n)\n\nexport const COMBOBOX_SUGGESTION_LIST = PropTypes.arrayOf(\n PropTypes.shape({\n customDelimiter: PropTypes.string,\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired\n })\n)\n\nexport const COMBOBOX_VALIDATION_RULES = PropTypes.arrayOf(\n PropTypes.shape({\n name: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n isValid: PropTypes.bool\n })\n)\n\nexport const COMBOBOX_SELECT_OPTIONS = PropTypes.arrayOf(\n PropTypes.shape({\n className: PropTypes.string,\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired\n })\n)\n\nexport const FORM_TABLE_EDITING_ITEM = PropTypes.shape({\n data: PropTypes.shape({}).isRequired,\n ui: PropTypes.shape({\n isNew: PropTypes.bool,\n index: PropTypes.number.isRequired,\n fieldsPath: PropTypes.string.isRequired\n }).isRequired,\n [PropTypes.string]: PropTypes.any\n})\n\nexport const SORT_PROPS = PropTypes.shape({\n selectedColumnName: PropTypes.string.isRequired,\n getSortingIcon: PropTypes.func.isRequired,\n sortTable: PropTypes.func.isRequired\n})\n\nexport const ALLOW_SORT_BY = PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.arrayOf(PropTypes.string, PropTypes.number)\n])\n\nexport const DEFAULT_SORT_BY = PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n\nexport const EXCLUDE_SORT_BY = PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n PropTypes.arrayOf(PropTypes.string, PropTypes.number)\n])\n\nexport const DENSITY = PropTypes.oneOf(['dense', 'normal', 'medium', 'chunky'])\n\nexport const VIRTUALIZATION_CONFIG = PropTypes.shape({\n startIndex: PropTypes.number.isRequired,\n endIndex: PropTypes.number.isRequired,\n tableBodyPaddingTop: PropTypes.number.isRequired\n})\n\nexport const SLIDER_TABS = PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n tip: PropTypes.string,\n hidden: PropTypes.bool\n })\n)\n\nexport const DETAILS_MENU = PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string.isRequired,\n label: PropTypes.string.isRequired,\n hidden: PropTypes.bool\n })\n)\n\nexport const ACTION_BUTTON = PropTypes.shape({\n disabled: PropTypes.bool,\n hidden: PropTypes.bool,\n label: PropTypes.string.isRequired,\n onClick: PropTypes.func.isRequired,\n tooltip: PropTypes.string,\n variant: PropTypes.string\n})\n\nconst ACTIONS_MENU_ITEM = PropTypes.shape({\n label: PropTypes.string.isRequired,\n icon: PropTypes.object,\n onClick: PropTypes.func.isRequired,\n disabled: PropTypes.bool,\n className: PropTypes.string\n})\n\nexport const ACTIONS_MENU = PropTypes.oneOfType([\n PropTypes.arrayOf(PropTypes.arrayOf(ACTIONS_MENU_ITEM.isRequired)),\n PropTypes.func\n])\n"],"names":["BUTTON_VARIANTS","PropTypes","DANGER_BUTTON","LABEL_BUTTON","PRIMARY_BUTTON","SECONDARY_BUTTON","TERTIARY_BUTTON","CHIP","CHIP_INPUT_LIST","DENSITY_OPTIONS","DENSITY_DENSE","DENSITY_NORMAL","DENSITY_MEDIUM","DENSITY_CHUNKY","CHIP_OPTIONS","CHIPS","VISIBLE_CHIPS_MAX_LENGTH","POP_UP_CUSTOM_POSITION","MODAL_SIZES","MODAL_SM","MODAL_MD","MODAL_LG","MODAL_MIN","MODAL_MAX","CONFIRM_DIALOG_CANCEL_BUTTON","CONFIRM_DIALOG_MESSAGE","CONFIRM_DIALOG_SUBMIT_BUTTON","WIZARD_STEPS_CONFIG","INPUT_LINK","SELECT_OPTION","SELECT_OPTIONS","INPUT_VALIDATION_RULES","COMBOBOX_SUGGESTION_LIST","COMBOBOX_VALIDATION_RULES","COMBOBOX_SELECT_OPTIONS","FORM_TABLE_EDITING_ITEM","SORT_PROPS","ALLOW_SORT_BY","DEFAULT_SORT_BY","EXCLUDE_SORT_BY","DENSITY","VIRTUALIZATION_CONFIG","SLIDER_TABS","DETAILS_MENU","ACTION_BUTTON","ACTIONS_MENU_ITEM","ACTIONS_MENU"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "iguazio.dashboard-react-controls",
3
- "version": "3.2.1",
3
+ "version": "3.2.3",
4
4
  "description": "Collection of resources (such as CSS styles, fonts and images) and ReactJS 17.x components to share among different Iguazio React repos.",
5
5
  "module": "./dist/index.mjs",
6
6
  "main": "./dist/index.mjs",
@@ -1,3 +0,0 @@
1
- declare const _default: any;
2
- export default _default;
3
- //# sourceMappingURL=Chip.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Chip/Chip.jsx"],"names":[],"mappings":""}