iguazio.dashboard-react-controls 3.2.4 → 3.2.5

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 (81) hide show
  1. package/dist/components/ActionsMenu/ActionsMenu.mjs.map +1 -1
  2. package/dist/components/Backdrop/Backdrop.mjs.map +1 -1
  3. package/dist/components/BlockerSpy/BlockerSpy.mjs.map +1 -1
  4. package/dist/components/Button/Button.mjs.map +1 -1
  5. package/dist/components/ConfirmDialog/ConfirmDialog.mjs.map +1 -1
  6. package/dist/components/CopyToClipboard/CopyToClipboard.mjs.map +1 -1
  7. package/dist/components/ErrorMessage/ErrorMessage.mjs.map +1 -1
  8. package/dist/components/FormCheckBox/FormCheckBox.mjs.map +1 -1
  9. package/dist/components/FormChipCell/FormChip/FormChip.mjs.map +1 -1
  10. package/dist/components/FormChipCell/FormChipCell.mjs.map +1 -1
  11. package/dist/components/FormChipCell/FormChipCellView.mjs.map +1 -1
  12. package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.mjs.map +1 -1
  13. package/dist/components/FormChipCell/NewChipForm/NewChipForm.mjs +54 -54
  14. package/dist/components/FormChipCell/NewChipForm/NewChipForm.mjs.map +1 -1
  15. package/dist/components/FormChipCell/NewChipInput/NewChipInput.mjs.map +1 -1
  16. package/dist/components/FormChipCell/formChipCell.util.mjs.map +1 -1
  17. package/dist/components/FormCombobox/FormCombobox.mjs.map +1 -1
  18. package/dist/components/FormInput/FormInput.mjs.map +1 -1
  19. package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.mjs.map +1 -1
  20. package/dist/components/FormKeyValueTable/FormKeyValueTable.mjs.map +1 -1
  21. package/dist/components/FormOnChange/FormOnChange.mjs.map +1 -1
  22. package/dist/components/FormRadio/FormRadio.mjs +2 -2
  23. package/dist/components/FormRadio/FormRadio.mjs.map +1 -1
  24. package/dist/components/FormSelect/FormSelect.mjs.map +1 -1
  25. package/dist/components/FormTextarea/FormTextarea.mjs +5 -5
  26. package/dist/components/FormTextarea/FormTextarea.mjs.map +1 -1
  27. package/dist/components/FormToggle/FormToggle.mjs.map +1 -1
  28. package/dist/components/LoadButton/LoadButton.mjs.map +1 -1
  29. package/dist/components/Loader/Loader.mjs.map +1 -1
  30. package/dist/components/Loader/LoaderForSuspenseFallback.mjs +2 -2
  31. package/dist/components/Loader/LoaderForSuspenseFallback.mjs.map +1 -1
  32. package/dist/components/Modal/Modal.mjs.map +1 -1
  33. package/dist/components/PopUpDialog/PopUpDialog.mjs.map +1 -1
  34. package/dist/components/ReadOnlyChips/ReadOnlyChips.mjs.map +1 -1
  35. package/dist/components/RoundedIcon/RoundedIcon.mjs.map +1 -1
  36. package/dist/components/TableCell/TableCell.mjs.map +1 -1
  37. package/dist/components/TabsSlider/TabsSlider.mjs.map +1 -1
  38. package/dist/components/Tip/Tip.mjs.map +1 -1
  39. package/dist/components/Tooltip/Tooltip.mjs.map +1 -1
  40. package/dist/components/TooltipTemplate/TextTooltipTemplate.mjs.map +1 -1
  41. package/dist/components/Wizard/Wizard.mjs.map +1 -1
  42. package/dist/components/Wizard/WizardSteps/WizardSteps.mjs.map +1 -1
  43. package/dist/constants.mjs.map +1 -1
  44. package/dist/elements/ActionsMenuItem/ActionsMenuItem.mjs.map +1 -1
  45. package/dist/elements/FormActionButton/FormActionButton.mjs.map +1 -1
  46. package/dist/elements/FormRowActions/FormRowActions.mjs.map +1 -1
  47. package/dist/elements/OptionsMenu/OptionsMenu.mjs.map +1 -1
  48. package/dist/elements/SelectOption/SelectOption.mjs.map +1 -1
  49. package/dist/elements/TableHead/TableHead.mjs.map +1 -1
  50. package/dist/elements/TableLinkCell/TableLinkCell.mjs.map +1 -1
  51. package/dist/elements/TableTypeCell/TableTypeCell.mjs.map +1 -1
  52. package/dist/elements/ValidationTemplate/ValidationTemplate.mjs.map +1 -1
  53. package/dist/hooks/useChipCell.hook.mjs +34 -34
  54. package/dist/hooks/useChipCell.hook.mjs.map +1 -1
  55. package/dist/hooks/useDebounce.hook.mjs.map +1 -1
  56. package/dist/hooks/useDetails.hook.mjs.map +1 -1
  57. package/dist/hooks/useDetailsHeader.hook.mjs.map +1 -1
  58. package/dist/hooks/useDetectOutsideClick.hook.mjs.map +1 -1
  59. package/dist/hooks/useFormTable.hook.mjs.map +1 -1
  60. package/dist/hooks/useHiddenChipsBlock.hook.mjs.map +1 -1
  61. package/dist/hooks/useTable.hook.mjs.map +1 -1
  62. package/dist/images/back-arrow.svg.mjs.map +1 -1
  63. package/dist/images/history.svg.mjs.map +1 -1
  64. package/dist/images/ml-enlarge.svg.mjs.map +1 -1
  65. package/dist/images/popout.svg.mjs.map +1 -1
  66. package/dist/images/question-mark.svg.mjs.map +1 -1
  67. package/dist/images/warning.svg.mjs.map +1 -1
  68. package/dist/index.css +1 -1
  69. package/dist/reducers/commonDetailsReducer.mjs.map +1 -1
  70. package/dist/reducers/notificationReducer.mjs.map +1 -1
  71. package/dist/types.mjs.map +1 -1
  72. package/dist/utils/chips.util.mjs.map +1 -1
  73. package/dist/utils/common.util.mjs.map +1 -1
  74. package/dist/utils/datetime.util.mjs.map +1 -1
  75. package/dist/utils/filter.util.mjs.map +1 -1
  76. package/dist/utils/form.util.mjs.map +1 -1
  77. package/dist/utils/generateChipsList.util.mjs.map +1 -1
  78. package/dist/utils/notification.util.mjs.map +1 -1
  79. package/dist/utils/string.util.mjs.map +1 -1
  80. package/dist/utils/validation.util.mjs.map +1 -1
  81. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"useFormTable.hook.mjs","sources":["../../src/lib/hooks/useFormTable.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 { useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { get, omit } from 'lodash'\nimport { ARRAY_ERROR } from 'final-form'\n\nexport const useFormTable = (formState, exitEditModeTriggerItem, onExitEditModeCallback) => {\n // `editingItem` should contain the `data` object with all fields that are used in the `formState`.\n // Properties that aren't used in the `formState` should be placed directly in the `editingItem` object\n // `editingItem` also has an `ui` property which is used internally in this hook\n //\n // e.g.\n // editingItem = {\n // data: {\n // <fieldName>: <fieldValue>,\n // <fieldName2>: <fieldValue2>\n // },\n // <anotherProperty>: <anotherPropertyValue>\n // ui: {\n // isNew: <true|false>, // `true` if we are creating a new row, if we are editing it's `false`\n // fieldsPath: <\"the.path\">, // the path where table data is placed in the `formState`\n // index: <0|1|...> // index of the editing row\n // }\n // }\n const [editingItem, setEditingItem] = useState(null)\n const editingItemRef = useRef(null)\n const editingItemErrorsRef = useRef(null)\n const formStateRef = useRef(null)\n const bottomScrollRef = useRef(null)\n const onExitEditModeCallbackRef = useRef(onExitEditModeCallback)\n\n useLayoutEffect(() => {\n const tableErrors = get(formState?.errors, editingItem?.ui.fieldsPath, [])\n editingItemErrorsRef.current = get(tableErrors, editingItem?.ui.index, null)\n }, [editingItem?.ui.fieldsPath, editingItem?.ui.index, formState?.errors])\n\n useLayoutEffect(() => {\n formStateRef.current = formState\n }, [formState])\n\n useLayoutEffect(() => {\n onExitEditModeCallbackRef.current = onExitEditModeCallback\n }, [onExitEditModeCallback])\n\n const exitEditMode = () => {\n if (editingItemRef.current?.data) {\n Object.entries(editingItemRef.current?.data).forEach(([fieldName]) => {\n formStateRef.current?.form.mutators.setFieldState(\n `${editingItemRef.current?.ui.fieldsPath}[${editingItemRef.current?.ui.index}].data.${fieldName}`,\n {\n modified: false\n }\n )\n })\n }\n\n editingItemRef.current = null\n setEditingItem(null)\n onExitEditModeCallbackRef?.current && onExitEditModeCallbackRef.current()\n }\n\n useEffect(() => {\n const applyOrDiscardOrDeleteInEffect = () => {\n if (editingItemRef?.current) {\n if (!editingItemErrorsRef.current) {\n exitEditMode()\n } else {\n if (editingItemRef.current?.ui?.isNew) {\n const values = get(formStateRef.current.values, editingItemRef.current?.ui.fieldsPath)\n\n if (values?.length > 1) {\n formStateRef.current.form.mutators.remove(\n editingItemRef.current?.ui.fieldsPath,\n editingItemRef.current?.ui.index\n )\n } else {\n formStateRef.current.form.change(editingItemRef.current?.ui.fieldsPath, [])\n }\n } else {\n formStateRef.current.form.mutators.update(\n editingItemRef.current?.ui.fieldsPath,\n editingItemRef.current?.ui.index,\n omit(editingItemRef.current, ['ui'])\n )\n }\n\n exitEditMode()\n }\n }\n }\n\n return () => {\n applyOrDiscardOrDeleteInEffect()\n }\n }, [exitEditModeTriggerItem])\n\n const addNewRow = (event, fields, fieldsPath, newItem) => {\n applyOrDiscardOrDelete(event)\n formStateRef.current.form.mutators.push(fieldsPath, newItem)\n setEditingItem(() => {\n const newEditingItem = {\n ...newItem,\n ui: {\n isNew: true,\n fieldsPath,\n index: fields.value?.length || 0\n }\n }\n editingItemRef.current = newEditingItem\n\n return newEditingItem\n })\n\n scrollIntoView()\n }\n\n const applyChanges = (event, index) => {\n if (editingItemRef.current) {\n if (!editingItemErrorsRef.current) {\n if (editingItemRef.current?.ui.isNew) {\n scrollIntoView()\n }\n\n exitEditMode()\n } else {\n // Mark all empty fields as `modified` in order to highlight the error if the field is invalid\n Object.entries(editingItemErrorsRef.current?.data).forEach(([fieldName]) => {\n formStateRef.current?.form.mutators.setFieldState(\n `${editingItemRef.current?.ui.fieldsPath}[${index}].data.${fieldName}`,\n {\n modified: true\n }\n )\n })\n }\n }\n }\n\n const deleteRow = (event, fieldsPath, index) => {\n if (editingItemRef.current && index !== editingItemRef.current.ui.index) {\n applyOrDiscardOrDelete(event)\n }\n\n const values = get(formStateRef.current.values, fieldsPath)\n\n if (values?.length > 1) {\n formStateRef.current.form.mutators.remove(fieldsPath, index)\n } else {\n formStateRef.current.form.change(fieldsPath, [])\n }\n\n exitEditMode()\n event && event.stopPropagation()\n }\n\n const discardChanges = (event, fieldsPath, index) => {\n formStateRef.current.form.mutators.update(\n fieldsPath,\n index,\n omit(editingItemRef.current, ['ui'])\n )\n exitEditMode()\n event && event.stopPropagation()\n }\n\n const discardOrDelete = (event, fieldsPath, index) => {\n if (!editingItemRef.current || editingItemRef.current?.ui?.isNew) {\n deleteRow(event, fieldsPath, index)\n } else {\n discardChanges(event, fieldsPath, index)\n }\n }\n\n const applyOrDiscardOrDelete = (event = null) => {\n if (editingItemRef?.current) {\n if (!editingItemErrorsRef.current) {\n applyChanges(event, editingItemRef.current?.ui.index)\n } else {\n discardOrDelete(\n event,\n editingItemRef.current?.ui.fieldsPath,\n editingItemRef.current?.ui.index\n )\n }\n }\n }\n\n const enterEditMode = (event, fields, fieldsPath, index) => {\n applyOrDiscardOrDelete(event)\n\n setTimeout(() => {\n const editItem = fields.value[index]\n\n setEditingItem(() => {\n const newEditingItem = { ...editItem, ui: { fieldsPath, index } }\n editingItemRef.current = newEditingItem\n\n return newEditingItem\n })\n })\n }\n\n const scrollIntoView = () => {\n if (bottomScrollRef.current) {\n setTimeout(() => {\n bottomScrollRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' })\n })\n }\n }\n\n const isCurrentRowEditing = rowPath => {\n return (\n editingItemRef?.current &&\n `${editingItemRef.current.ui.fieldsPath}[${editingItemRef.current.ui.index}]` === rowPath\n )\n }\n\n const getTableArrayErrors = fieldsPath => {\n if (formState.submitFailed && formState.invalid) {\n return get(formState, `errors.${fieldsPath}.${ARRAY_ERROR}`, [])\n } else {\n return []\n }\n }\n\n return {\n addNewRow,\n applyChanges,\n applyOrDiscardOrDelete,\n bottomScrollRef,\n deleteRow,\n discardChanges,\n discardOrDelete,\n editingItem,\n editingItemRef,\n enterEditMode,\n exitEditMode,\n getTableArrayErrors,\n isCurrentRowEditing\n }\n}\n"],"names":["useFormTable","formState","exitEditModeTriggerItem","onExitEditModeCallback","editingItem","setEditingItem","useState","editingItemRef","useRef","editingItemErrorsRef","formStateRef","bottomScrollRef","onExitEditModeCallbackRef","useLayoutEffect","tableErrors","get","exitEditMode","_a","_b","fieldName","_c","useEffect","applyOrDiscardOrDeleteInEffect","values","_d","_e","_f","_g","_h","omit","addNewRow","event","fields","fieldsPath","newItem","applyOrDiscardOrDelete","newEditingItem","scrollIntoView","applyChanges","index","deleteRow","discardChanges","discardOrDelete","enterEditMode","editItem","ARRAY_ERROR","rowPath"],"mappings":"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"}
1
+ {"version":3,"file":"useFormTable.hook.mjs","sources":["../../src/lib/hooks/useFormTable.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 { useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { get, omit } from 'lodash'\nimport { ARRAY_ERROR } from 'final-form'\n\nexport const useFormTable = (formState, exitEditModeTriggerItem, onExitEditModeCallback) => {\n // `editingItem` should contain the `data` object with all fields that are used in the `formState`.\n // Properties that aren't used in the `formState` should be placed directly in the `editingItem` object\n // `editingItem` also has an `ui` property which is used internally in this hook\n //\n // e.g.\n // editingItem = {\n // data: {\n // <fieldName>: <fieldValue>,\n // <fieldName2>: <fieldValue2>\n // },\n // <anotherProperty>: <anotherPropertyValue>\n // ui: {\n // isNew: <true|false>, // `true` if we are creating a new row, if we are editing it's `false`\n // fieldsPath: <\"the.path\">, // the path where table data is placed in the `formState`\n // index: <0|1|...> // index of the editing row\n // }\n // }\n const [editingItem, setEditingItem] = useState(null)\n const editingItemRef = useRef(null)\n const editingItemErrorsRef = useRef(null)\n const formStateRef = useRef(null)\n const bottomScrollRef = useRef(null)\n const onExitEditModeCallbackRef = useRef(onExitEditModeCallback)\n\n useLayoutEffect(() => {\n const tableErrors = get(formState?.errors, editingItem?.ui.fieldsPath, [])\n editingItemErrorsRef.current = get(tableErrors, editingItem?.ui.index, null)\n }, [editingItem?.ui.fieldsPath, editingItem?.ui.index, formState?.errors])\n\n useLayoutEffect(() => {\n formStateRef.current = formState\n }, [formState])\n\n useLayoutEffect(() => {\n onExitEditModeCallbackRef.current = onExitEditModeCallback\n }, [onExitEditModeCallback])\n\n const exitEditMode = () => {\n if (editingItemRef.current?.data) {\n Object.entries(editingItemRef.current?.data).forEach(([fieldName]) => {\n formStateRef.current?.form.mutators.setFieldState(\n `${editingItemRef.current?.ui.fieldsPath}[${editingItemRef.current?.ui.index}].data.${fieldName}`,\n {\n modified: false\n }\n )\n })\n }\n\n editingItemRef.current = null\n setEditingItem(null)\n onExitEditModeCallbackRef?.current && onExitEditModeCallbackRef.current()\n }\n\n useEffect(() => {\n const applyOrDiscardOrDeleteInEffect = () => {\n if (editingItemRef?.current) {\n if (!editingItemErrorsRef.current) {\n exitEditMode()\n } else {\n if (editingItemRef.current?.ui?.isNew) {\n const values = get(formStateRef.current.values, editingItemRef.current?.ui.fieldsPath)\n\n if (values?.length > 1) {\n formStateRef.current.form.mutators.remove(\n editingItemRef.current?.ui.fieldsPath,\n editingItemRef.current?.ui.index\n )\n } else {\n formStateRef.current.form.change(editingItemRef.current?.ui.fieldsPath, [])\n }\n } else {\n formStateRef.current.form.mutators.update(\n editingItemRef.current?.ui.fieldsPath,\n editingItemRef.current?.ui.index,\n omit(editingItemRef.current, ['ui'])\n )\n }\n\n exitEditMode()\n }\n }\n }\n\n return () => {\n applyOrDiscardOrDeleteInEffect()\n }\n }, [exitEditModeTriggerItem])\n\n const addNewRow = (event, fields, fieldsPath, newItem) => {\n applyOrDiscardOrDelete(event)\n formStateRef.current.form.mutators.push(fieldsPath, newItem)\n setEditingItem(() => {\n const newEditingItem = {\n ...newItem,\n ui: {\n isNew: true,\n fieldsPath,\n index: fields.value?.length || 0\n }\n }\n editingItemRef.current = newEditingItem\n\n return newEditingItem\n })\n\n scrollIntoView()\n }\n\n const applyChanges = (event, index) => {\n if (editingItemRef.current) {\n if (!editingItemErrorsRef.current) {\n if (editingItemRef.current?.ui.isNew) {\n scrollIntoView()\n }\n\n exitEditMode()\n } else {\n // Mark all empty fields as `modified` in order to highlight the error if the field is invalid\n Object.entries(editingItemErrorsRef.current?.data).forEach(([fieldName]) => {\n formStateRef.current?.form.mutators.setFieldState(\n `${editingItemRef.current?.ui.fieldsPath}[${index}].data.${fieldName}`,\n {\n modified: true\n }\n )\n })\n }\n }\n }\n\n const deleteRow = (event, fieldsPath, index) => {\n if (editingItemRef.current && index !== editingItemRef.current.ui.index) {\n applyOrDiscardOrDelete(event)\n }\n\n const values = get(formStateRef.current.values, fieldsPath)\n\n if (values?.length > 1) {\n formStateRef.current.form.mutators.remove(fieldsPath, index)\n } else {\n formStateRef.current.form.change(fieldsPath, [])\n }\n\n exitEditMode()\n event && event.stopPropagation()\n }\n\n const discardChanges = (event, fieldsPath, index) => {\n formStateRef.current.form.mutators.update(\n fieldsPath,\n index,\n omit(editingItemRef.current, ['ui'])\n )\n exitEditMode()\n event && event.stopPropagation()\n }\n\n const discardOrDelete = (event, fieldsPath, index) => {\n if (!editingItemRef.current || editingItemRef.current?.ui?.isNew) {\n deleteRow(event, fieldsPath, index)\n } else {\n discardChanges(event, fieldsPath, index)\n }\n }\n\n const applyOrDiscardOrDelete = (event = null) => {\n if (editingItemRef?.current) {\n if (!editingItemErrorsRef.current) {\n applyChanges(event, editingItemRef.current?.ui.index)\n } else {\n discardOrDelete(\n event,\n editingItemRef.current?.ui.fieldsPath,\n editingItemRef.current?.ui.index\n )\n }\n }\n }\n\n const enterEditMode = (event, fields, fieldsPath, index) => {\n applyOrDiscardOrDelete(event)\n\n setTimeout(() => {\n const editItem = fields.value[index]\n\n setEditingItem(() => {\n const newEditingItem = { ...editItem, ui: { fieldsPath, index } }\n editingItemRef.current = newEditingItem\n\n return newEditingItem\n })\n })\n }\n\n const scrollIntoView = () => {\n if (bottomScrollRef.current) {\n setTimeout(() => {\n bottomScrollRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' })\n })\n }\n }\n\n const isCurrentRowEditing = rowPath => {\n return (\n editingItemRef?.current &&\n `${editingItemRef.current.ui.fieldsPath}[${editingItemRef.current.ui.index}]` === rowPath\n )\n }\n\n const getTableArrayErrors = fieldsPath => {\n if (formState.submitFailed && formState.invalid) {\n return get(formState, `errors.${fieldsPath}.${ARRAY_ERROR}`, [])\n } else {\n return []\n }\n }\n\n return {\n addNewRow,\n applyChanges,\n applyOrDiscardOrDelete,\n bottomScrollRef,\n deleteRow,\n discardChanges,\n discardOrDelete,\n editingItem,\n editingItemRef,\n enterEditMode,\n exitEditMode,\n getTableArrayErrors,\n isCurrentRowEditing\n }\n}\n"],"names":["useFormTable","formState","exitEditModeTriggerItem","onExitEditModeCallback","editingItem","setEditingItem","useState","editingItemRef","useRef","editingItemErrorsRef","formStateRef","bottomScrollRef","onExitEditModeCallbackRef","useLayoutEffect","tableErrors","get","exitEditMode","_a","_b","fieldName","_c","useEffect","applyOrDiscardOrDeleteInEffect","values","_d","_e","_f","_g","_h","omit","addNewRow","event","fields","fieldsPath","newItem","applyOrDiscardOrDelete","newEditingItem","scrollIntoView","applyChanges","index","deleteRow","discardChanges","discardOrDelete","enterEditMode","editItem","ARRAY_ERROR","rowPath"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"useHiddenChipsBlock.hook.mjs","sources":["../../src/lib/hooks/useHiddenChipsBlock.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, useState } from 'react'\nimport classnames from 'classnames'\n\nimport { getTransitionEndEventName } from '../utils/common.util'\n\nexport const useHiddenChipsBlock = (hiddenChipsCounterRef, hiddenChipsPopUpRef) => {\n const [isTop, setIsTop] = useState(false)\n const [isLeft, setIsLeft] = useState(false)\n const [isVisible, setIsVisible] = useState(false)\n const transitionEndEventName = useMemo(() => getTransitionEndEventName(), [])\n\n const hiddenChipsBlockClassNames = classnames(\n 'chip-block-hidden',\n isTop ? 'chip-block-hidden_top' : 'chip-block-hidden_bottom',\n isLeft ? 'chip-block-hidden_left' : 'chip-block-hidden_right',\n isVisible && 'chip-block-hidden_visible'\n )\n\n const resizePopUp = useCallback(() => {\n if (hiddenChipsPopUpRef?.current && hiddenChipsCounterRef?.current) {\n const offset = 10\n const offsetMargin = 20\n const elementRect = hiddenChipsCounterRef.current.getBoundingClientRect()\n\n // Calculate the distance from the right edge of the window to the element's right edge\n const elementRectRight = Math.floor(window.innerWidth - elementRect.left - elementRect.width)\n\n // Calculate the distance from the bottom edge of the window to the element's bottom edge\n const elementRectBottom = Math.floor(\n window.innerHeight - elementRect.top - elementRect.height\n )\n let isLeftPosition = false\n let isTopPosition = false\n hiddenChipsPopUpRef.current.style.maxWidth = '100%'\n hiddenChipsPopUpRef.current.style.maxHeight = '100%'\n\n // Determine if the left position is preferred based on the element's position and available width\n if (elementRect.left > hiddenChipsPopUpRef.current.clientWidth) {\n isLeftPosition = true\n } else if (elementRectRight > hiddenChipsPopUpRef.current.clientWidth) {\n isLeftPosition = false\n } else {\n // Compare elementRect.left and elementRectRight to choose the larger value as the max width\n isLeftPosition = elementRect.left > elementRectRight\n const popUpMaxWidth = Math.max(elementRect.left, elementRectRight)\n hiddenChipsPopUpRef.current.style.maxWidth = `${popUpMaxWidth}px`\n }\n\n hiddenChipsPopUpRef.current.style.right = isLeftPosition ? `${elementRectRight}px` : 'unset'\n hiddenChipsPopUpRef.current.style.left = isLeftPosition ? 'unset' : `${elementRect.left}px`\n\n // Determine if the top position is preferred based on the element's position and available height\n if (elementRect.top > hiddenChipsPopUpRef.current.clientHeight + offset + offsetMargin) {\n isTopPosition = true\n } else if (\n elementRectBottom >\n hiddenChipsPopUpRef.current.clientHeight + offset + offsetMargin\n ) {\n isTopPosition = false\n } else {\n // Compare elementRect.top and elementRectBottom to choose the larger value as the max height\n isTopPosition = elementRect.top > elementRectBottom + offset\n const popUpMaxHeight = Math.max(elementRect.top, elementRectBottom) - offset - offsetMargin\n hiddenChipsPopUpRef.current.style.maxHeight = `${popUpMaxHeight}px`\n }\n\n hiddenChipsPopUpRef.current.style.bottom = isTopPosition\n ? `${elementRectBottom + elementRect.height + offset}px`\n : 'unset'\n hiddenChipsPopUpRef.current.style.top = isTopPosition\n ? 'unset'\n : `${elementRect.bottom + offset}px`\n\n setIsTop(isTopPosition)\n setIsLeft(isLeftPosition)\n setIsVisible(true)\n }\n }, [hiddenChipsCounterRef, hiddenChipsPopUpRef])\n\n useEffect(() => {\n if (hiddenChipsPopUpRef?.current && hiddenChipsCounterRef?.current) {\n window.addEventListener('resize', resizePopUp)\n window.addEventListener(transitionEndEventName, resizePopUp)\n\n return () => {\n window.removeEventListener('resize', resizePopUp)\n window.removeEventListener(transitionEndEventName, resizePopUp)\n }\n }\n }, [hiddenChipsPopUpRef, hiddenChipsCounterRef, resizePopUp, transitionEndEventName])\n\n useEffect(() => {\n resizePopUp()\n }, [resizePopUp])\n\n return {\n hiddenChipsBlockClassNames\n }\n}\n"],"names":["useHiddenChipsBlock","hiddenChipsCounterRef","hiddenChipsPopUpRef","isTop","setIsTop","useState","isLeft","setIsLeft","isVisible","setIsVisible","transitionEndEventName","useMemo","getTransitionEndEventName","hiddenChipsBlockClassNames","classnames","resizePopUp","useCallback","elementRect","elementRectRight","elementRectBottom","isLeftPosition","isTopPosition","popUpMaxWidth","popUpMaxHeight","useEffect"],"mappings":";;;AAwBY,MAACA,IAAsB,CAACC,GAAuBC,MAAwB;AACjF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK,GAClC,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1CK,IAAyBC,EAAQ,MAAMC,EAA2B,GAAE,CAAE,CAAA,GAEtEC,IAA6BC;AAAA,IACjC;AAAA,IACAX,IAAQ,0BAA0B;AAAA,IAClCG,IAAS,2BAA2B;AAAA,IACpCE,KAAa;AAAA,EACjB,GAEQO,IAAcC,EAAY,MAAM;AACpC,QAAId,KAAA,QAAAA,EAAqB,YAAWD,KAAA,QAAAA,EAAuB,UAAS;AAGlE,YAAMgB,IAAchB,EAAsB,QAAQ,sBAAqB,GAGjEiB,IAAmB,KAAK,MAAM,OAAO,aAAaD,EAAY,OAAOA,EAAY,KAAK,GAGtFE,IAAoB,KAAK;AAAA,QAC7B,OAAO,cAAcF,EAAY,MAAMA,EAAY;AAAA,MAC3D;AACM,UAAIG,IAAiB,IACjBC,IAAgB;AAKpB,UAJAnB,EAAoB,QAAQ,MAAM,WAAW,QAC7CA,EAAoB,QAAQ,MAAM,YAAY,QAG1Ce,EAAY,OAAOf,EAAoB,QAAQ;AACjD,QAAAkB,IAAiB;AAAA,eACRF,IAAmBhB,EAAoB,QAAQ;AACxD,QAAAkB,IAAiB;AAAA,WACZ;AAEL,QAAAA,IAAiBH,EAAY,OAAOC;AACpC,cAAMI,IAAgB,KAAK,IAAIL,EAAY,MAAMC,CAAgB;AACjE,QAAAhB,EAAoB,QAAQ,MAAM,WAAW,GAAGoB,CAAa;AAAA,MACrE;AAMM,UAJApB,EAAoB,QAAQ,MAAM,QAAQkB,IAAiB,GAAGF,CAAgB,OAAO,SACrFhB,EAAoB,QAAQ,MAAM,OAAOkB,IAAiB,UAAU,GAAGH,EAAY,IAAI,MAGnFA,EAAY,MAAMf,EAAoB,QAAQ,eAAe,KAAS;AACxE,QAAAmB,IAAgB;AAAA,eAEhBF,IACAjB,EAAoB,QAAQ,eAAe,KAAS;AAEpD,QAAAmB,IAAgB;AAAA,WACX;AAEL,QAAAA,IAAgBJ,EAAY,MAAME,IAAoB;AACtD,cAAMI,IAAiB,KAAK,IAAIN,EAAY,KAAKE,CAAiB,IAAI,KAAS;AAC/E,QAAAjB,EAAoB,QAAQ,MAAM,YAAY,GAAGqB,CAAc;AAAA,MACvE;AAEM,MAAArB,EAAoB,QAAQ,MAAM,SAASmB,IACvC,GAAGF,IAAoBF,EAAY,SAAS,EAAM,OAClD,SACJf,EAAoB,QAAQ,MAAM,MAAMmB,IACpC,UACA,GAAGJ,EAAY,SAAS,EAAM,MAElCb,EAASiB,CAAa,GACtBd,EAAUa,CAAc,GACxBX,EAAa,EAAI;AAAA,IACvB;AAAA,EACA,GAAK,CAACR,GAAuBC,CAAmB,CAAC;AAE/C,SAAAsB,EAAU,MAAM;AACd,QAAItB,KAAA,QAAAA,EAAqB,YAAWD,KAAA,QAAAA,EAAuB;AACzD,oBAAO,iBAAiB,UAAUc,CAAW,GAC7C,OAAO,iBAAiBL,GAAwBK,CAAW,GAEpD,MAAM;AACX,eAAO,oBAAoB,UAAUA,CAAW,GAChD,OAAO,oBAAoBL,GAAwBK,CAAW;AAAA,MACtE;AAAA,EAEG,GAAE,CAACb,GAAqBD,GAAuBc,GAAaL,CAAsB,CAAC,GAEpFc,EAAU,MAAM;AACd,IAAAT,EAAW;AAAA,EACZ,GAAE,CAACA,CAAW,CAAC,GAET;AAAA,IACL,4BAAAF;AAAA,EACJ;AACA;"}
1
+ {"version":3,"file":"useHiddenChipsBlock.hook.mjs","sources":["../../src/lib/hooks/useHiddenChipsBlock.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, useState } from 'react'\nimport classnames from 'classnames'\n\nimport { getTransitionEndEventName } from '../utils/common.util'\n\nexport const useHiddenChipsBlock = (hiddenChipsCounterRef, hiddenChipsPopUpRef) => {\n const [isTop, setIsTop] = useState(false)\n const [isLeft, setIsLeft] = useState(false)\n const [isVisible, setIsVisible] = useState(false)\n const transitionEndEventName = useMemo(() => getTransitionEndEventName(), [])\n\n const hiddenChipsBlockClassNames = classnames(\n 'chip-block-hidden',\n isTop ? 'chip-block-hidden_top' : 'chip-block-hidden_bottom',\n isLeft ? 'chip-block-hidden_left' : 'chip-block-hidden_right',\n isVisible && 'chip-block-hidden_visible'\n )\n\n const resizePopUp = useCallback(() => {\n if (hiddenChipsPopUpRef?.current && hiddenChipsCounterRef?.current) {\n const offset = 10\n const offsetMargin = 20\n const elementRect = hiddenChipsCounterRef.current.getBoundingClientRect()\n\n // Calculate the distance from the right edge of the window to the element's right edge\n const elementRectRight = Math.floor(window.innerWidth - elementRect.left - elementRect.width)\n\n // Calculate the distance from the bottom edge of the window to the element's bottom edge\n const elementRectBottom = Math.floor(\n window.innerHeight - elementRect.top - elementRect.height\n )\n let isLeftPosition = false\n let isTopPosition = false\n hiddenChipsPopUpRef.current.style.maxWidth = '100%'\n hiddenChipsPopUpRef.current.style.maxHeight = '100%'\n\n // Determine if the left position is preferred based on the element's position and available width\n if (elementRect.left > hiddenChipsPopUpRef.current.clientWidth) {\n isLeftPosition = true\n } else if (elementRectRight > hiddenChipsPopUpRef.current.clientWidth) {\n isLeftPosition = false\n } else {\n // Compare elementRect.left and elementRectRight to choose the larger value as the max width\n isLeftPosition = elementRect.left > elementRectRight\n const popUpMaxWidth = Math.max(elementRect.left, elementRectRight)\n hiddenChipsPopUpRef.current.style.maxWidth = `${popUpMaxWidth}px`\n }\n\n hiddenChipsPopUpRef.current.style.right = isLeftPosition ? `${elementRectRight}px` : 'unset'\n hiddenChipsPopUpRef.current.style.left = isLeftPosition ? 'unset' : `${elementRect.left}px`\n\n // Determine if the top position is preferred based on the element's position and available height\n if (elementRect.top > hiddenChipsPopUpRef.current.clientHeight + offset + offsetMargin) {\n isTopPosition = true\n } else if (\n elementRectBottom >\n hiddenChipsPopUpRef.current.clientHeight + offset + offsetMargin\n ) {\n isTopPosition = false\n } else {\n // Compare elementRect.top and elementRectBottom to choose the larger value as the max height\n isTopPosition = elementRect.top > elementRectBottom + offset\n const popUpMaxHeight = Math.max(elementRect.top, elementRectBottom) - offset - offsetMargin\n hiddenChipsPopUpRef.current.style.maxHeight = `${popUpMaxHeight}px`\n }\n\n hiddenChipsPopUpRef.current.style.bottom = isTopPosition\n ? `${elementRectBottom + elementRect.height + offset}px`\n : 'unset'\n hiddenChipsPopUpRef.current.style.top = isTopPosition\n ? 'unset'\n : `${elementRect.bottom + offset}px`\n\n setIsTop(isTopPosition)\n setIsLeft(isLeftPosition)\n setIsVisible(true)\n }\n }, [hiddenChipsCounterRef, hiddenChipsPopUpRef])\n\n useEffect(() => {\n if (hiddenChipsPopUpRef?.current && hiddenChipsCounterRef?.current) {\n window.addEventListener('resize', resizePopUp)\n window.addEventListener(transitionEndEventName, resizePopUp)\n\n return () => {\n window.removeEventListener('resize', resizePopUp)\n window.removeEventListener(transitionEndEventName, resizePopUp)\n }\n }\n }, [hiddenChipsPopUpRef, hiddenChipsCounterRef, resizePopUp, transitionEndEventName])\n\n useEffect(() => {\n resizePopUp()\n }, [resizePopUp])\n\n return {\n hiddenChipsBlockClassNames\n }\n}\n"],"names":["useHiddenChipsBlock","hiddenChipsCounterRef","hiddenChipsPopUpRef","isTop","setIsTop","useState","isLeft","setIsLeft","isVisible","setIsVisible","transitionEndEventName","useMemo","getTransitionEndEventName","hiddenChipsBlockClassNames","classnames","resizePopUp","useCallback","elementRect","elementRectRight","elementRectBottom","isLeftPosition","isTopPosition","popUpMaxWidth","popUpMaxHeight","useEffect"],"mappings":";;;AAwBY,MAACA,IAAsB,CAACC,GAAuBC,MAAwB;AACjF,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAS,EAAK,GAClC,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,CAACG,GAAWC,CAAY,IAAIJ,EAAS,EAAK,GAC1CK,IAAyBC,EAAQ,MAAMC,EAAyB,GAAI,CAAA,CAAE,GAEtEC,IAA6BC;AAAA,IACjC;AAAA,IACAX,IAAQ,0BAA0B;AAAA,IAClCG,IAAS,2BAA2B;AAAA,IACpCE,KAAa;AAAA,EACjB,GAEQO,IAAcC,EAAY,MAAM;AACpC,QAAId,KAAA,QAAAA,EAAqB,YAAWD,KAAA,QAAAA,EAAuB,UAAS;AAGlE,YAAMgB,IAAchB,EAAsB,QAAQ,sBAAqB,GAGjEiB,IAAmB,KAAK,MAAM,OAAO,aAAaD,EAAY,OAAOA,EAAY,KAAK,GAGtFE,IAAoB,KAAK;AAAA,QAC7B,OAAO,cAAcF,EAAY,MAAMA,EAAY;AAAA,MAC3D;AACM,UAAIG,IAAiB,IACjBC,IAAgB;AAKpB,UAJAnB,EAAoB,QAAQ,MAAM,WAAW,QAC7CA,EAAoB,QAAQ,MAAM,YAAY,QAG1Ce,EAAY,OAAOf,EAAoB,QAAQ;AACjD,QAAAkB,IAAiB;AAAA,eACRF,IAAmBhB,EAAoB,QAAQ;AACxD,QAAAkB,IAAiB;AAAA,WACZ;AAEL,QAAAA,IAAiBH,EAAY,OAAOC;AACpC,cAAMI,IAAgB,KAAK,IAAIL,EAAY,MAAMC,CAAgB;AACjE,QAAAhB,EAAoB,QAAQ,MAAM,WAAW,GAAGoB,CAAa;AAAA,MAC/D;AAMA,UAJApB,EAAoB,QAAQ,MAAM,QAAQkB,IAAiB,GAAGF,CAAgB,OAAO,SACrFhB,EAAoB,QAAQ,MAAM,OAAOkB,IAAiB,UAAU,GAAGH,EAAY,IAAI,MAGnFA,EAAY,MAAMf,EAAoB,QAAQ,eAAe,KAAS;AACxE,QAAAmB,IAAgB;AAAA,eAEhBF,IACAjB,EAAoB,QAAQ,eAAe,KAAS;AAEpD,QAAAmB,IAAgB;AAAA,WACX;AAEL,QAAAA,IAAgBJ,EAAY,MAAME,IAAoB;AACtD,cAAMI,IAAiB,KAAK,IAAIN,EAAY,KAAKE,CAAiB,IAAI,KAAS;AAC/E,QAAAjB,EAAoB,QAAQ,MAAM,YAAY,GAAGqB,CAAc;AAAA,MACjE;AAEA,MAAArB,EAAoB,QAAQ,MAAM,SAASmB,IACvC,GAAGF,IAAoBF,EAAY,SAAS,EAAM,OAClD,SACJf,EAAoB,QAAQ,MAAM,MAAMmB,IACpC,UACA,GAAGJ,EAAY,SAAS,EAAM,MAElCb,EAASiB,CAAa,GACtBd,EAAUa,CAAc,GACxBX,EAAa,EAAI;AAAA,IACnB;AAAA,EACF,GAAG,CAACR,GAAuBC,CAAmB,CAAC;AAE/C,SAAAsB,EAAU,MAAM;AACd,QAAItB,KAAA,QAAAA,EAAqB,YAAWD,KAAA,QAAAA,EAAuB;AACzD,oBAAO,iBAAiB,UAAUc,CAAW,GAC7C,OAAO,iBAAiBL,GAAwBK,CAAW,GAEpD,MAAM;AACX,eAAO,oBAAoB,UAAUA,CAAW,GAChD,OAAO,oBAAoBL,GAAwBK,CAAW;AAAA,MAChE;AAAA,EAEJ,GAAG,CAACb,GAAqBD,GAAuBc,GAAaL,CAAsB,CAAC,GAEpFc,EAAU,MAAM;AACd,IAAAT,EAAW;AAAA,EACb,GAAG,CAACA,CAAW,CAAC,GAET;AAAA,IACL,4BAAAF;AAAA,EACJ;AACA;"}
@@ -1 +1 @@
1
- {"version":3,"file":"useTable.hook.mjs","sources":["../../src/lib/hooks/useTable.hook.jsx"],"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 React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { useSelector } from 'react-redux'\nimport { isEmpty } from 'lodash'\n\nimport TableHead from '../elements/TableHead/TableHead'\n\nimport { MAIN_TABLE_BODY_ID, MAIN_TABLE_ID } from '../constants'\nimport { SORT_PROPS } from '../types'\nimport { VIRTUALIZATION_CONFIG } from '../types'\n\nconst TableContainer = ({\n children,\n hideActionsMenu = false,\n mainRowItemsCount = 1,\n pageData = null,\n renderDetails = null,\n selectedItem = {},\n sortProps = null,\n tableBodyRef,\n tableClass,\n tableContentRef,\n tableHeadRef,\n tableHeaders,\n tablePanelRef,\n tableRef,\n tableStore = null,\n tableWrapperClass,\n virtualizationConfig = {\n tableBodyPaddingTop: 0,\n startIndex: -1,\n endIndex: -1\n }\n}) => {\n return (\n <div className=\"table__flex\">\n <div className=\"table__content\" id=\"table-content\" ref={tableContentRef}>\n <div className={tableWrapperClass}>\n <table\n id={MAIN_TABLE_ID}\n className={tableClass}\n cellPadding=\"0\"\n cellSpacing=\"0\"\n ref={tableRef}\n >\n {tableHeaders?.length > 0 && (\n <TableHead\n content={tableHeaders}\n hideActionsMenu={hideActionsMenu}\n mainRowItemsCount={mainRowItemsCount}\n ref={tableHeadRef}\n selectedItem={selectedItem}\n sortProps={sortProps}\n />\n )}\n <tbody\n className=\"table-body\"\n id={MAIN_TABLE_BODY_ID}\n style={{ paddingTop: virtualizationConfig.tableBodyPaddingTop }}\n ref={tableBodyRef}\n >\n {children}\n </tbody>\n </table>\n {tableStore?.isTablePanelOpen && pageData?.tablePanel && (\n <div className=\"table__panel-container\" ref={tablePanelRef}>\n <div className=\"table__panel\">{pageData.tablePanel}</div>\n </div>\n )}\n </div>\n {renderDetails && renderDetails()}\n </div>\n </div>\n )\n}\n\nTableContainer.propTypes = {\n children: PropTypes.node.isRequired,\n hideActionsMenu: PropTypes.bool,\n mainRowItemsCount: PropTypes.number,\n pageData: PropTypes.object,\n renderDetails: PropTypes.func,\n selectedItem: PropTypes.object,\n sortProps: SORT_PROPS,\n tableBodyRef: PropTypes.object.isRequired,\n tableClass: PropTypes.string.isRequired,\n tableContentRef: PropTypes.object.isRequired,\n tableHeadRef: PropTypes.object.isRequired,\n tableHeaders: PropTypes.arrayOf(PropTypes.object).isRequired,\n tablePanelRef: PropTypes.object.isRequired,\n tableRef: PropTypes.object.isRequired,\n tableStore: PropTypes.object,\n tableWrapperClass: PropTypes.string.isRequired,\n virtualizationConfig: VIRTUALIZATION_CONFIG\n}\n\nexport const useTable = ({ ref, selectedItem, skipTableWrapper = false, tableClassName = '' }) => {\n const tableRefLocal = useRef(null)\n const tableBodyRefLocal = useRef(null)\n const tableRef = ref?.tableRef ?? tableRefLocal\n const tableBodyRef = ref?.tableBodyRef ?? tableBodyRefLocal\n const tableContentRef = useRef(null)\n const tablePanelRef = useRef(null)\n const tableHeadRef = useRef(null)\n const tableStore = useSelector(store => store.tableStore) ?? {}\n\n const tableClass = classnames(\n 'table',\n 'table-main',\n !isEmpty(selectedItem) && 'table-with-details',\n tableClassName && tableClassName\n )\n const tableWrapperClass = classnames(!skipTableWrapper && 'table__wrapper')\n\n useEffect(() => {\n const calculatePanelHeight = () => {\n if (tableHeadRef?.current && tableContentRef?.current && tablePanelRef?.current) {\n const tableContentHeight = tableContentRef.current.getBoundingClientRect().height\n const tableHeadCords = tableHeadRef.current.getBoundingClientRect()\n const panelHeight = window.innerHeight - tableHeadCords.top\n\n tablePanelRef.current.style.height =\n tableContentHeight > panelHeight\n ? `${panelHeight}px`\n : `${panelHeight - (panelHeight - tableContentHeight)}px`\n }\n }\n\n if (tableStore.isTablePanelOpen && tablePanelRef.current) {\n calculatePanelHeight()\n\n document.getElementById('main-wrapper').addEventListener('scroll', calculatePanelHeight)\n window.addEventListener('resize', calculatePanelHeight)\n }\n return () => {\n window.removeEventListener('scroll', calculatePanelHeight)\n window.removeEventListener('resize', calculatePanelHeight)\n }\n }, [tableStore.isTablePanelOpen])\n\n const handleTableHScroll = useCallback(\n e => {\n if (tableRef.current) {\n const tableScrollPosition = e.target.scrollLeft\n\n if (tableScrollPosition > 0) {\n tableRef.current.classList.add('table__scrolled')\n } else {\n tableRef.current.classList.remove('table__scrolled')\n }\n }\n },\n [tableRef]\n )\n\n useEffect(() => {\n window.addEventListener('scroll', handleTableHScroll, true)\n\n return () => window.removeEventListener('scroll', handleTableHScroll, true)\n }, [handleTableHScroll])\n\n return {\n TableContainer,\n tableBodyRef,\n tableClass,\n tableContentRef,\n tableHeadRef,\n tablePanelRef,\n tableRef,\n tableStore,\n tableWrapperClass\n }\n}\n\nexport const useTableScroll = ({\n content,\n selectedItem,\n isAllVersions,\n tableId = MAIN_TABLE_ID\n}) => {\n const lastSelectedItemDataRef = useRef(null)\n const itemIdentifierKey = useMemo(\n () => (isAllVersions ? 'identifierUnique' : 'identifier'),\n [isAllVersions]\n )\n\n const handleSelectItemChanges = useCallback(\n (identifier, content, async = false) => {\n const selectedItemIndex = content?.findIndex(\n item => item?.ui?.[itemIdentifierKey] === identifier\n )\n\n const triggerScroll = () => {\n const tableElement = document.getElementById(tableId)\n\n if (selectedItemIndex && tableElement) {\n const rows = tableElement.getElementsByTagName('tr')\n\n if (selectedItemIndex <= rows.length) {\n const theadHeight =\n tableElement.querySelector('thead')?.getBoundingClientRect().height ?? 0\n const rowRect = rows[selectedItemIndex].getBoundingClientRect()\n const tableRect = tableElement.getBoundingClientRect()\n const rowCenterY = rowRect.height / 2\n const tableCenterY = (tableRect.height - theadHeight) / 2\n const heightToRow = rowRect.height * (selectedItemIndex + 1)\n const scrollY = heightToRow - rowCenterY - tableCenterY\n\n tableElement.scrollTo({\n top: scrollY\n })\n }\n }\n }\n\n if (selectedItemIndex >= 0) {\n if (async) {\n requestAnimationFrame(() => {\n triggerScroll()\n })\n } else {\n triggerScroll()\n }\n }\n },\n [itemIdentifierKey, tableId]\n )\n\n useEffect(() => {\n try {\n if (!isEmpty(selectedItem)) {\n if (!lastSelectedItemDataRef.current) {\n lastSelectedItemDataRef.current = selectedItem.ui\n handleSelectItemChanges(selectedItem?.ui?.[itemIdentifierKey], content, true)\n } else {\n lastSelectedItemDataRef.current = selectedItem.ui\n }\n } else if (lastSelectedItemDataRef.current) {\n handleSelectItemChanges(lastSelectedItemDataRef.current?.[itemIdentifierKey], content)\n\n lastSelectedItemDataRef.current = null\n }\n } catch {\n lastSelectedItemDataRef.current = null\n }\n }, [selectedItem, content, handleSelectItemChanges, itemIdentifierKey])\n\n useEffect(() => {\n return () => {\n lastSelectedItemDataRef.current = null\n }\n }, [content])\n}\n"],"names":["TableContainer","children","hideActionsMenu","mainRowItemsCount","pageData","renderDetails","selectedItem","sortProps","tableBodyRef","tableClass","tableContentRef","tableHeadRef","tableHeaders","tablePanelRef","tableRef","tableStore","tableWrapperClass","virtualizationConfig","jsx","jsxs","MAIN_TABLE_ID","TableHead","MAIN_TABLE_BODY_ID","PropTypes","SORT_PROPS","VIRTUALIZATION_CONFIG","useTable","ref","skipTableWrapper","tableClassName","tableRefLocal","useRef","tableBodyRefLocal","useSelector","store","classnames","isEmpty","useEffect","calculatePanelHeight","tableContentHeight","tableHeadCords","panelHeight","handleTableHScroll","useCallback","e","useTableScroll","content","isAllVersions","tableId","lastSelectedItemDataRef","itemIdentifierKey","useMemo","handleSelectItemChanges","identifier","async","selectedItemIndex","item","_a","triggerScroll","tableElement","rows","theadHeight","rowRect","tableRect","rowCenterY","tableCenterY","scrollY","_b"],"mappings":"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"}
1
+ {"version":3,"file":"useTable.hook.mjs","sources":["../../src/lib/hooks/useTable.hook.jsx"],"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 React, { useCallback, useEffect, useMemo, useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport { useSelector } from 'react-redux'\nimport { isEmpty } from 'lodash'\n\nimport TableHead from '../elements/TableHead/TableHead'\n\nimport { MAIN_TABLE_BODY_ID, MAIN_TABLE_ID } from '../constants'\nimport { SORT_PROPS } from '../types'\nimport { VIRTUALIZATION_CONFIG } from '../types'\n\nconst TableContainer = ({\n children,\n hideActionsMenu = false,\n mainRowItemsCount = 1,\n pageData = null,\n renderDetails = null,\n selectedItem = {},\n sortProps = null,\n tableBodyRef,\n tableClass,\n tableContentRef,\n tableHeadRef,\n tableHeaders,\n tablePanelRef,\n tableRef,\n tableStore = null,\n tableWrapperClass,\n virtualizationConfig = {\n tableBodyPaddingTop: 0,\n startIndex: -1,\n endIndex: -1\n }\n}) => {\n return (\n <div className=\"table__flex\">\n <div className=\"table__content\" id=\"table-content\" ref={tableContentRef}>\n <div className={tableWrapperClass}>\n <table\n id={MAIN_TABLE_ID}\n className={tableClass}\n cellPadding=\"0\"\n cellSpacing=\"0\"\n ref={tableRef}\n >\n {tableHeaders?.length > 0 && (\n <TableHead\n content={tableHeaders}\n hideActionsMenu={hideActionsMenu}\n mainRowItemsCount={mainRowItemsCount}\n ref={tableHeadRef}\n selectedItem={selectedItem}\n sortProps={sortProps}\n />\n )}\n <tbody\n className=\"table-body\"\n id={MAIN_TABLE_BODY_ID}\n style={{ paddingTop: virtualizationConfig.tableBodyPaddingTop }}\n ref={tableBodyRef}\n >\n {children}\n </tbody>\n </table>\n {tableStore?.isTablePanelOpen && pageData?.tablePanel && (\n <div className=\"table__panel-container\" ref={tablePanelRef}>\n <div className=\"table__panel\">{pageData.tablePanel}</div>\n </div>\n )}\n </div>\n {renderDetails && renderDetails()}\n </div>\n </div>\n )\n}\n\nTableContainer.propTypes = {\n children: PropTypes.node.isRequired,\n hideActionsMenu: PropTypes.bool,\n mainRowItemsCount: PropTypes.number,\n pageData: PropTypes.object,\n renderDetails: PropTypes.func,\n selectedItem: PropTypes.object,\n sortProps: SORT_PROPS,\n tableBodyRef: PropTypes.object.isRequired,\n tableClass: PropTypes.string.isRequired,\n tableContentRef: PropTypes.object.isRequired,\n tableHeadRef: PropTypes.object.isRequired,\n tableHeaders: PropTypes.arrayOf(PropTypes.object).isRequired,\n tablePanelRef: PropTypes.object.isRequired,\n tableRef: PropTypes.object.isRequired,\n tableStore: PropTypes.object,\n tableWrapperClass: PropTypes.string.isRequired,\n virtualizationConfig: VIRTUALIZATION_CONFIG\n}\n\nexport const useTable = ({ ref, selectedItem, skipTableWrapper = false, tableClassName = '' }) => {\n const tableRefLocal = useRef(null)\n const tableBodyRefLocal = useRef(null)\n const tableRef = ref?.tableRef ?? tableRefLocal\n const tableBodyRef = ref?.tableBodyRef ?? tableBodyRefLocal\n const tableContentRef = useRef(null)\n const tablePanelRef = useRef(null)\n const tableHeadRef = useRef(null)\n const tableStore = useSelector(store => store.tableStore) ?? {}\n\n const tableClass = classnames(\n 'table',\n 'table-main',\n !isEmpty(selectedItem) && 'table-with-details',\n tableClassName && tableClassName\n )\n const tableWrapperClass = classnames(!skipTableWrapper && 'table__wrapper')\n\n useEffect(() => {\n const calculatePanelHeight = () => {\n if (tableHeadRef?.current && tableContentRef?.current && tablePanelRef?.current) {\n const tableContentHeight = tableContentRef.current.getBoundingClientRect().height\n const tableHeadCords = tableHeadRef.current.getBoundingClientRect()\n const panelHeight = window.innerHeight - tableHeadCords.top\n\n tablePanelRef.current.style.height =\n tableContentHeight > panelHeight\n ? `${panelHeight}px`\n : `${panelHeight - (panelHeight - tableContentHeight)}px`\n }\n }\n\n if (tableStore.isTablePanelOpen && tablePanelRef.current) {\n calculatePanelHeight()\n\n document.getElementById('main-wrapper').addEventListener('scroll', calculatePanelHeight)\n window.addEventListener('resize', calculatePanelHeight)\n }\n return () => {\n window.removeEventListener('scroll', calculatePanelHeight)\n window.removeEventListener('resize', calculatePanelHeight)\n }\n }, [tableStore.isTablePanelOpen])\n\n const handleTableHScroll = useCallback(\n e => {\n if (tableRef.current) {\n const tableScrollPosition = e.target.scrollLeft\n\n if (tableScrollPosition > 0) {\n tableRef.current.classList.add('table__scrolled')\n } else {\n tableRef.current.classList.remove('table__scrolled')\n }\n }\n },\n [tableRef]\n )\n\n useEffect(() => {\n window.addEventListener('scroll', handleTableHScroll, true)\n\n return () => window.removeEventListener('scroll', handleTableHScroll, true)\n }, [handleTableHScroll])\n\n return {\n TableContainer,\n tableBodyRef,\n tableClass,\n tableContentRef,\n tableHeadRef,\n tablePanelRef,\n tableRef,\n tableStore,\n tableWrapperClass\n }\n}\n\nexport const useTableScroll = ({\n content,\n selectedItem,\n isAllVersions,\n tableId = MAIN_TABLE_ID\n}) => {\n const lastSelectedItemDataRef = useRef(null)\n const itemIdentifierKey = useMemo(\n () => (isAllVersions ? 'identifierUnique' : 'identifier'),\n [isAllVersions]\n )\n\n const handleSelectItemChanges = useCallback(\n (identifier, content, async = false) => {\n const selectedItemIndex = content?.findIndex(\n item => item?.ui?.[itemIdentifierKey] === identifier\n )\n\n const triggerScroll = () => {\n const tableElement = document.getElementById(tableId)\n\n if (selectedItemIndex && tableElement) {\n const rows = tableElement.getElementsByTagName('tr')\n\n if (selectedItemIndex <= rows.length) {\n const theadHeight =\n tableElement.querySelector('thead')?.getBoundingClientRect().height ?? 0\n const rowRect = rows[selectedItemIndex].getBoundingClientRect()\n const tableRect = tableElement.getBoundingClientRect()\n const rowCenterY = rowRect.height / 2\n const tableCenterY = (tableRect.height - theadHeight) / 2\n const heightToRow = rowRect.height * (selectedItemIndex + 1)\n const scrollY = heightToRow - rowCenterY - tableCenterY\n\n tableElement.scrollTo({\n top: scrollY\n })\n }\n }\n }\n\n if (selectedItemIndex >= 0) {\n if (async) {\n requestAnimationFrame(() => {\n triggerScroll()\n })\n } else {\n triggerScroll()\n }\n }\n },\n [itemIdentifierKey, tableId]\n )\n\n useEffect(() => {\n try {\n if (!isEmpty(selectedItem)) {\n if (!lastSelectedItemDataRef.current) {\n lastSelectedItemDataRef.current = selectedItem.ui\n handleSelectItemChanges(selectedItem?.ui?.[itemIdentifierKey], content, true)\n } else {\n lastSelectedItemDataRef.current = selectedItem.ui\n }\n } else if (lastSelectedItemDataRef.current) {\n handleSelectItemChanges(lastSelectedItemDataRef.current?.[itemIdentifierKey], content)\n\n lastSelectedItemDataRef.current = null\n }\n } catch {\n lastSelectedItemDataRef.current = null\n }\n }, [selectedItem, content, handleSelectItemChanges, itemIdentifierKey])\n\n useEffect(() => {\n return () => {\n lastSelectedItemDataRef.current = null\n }\n }, [content])\n}\n"],"names":["TableContainer","children","hideActionsMenu","mainRowItemsCount","pageData","renderDetails","selectedItem","sortProps","tableBodyRef","tableClass","tableContentRef","tableHeadRef","tableHeaders","tablePanelRef","tableRef","tableStore","tableWrapperClass","virtualizationConfig","jsx","jsxs","MAIN_TABLE_ID","TableHead","MAIN_TABLE_BODY_ID","PropTypes","SORT_PROPS","VIRTUALIZATION_CONFIG","useTable","ref","skipTableWrapper","tableClassName","tableRefLocal","useRef","tableBodyRefLocal","useSelector","store","classnames","isEmpty","useEffect","calculatePanelHeight","tableContentHeight","tableHeadCords","panelHeight","handleTableHScroll","useCallback","e","useTableScroll","content","isAllVersions","tableId","lastSelectedItemDataRef","itemIdentifierKey","useMemo","handleSelectItemChanges","identifier","async","selectedItemIndex","item","_a","triggerScroll","tableElement","rows","theadHeight","rowRect","tableRect","rowCenterY","tableCenterY","scrollY","_b"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"back-arrow.svg.mjs","sources":["../../src/lib/images/back-arrow.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgBackArrow = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"rect\", { x: 3, y: 12, width: 11, height: 2, transform: \"rotate(-45 3 12)\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 4.41431, y: 10.6, width: 11, height: 2, transform: \"rotate(45 4.41431 10.6)\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 4, y: 11, width: 15, height: 2, fill: \"#7F7989\" }));\nexport default SvgBackArrow;\n"],"names":["SvgBackArrow","props","React"],"mappings":";AACK,MAACA,IAAe,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,GAAG,GAAG,IAAI,OAAO,IAAI,QAAQ,GAAG,WAAW,oBAAoB,MAAM,UAAW,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,SAAS,GAAG,MAAM,OAAO,IAAI,QAAQ,GAAG,WAAW,2BAA2B,MAAM,UAAW,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,GAAG,GAAG,IAAI,OAAO,IAAI,QAAQ,GAAG,MAAM,WAAW,CAAC;"}
1
+ {"version":3,"file":"back-arrow.svg.mjs","sources":["../../src/lib/images/back-arrow.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgBackArrow = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"rect\", { x: 3, y: 12, width: 11, height: 2, transform: \"rotate(-45 3 12)\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 4.41431, y: 10.6, width: 11, height: 2, transform: \"rotate(45 4.41431 10.6)\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"rect\", { x: 4, y: 11, width: 15, height: 2, fill: \"#7F7989\" }));\nexport default SvgBackArrow;\n"],"names":["SvgBackArrow","props","React"],"mappings":";AACK,MAACA,IAAe,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,GAAG,GAAG,IAAI,OAAO,IAAI,QAAQ,GAAG,WAAW,oBAAoB,MAAM,UAAS,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,SAAS,GAAG,MAAM,OAAO,IAAI,QAAQ,GAAG,WAAW,2BAA2B,MAAM,UAAS,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,GAAG,GAAG,IAAI,OAAO,IAAI,QAAQ,GAAG,MAAM,WAAW,CAAC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"history.svg.mjs","sources":["../../src/lib/images/history.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgHistory = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 18, height: 18, viewBox: \"0 0 18 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { id: \"history\", d: \"M9.21214 18C6.98183 18 5.0384 17.2375 3.38183 15.7125C1.72527 14.1875 0.775772 12.2833 0.533348 10H2.52123C2.74749 11.7333 3.49496 13.1667 4.76365 14.3C6.03234 15.4333 7.51517 16 9.21214 16C11.103 16 12.7071 15.3208 14.0243 13.9625C15.3414 12.6042 16 10.95 16 9C16 7.05 15.3414 5.39583 14.0243 4.0375C12.7071 2.67917 11.103 2 9.21214 2C8.09698 2 7.05456 2.26667 6.08486 2.8C5.11517 3.33333 4.299 4.06667 3.63638 5H6.30304V7H0.484863V1H2.42426V3.35C3.2485 2.28333 4.25456 1.45833 5.44244 0.875C6.63032 0.291667 7.88688 0 9.21214 0C10.4243 0 11.5596 0.2375 12.6182 0.7125C13.6768 1.1875 14.598 1.82917 15.3818 2.6375C16.1657 3.44583 16.7879 4.39583 17.2485 5.4875C17.7091 6.57917 17.9394 7.75 17.9394 9C17.9394 10.25 17.7091 11.4208 17.2485 12.5125C16.7879 13.6042 16.1657 14.5542 15.3818 15.3625C14.598 16.1708 13.6768 16.8125 12.6182 17.2875C11.5596 17.7625 10.4243 18 9.21214 18ZM11.9273 13.2L8.24244 9.4V4H10.1818V8.6L13.2849 11.8L11.9273 13.2Z\", fill: \"#7F7989\" }));\nexport default SvgHistory;\n"],"names":["SvgHistory","props","React"],"mappings":";AACK,MAACA,IAAa,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,WAAW,GAAG,s7BAAs7B,MAAM,UAAS,CAAE,CAAC;"}
1
+ {"version":3,"file":"history.svg.mjs","sources":["../../src/lib/images/history.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgHistory = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 18, height: 18, viewBox: \"0 0 18 18\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { id: \"history\", d: \"M9.21214 18C6.98183 18 5.0384 17.2375 3.38183 15.7125C1.72527 14.1875 0.775772 12.2833 0.533348 10H2.52123C2.74749 11.7333 3.49496 13.1667 4.76365 14.3C6.03234 15.4333 7.51517 16 9.21214 16C11.103 16 12.7071 15.3208 14.0243 13.9625C15.3414 12.6042 16 10.95 16 9C16 7.05 15.3414 5.39583 14.0243 4.0375C12.7071 2.67917 11.103 2 9.21214 2C8.09698 2 7.05456 2.26667 6.08486 2.8C5.11517 3.33333 4.299 4.06667 3.63638 5H6.30304V7H0.484863V1H2.42426V3.35C3.2485 2.28333 4.25456 1.45833 5.44244 0.875C6.63032 0.291667 7.88688 0 9.21214 0C10.4243 0 11.5596 0.2375 12.6182 0.7125C13.6768 1.1875 14.598 1.82917 15.3818 2.6375C16.1657 3.44583 16.7879 4.39583 17.2485 5.4875C17.7091 6.57917 17.9394 7.75 17.9394 9C17.9394 10.25 17.7091 11.4208 17.2485 12.5125C16.7879 13.6042 16.1657 14.5542 15.3818 15.3625C14.598 16.1708 13.6768 16.8125 12.6182 17.2875C11.5596 17.7625 10.4243 18 9.21214 18ZM11.9273 13.2L8.24244 9.4V4H10.1818V8.6L13.2849 11.8L11.9273 13.2Z\", fill: \"#7F7989\" }));\nexport default SvgHistory;\n"],"names":["SvgHistory","props","React"],"mappings":";AACK,MAACA,IAAa,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,IAAI,WAAW,GAAG,s7BAAs7B,MAAM,UAAS,CAAE,CAAC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"ml-enlarge.svg.mjs","sources":["../../src/lib/images/ml-enlarge.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgMlEnlarge = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M16.614 6H14V4H20V10H18V7.44238L14.6642 10.7782L13.25 9.36395L16.614 6Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M18.0142 16.614V14H20.0142V20H14.0142V18H16.5718L13.236 14.6642L14.6502 13.25L18.0142 16.614Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M7.38605 18.0141H10V20.0141H4L4 14.0141H6L6 16.5717L9.33579 13.2359L10.75 14.6501L7.38605 18.0141Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M5.98584 7.38605V10H3.98584L3.98584 4L9.98584 4V6L7.42822 6L10.764 9.33579L9.34979 10.75L5.98584 7.38605Z\", fill: \"#7F7989\" }));\nexport default SvgMlEnlarge;\n"],"names":["SvgMlEnlarge","props","React"],"mappings":";AACK,MAACA,IAAe,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,2EAA2E,MAAM,UAAS,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,iGAAiG,MAAM,WAAW,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,sGAAsG,MAAM,UAAW,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,6GAA6G,MAAM,UAAS,CAAE,CAAC;"}
1
+ {"version":3,"file":"ml-enlarge.svg.mjs","sources":["../../src/lib/images/ml-enlarge.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgMlEnlarge = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M16.614 6H14V4H20V10H18V7.44238L14.6642 10.7782L13.25 9.36395L16.614 6Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M18.0142 16.614V14H20.0142V20H14.0142V18H16.5718L13.236 14.6642L14.6502 13.25L18.0142 16.614Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M7.38605 18.0141H10V20.0141H4L4 14.0141H6L6 16.5717L9.33579 13.2359L10.75 14.6501L7.38605 18.0141Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M5.98584 7.38605V10H3.98584L3.98584 4L9.98584 4V6L7.42822 6L10.764 9.33579L9.34979 10.75L5.98584 7.38605Z\", fill: \"#7F7989\" }));\nexport default SvgMlEnlarge;\n"],"names":["SvgMlEnlarge","props","React"],"mappings":";AACK,MAACA,IAAe,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,2EAA2E,MAAM,UAAS,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,iGAAiG,MAAM,WAAW,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,sGAAsG,MAAM,UAAS,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,6GAA6G,MAAM,UAAS,CAAE,CAAC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"popout.svg.mjs","sources":["../../src/lib/images/popout.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgPopout = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M4 11V20H13H20V15.5V11H19.25H18.5V14.75V18.5H13H5.5V11V5.5H9.25H13V4.75V4H8.5H4V11Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M15 4.75V5.5H15.725H17.4688L14.975 7.99375L12.5 10.4688L13.0063 10.9938L13.5313 11.5L16.0063 9.025L18.5 6.53125V8.275V9H19.25H20V7V4H17H15V4.75Z\", fill: \"#7F7989\" }));\nexport default SvgPopout;\n"],"names":["SvgPopout","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,uFAAuF,MAAM,UAAW,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,oJAAoJ,MAAM,WAAW,CAAC;"}
1
+ {"version":3,"file":"popout.svg.mjs","sources":["../../src/lib/images/popout.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgPopout = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 24, viewBox: \"0 0 24 24\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M4 11V20H13H20V15.5V11H19.25H18.5V14.75V18.5H13H5.5V11V5.5H9.25H13V4.75V4H8.5H4V11Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M15 4.75V5.5H15.725H17.4688L14.975 7.99375L12.5 10.4688L13.0063 10.9938L13.5313 11.5L16.0063 9.025L18.5 6.53125V8.275V9H19.25H20V7V4H17H15V4.75Z\", fill: \"#7F7989\" }));\nexport default SvgPopout;\n"],"names":["SvgPopout","props","React"],"mappings":";AACK,MAACA,IAAY,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,uFAAuF,MAAM,UAAS,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,oJAAoJ,MAAM,WAAW,CAAC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"question-mark.svg.mjs","sources":["../../src/lib/images/question-mark.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgQuestionMark = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M8 2C4.688 2 2 4.688 2 8C2 11.312 4.688 14 8 14C11.312 14 14 11.312 14 8C14 4.688 11.312 2 8 2ZM8 12.8C5.354 12.8 3.2 10.646 3.2 8C3.2 5.354 5.354 3.2 8 3.2C10.646 3.2 12.8 5.354 12.8 8C12.8 10.646 10.646 12.8 8 12.8Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M10.196 6.69595C10.196 6.11354 9.9646 5.555 9.55278 5.14318C9.14096 4.73136 8.58241 4.5 8.00001 4.5C7.41761 4.5 6.85906 4.73136 6.44724 5.14318C6.03542 5.555 5.80406 6.11354 5.80406 6.69595C5.80406 6.81243 5.85033 6.92414 5.9327 7.0065C6.01506 7.08886 6.12677 7.13514 6.24325 7.13514C6.35973 7.13514 6.47144 7.08886 6.5538 7.0065C6.63617 6.92414 6.68244 6.81243 6.68244 6.69595C6.68244 6.43536 6.75971 6.18062 6.90449 5.96394C7.04927 5.74727 7.25504 5.5784 7.4958 5.47867C7.73655 5.37895 8.00147 5.35286 8.25705 5.4037C8.51264 5.45453 8.7474 5.58002 8.93167 5.76429C9.11593 5.94855 9.24142 6.18332 9.29226 6.4389C9.3431 6.69448 9.31701 6.9594 9.21728 7.20016C9.11756 7.44091 8.94868 7.64669 8.73201 7.79146C8.51534 7.93624 8.2606 8.01351 8.00001 8.01351C7.88353 8.01351 7.77182 8.05979 7.68945 8.14215C7.60709 8.22451 7.56082 8.33622 7.56082 8.4527V9.33108C7.56082 9.44756 7.60709 9.55927 7.68945 9.64163C7.77182 9.724 7.88353 9.77027 8.00001 9.77027C8.11649 9.77027 8.2282 9.724 8.31056 9.64163C8.39293 9.55927 8.4392 9.44756 8.4392 9.33108V8.84797C8.9352 8.74673 9.38099 8.47722 9.70112 8.08506C10.0213 7.6929 10.1961 7.20218 10.196 6.69595Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M8 11C8.24255 11 8.43918 10.8034 8.43918 10.5608C8.43918 10.3183 8.24255 10.1216 8 10.1216C7.75744 10.1216 7.56081 10.3183 7.56081 10.5608C7.56081 10.8034 7.75744 11 8 11Z\", fill: \"#7F7989\" }));\nexport default SvgQuestionMark;\n"],"names":["SvgQuestionMark","props","React"],"mappings":";AACK,MAACA,IAAkB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,6NAA6N,MAAM,WAAW,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,2nCAA2nC,MAAM,UAAW,CAAA,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,+KAA+K,MAAM,WAAW,CAAC;"}
1
+ {"version":3,"file":"question-mark.svg.mjs","sources":["../../src/lib/images/question-mark.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgQuestionMark = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M8 2C4.688 2 2 4.688 2 8C2 11.312 4.688 14 8 14C11.312 14 14 11.312 14 8C14 4.688 11.312 2 8 2ZM8 12.8C5.354 12.8 3.2 10.646 3.2 8C3.2 5.354 5.354 3.2 8 3.2C10.646 3.2 12.8 5.354 12.8 8C12.8 10.646 10.646 12.8 8 12.8Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M10.196 6.69595C10.196 6.11354 9.9646 5.555 9.55278 5.14318C9.14096 4.73136 8.58241 4.5 8.00001 4.5C7.41761 4.5 6.85906 4.73136 6.44724 5.14318C6.03542 5.555 5.80406 6.11354 5.80406 6.69595C5.80406 6.81243 5.85033 6.92414 5.9327 7.0065C6.01506 7.08886 6.12677 7.13514 6.24325 7.13514C6.35973 7.13514 6.47144 7.08886 6.5538 7.0065C6.63617 6.92414 6.68244 6.81243 6.68244 6.69595C6.68244 6.43536 6.75971 6.18062 6.90449 5.96394C7.04927 5.74727 7.25504 5.5784 7.4958 5.47867C7.73655 5.37895 8.00147 5.35286 8.25705 5.4037C8.51264 5.45453 8.7474 5.58002 8.93167 5.76429C9.11593 5.94855 9.24142 6.18332 9.29226 6.4389C9.3431 6.69448 9.31701 6.9594 9.21728 7.20016C9.11756 7.44091 8.94868 7.64669 8.73201 7.79146C8.51534 7.93624 8.2606 8.01351 8.00001 8.01351C7.88353 8.01351 7.77182 8.05979 7.68945 8.14215C7.60709 8.22451 7.56082 8.33622 7.56082 8.4527V9.33108C7.56082 9.44756 7.60709 9.55927 7.68945 9.64163C7.77182 9.724 7.88353 9.77027 8.00001 9.77027C8.11649 9.77027 8.2282 9.724 8.31056 9.64163C8.39293 9.55927 8.4392 9.44756 8.4392 9.33108V8.84797C8.9352 8.74673 9.38099 8.47722 9.70112 8.08506C10.0213 7.6929 10.1961 7.20218 10.196 6.69595Z\", fill: \"#7F7989\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M8 11C8.24255 11 8.43918 10.8034 8.43918 10.5608C8.43918 10.3183 8.24255 10.1216 8 10.1216C7.75744 10.1216 7.56081 10.3183 7.56081 10.5608C7.56081 10.8034 7.75744 11 8 11Z\", fill: \"#7F7989\" }));\nexport default SvgQuestionMark;\n"],"names":["SvgQuestionMark","props","React"],"mappings":";AACK,MAACA,IAAkB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,6NAA6N,MAAM,WAAW,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,2nCAA2nC,MAAM,UAAS,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,+KAA+K,MAAM,WAAW,CAAC;"}
@@ -1 +1 @@
1
- {"version":3,"file":"warning.svg.mjs","sources":["../../src/lib/images/warning.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgWarning = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 12, height: 12, viewBox: \"0 0 12 12\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0)\" }, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M11.8 11.21C11.53 11.7 11.01 12 10.45 12H1.56C1 12 0.48 11.7 0.21 11.21C-0.07 10.72 -0.07 10.12 0.21 9.63L4.65 0.79C4.93 0.3 5.45 0 6 0C6.57 0 7.07 0.3 7.35 0.79L11.8 9.63C12.08 10.13 12.08 10.72 11.8 11.21ZM7.01 4H5.01V8H7.01V4ZM7.01 9H5.01V10H7.01V9Z\", fill: \"#E54158\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 12, height: 12, fill: \"white\" }))));\nexport default SvgWarning;\n"],"names":["SvgWarning","props","React"],"mappings":";AACK,MAACA,IAAa,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAO,GAAkB,gBAAAC,EAAM,cAAc,KAAK,EAAE,UAAU,cAAa,GAAoB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,gQAAgQ,MAAM,UAAW,CAAA,CAAC,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,YAAY,EAAE,IAAI,QAAS,GAAkB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAO,CAAE,CAAC,CAAC,CAAC;"}
1
+ {"version":3,"file":"warning.svg.mjs","sources":["../../src/lib/images/warning.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgWarning = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 12, height: 12, viewBox: \"0 0 12 12\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"g\", { clipPath: \"url(#clip0)\" }, /* @__PURE__ */ React.createElement(\"path\", { fillRule: \"evenodd\", clipRule: \"evenodd\", d: \"M11.8 11.21C11.53 11.7 11.01 12 10.45 12H1.56C1 12 0.48 11.7 0.21 11.21C-0.07 10.72 -0.07 10.12 0.21 9.63L4.65 0.79C4.93 0.3 5.45 0 6 0C6.57 0 7.07 0.3 7.35 0.79L11.8 9.63C12.08 10.13 12.08 10.72 11.8 11.21ZM7.01 4H5.01V8H7.01V4ZM7.01 9H5.01V10H7.01V9Z\", fill: \"#E54158\" })), /* @__PURE__ */ React.createElement(\"defs\", null, /* @__PURE__ */ React.createElement(\"clipPath\", { id: \"clip0\" }, /* @__PURE__ */ React.createElement(\"rect\", { width: 12, height: 12, fill: \"white\" }))));\nexport default SvgWarning;\n"],"names":["SvgWarning","props","React"],"mappings":";AACK,MAACA,IAAa,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,KAAK,EAAE,UAAU,cAAa,GAAoB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,UAAU,WAAW,UAAU,WAAW,GAAG,gQAAgQ,MAAM,UAAS,CAAE,CAAC,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,MAAsB,gBAAAA,EAAM,cAAc,YAAY,EAAE,IAAI,QAAO,GAAoB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,OAAO,IAAI,QAAQ,IAAI,MAAM,QAAO,CAAE,CAAC,CAAC,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}.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}
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}.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 +1 @@
1
- {"version":3,"file":"commonDetailsReducer.mjs","sources":["../../src/lib/reducers/commonDetailsReducer.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 { createSlice } from '@reduxjs/toolkit'\n\nconst initialState = {\n changes: {\n counter: 0,\n data: {}\n },\n detailsPopUpInfoContent: {},\n editMode: false,\n infoContent: {},\n filtersWasHandled: false,\n showWarning: false\n}\n\nconst commonsDetailsStoreSlice = createSlice({\n name: 'commonDetailsStore',\n initialState,\n reducers: {\n removeDetailsPopUpInfoContent(state) {\n state.detailsPopUpInfoContent = {}\n },\n removeInfoContent(state) {\n state.infoContent = {}\n },\n resetChanges(state) {\n state.changes = initialState.changes\n },\n setChanges(state, action) {\n state.changes = action.payload\n },\n setChangesCounter(state, action) {\n state.changes.counter = action.payload\n },\n setChangesData(state, action) {\n state.changes.data = action.payload\n },\n setDetailsPopUpInfoContent(state, action) {\n state.detailsPopUpInfoContent = action.payload\n },\n setEditMode(state, action) {\n state.editMode = action.payload\n },\n setFiltersWasHandled(state, action) {\n state.filtersWasHandled = action.payload\n },\n setInfoContent(state, action) {\n state.infoContent = action.payload\n },\n showWarning(state, action) {\n state.showWarning = action.payload\n }\n }\n})\n\nexport const {\n removeDetailsPopUpInfoContent,\n removeInfoContent,\n resetChanges,\n setChanges,\n setChangesCounter,\n setChangesData,\n setDetailsPopUpInfoContent,\n setEditMode,\n setFiltersWasHandled,\n setInfoContent,\n showWarning\n} = commonsDetailsStoreSlice.actions\n\nexport default commonsDetailsStoreSlice.reducer\n"],"names":["initialState","commonsDetailsStoreSlice","createSlice","state","action","removeDetailsPopUpInfoContent","removeInfoContent","resetChanges","setChanges","setChangesCounter","setChangesData","setDetailsPopUpInfoContent","setEditMode","setFiltersWasHandled","setInfoContent","showWarning","commonDetailsReducer"],"mappings":";AAqBA,MAAMA,IAAe;AAAA,EACnB,SAAS;AAAA,IACP,SAAS;AAAA,IACT,MAAM,CAAA;AAAA,EACP;AAAA,EACD,yBAAyB,CAAE;AAAA,EAC3B,UAAU;AAAA,EACV,aAAa,CAAE;AAAA,EACf,mBAAmB;AAAA,EACnB,aAAa;AACf,GAEMC,IAA2BC,EAAY;AAAA,EAC3C,MAAM;AAAA,EACN,cAAAF;AAAA,EACA,UAAU;AAAA,IACR,8BAA8BG,GAAO;AACnC,MAAAA,EAAM,0BAA0B,CAAA;AAAA,IACjC;AAAA,IACD,kBAAkBA,GAAO;AACvB,MAAAA,EAAM,cAAc,CAAA;AAAA,IACrB;AAAA,IACD,aAAaA,GAAO;AAClB,MAAAA,EAAM,UAAUH,EAAa;AAAA,IAC9B;AAAA,IACD,WAAWG,GAAOC,GAAQ;AACxB,MAAAD,EAAM,UAAUC,EAAO;AAAA,IACxB;AAAA,IACD,kBAAkBD,GAAOC,GAAQ;AAC/B,MAAAD,EAAM,QAAQ,UAAUC,EAAO;AAAA,IAChC;AAAA,IACD,eAAeD,GAAOC,GAAQ;AAC5B,MAAAD,EAAM,QAAQ,OAAOC,EAAO;AAAA,IAC7B;AAAA,IACD,2BAA2BD,GAAOC,GAAQ;AACxC,MAAAD,EAAM,0BAA0BC,EAAO;AAAA,IACxC;AAAA,IACD,YAAYD,GAAOC,GAAQ;AACzB,MAAAD,EAAM,WAAWC,EAAO;AAAA,IACzB;AAAA,IACD,qBAAqBD,GAAOC,GAAQ;AAClC,MAAAD,EAAM,oBAAoBC,EAAO;AAAA,IAClC;AAAA,IACD,eAAeD,GAAOC,GAAQ;AAC5B,MAAAD,EAAM,cAAcC,EAAO;AAAA,IAC5B;AAAA,IACD,YAAYD,GAAOC,GAAQ;AACzB,MAAAD,EAAM,cAAcC,EAAO;AAAA,IACjC;AAAA,EACA;AACA,CAAC,GAEY;AAAA,EACX,+BAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,aAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AACF,IAAId,EAAyB,SAE7Be,IAAef,EAAyB;"}
1
+ {"version":3,"file":"commonDetailsReducer.mjs","sources":["../../src/lib/reducers/commonDetailsReducer.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 { createSlice } from '@reduxjs/toolkit'\n\nconst initialState = {\n changes: {\n counter: 0,\n data: {}\n },\n detailsPopUpInfoContent: {},\n editMode: false,\n infoContent: {},\n filtersWasHandled: false,\n showWarning: false\n}\n\nconst commonsDetailsStoreSlice = createSlice({\n name: 'commonDetailsStore',\n initialState,\n reducers: {\n removeDetailsPopUpInfoContent(state) {\n state.detailsPopUpInfoContent = {}\n },\n removeInfoContent(state) {\n state.infoContent = {}\n },\n resetChanges(state) {\n state.changes = initialState.changes\n },\n setChanges(state, action) {\n state.changes = action.payload\n },\n setChangesCounter(state, action) {\n state.changes.counter = action.payload\n },\n setChangesData(state, action) {\n state.changes.data = action.payload\n },\n setDetailsPopUpInfoContent(state, action) {\n state.detailsPopUpInfoContent = action.payload\n },\n setEditMode(state, action) {\n state.editMode = action.payload\n },\n setFiltersWasHandled(state, action) {\n state.filtersWasHandled = action.payload\n },\n setInfoContent(state, action) {\n state.infoContent = action.payload\n },\n showWarning(state, action) {\n state.showWarning = action.payload\n }\n }\n})\n\nexport const {\n removeDetailsPopUpInfoContent,\n removeInfoContent,\n resetChanges,\n setChanges,\n setChangesCounter,\n setChangesData,\n setDetailsPopUpInfoContent,\n setEditMode,\n setFiltersWasHandled,\n setInfoContent,\n showWarning\n} = commonsDetailsStoreSlice.actions\n\nexport default commonsDetailsStoreSlice.reducer\n"],"names":["initialState","commonsDetailsStoreSlice","createSlice","state","action","removeDetailsPopUpInfoContent","removeInfoContent","resetChanges","setChanges","setChangesCounter","setChangesData","setDetailsPopUpInfoContent","setEditMode","setFiltersWasHandled","setInfoContent","showWarning","commonDetailsReducer"],"mappings":";AAqBA,MAAMA,IAAe;AAAA,EACnB,SAAS;AAAA,IACP,SAAS;AAAA,IACT,MAAM,CAAA;AAAA,EACV;AAAA,EACE,yBAAyB,CAAA;AAAA,EACzB,UAAU;AAAA,EACV,aAAa,CAAA;AAAA,EACb,mBAAmB;AAAA,EACnB,aAAa;AACf,GAEMC,IAA2BC,EAAY;AAAA,EAC3C,MAAM;AAAA,EACN,cAAAF;AAAA,EACA,UAAU;AAAA,IACR,8BAA8BG,GAAO;AACnC,MAAAA,EAAM,0BAA0B,CAAA;AAAA,IAClC;AAAA,IACA,kBAAkBA,GAAO;AACvB,MAAAA,EAAM,cAAc,CAAA;AAAA,IACtB;AAAA,IACA,aAAaA,GAAO;AAClB,MAAAA,EAAM,UAAUH,EAAa;AAAA,IAC/B;AAAA,IACA,WAAWG,GAAOC,GAAQ;AACxB,MAAAD,EAAM,UAAUC,EAAO;AAAA,IACzB;AAAA,IACA,kBAAkBD,GAAOC,GAAQ;AAC/B,MAAAD,EAAM,QAAQ,UAAUC,EAAO;AAAA,IACjC;AAAA,IACA,eAAeD,GAAOC,GAAQ;AAC5B,MAAAD,EAAM,QAAQ,OAAOC,EAAO;AAAA,IAC9B;AAAA,IACA,2BAA2BD,GAAOC,GAAQ;AACxC,MAAAD,EAAM,0BAA0BC,EAAO;AAAA,IACzC;AAAA,IACA,YAAYD,GAAOC,GAAQ;AACzB,MAAAD,EAAM,WAAWC,EAAO;AAAA,IAC1B;AAAA,IACA,qBAAqBD,GAAOC,GAAQ;AAClC,MAAAD,EAAM,oBAAoBC,EAAO;AAAA,IACnC;AAAA,IACA,eAAeD,GAAOC,GAAQ;AAC5B,MAAAD,EAAM,cAAcC,EAAO;AAAA,IAC7B;AAAA,IACA,YAAYD,GAAOC,GAAQ;AACzB,MAAAD,EAAM,cAAcC,EAAO;AAAA,IAC7B;AAAA,EACJ;AACA,CAAC,GAEY;AAAA,EACX,+BAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,4BAAAC;AAAA,EACA,aAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AACF,IAAId,EAAyB,SAE7Be,IAAef,EAAyB;"}
@@ -1 +1 @@
1
- {"version":3,"file":"notificationReducer.mjs","sources":["../../src/lib/reducers/notificationReducer.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 { createSlice } from '@reduxjs/toolkit'\n\nconst initialState = {\n notification: []\n}\n\nconst notificationSlice = createSlice({\n name: 'notification',\n initialState,\n reducers: {\n setNotification(state, { payload }) {\n if (payload.error) {\n /* eslint-disable-next-line no-console */\n console.error(payload.error)\n }\n\n state.notification.push(payload)\n },\n removeNotification(state, { payload }) {\n state.notification = state.notification.filter(item => item.id !== payload)\n }\n }\n})\n\nexport const { setNotification, removeNotification } = notificationSlice.actions\n\nexport default notificationSlice.reducer\n"],"names":["initialState","notificationSlice","createSlice","state","payload","item","setNotification","removeNotification","notificationReducer"],"mappings":";AAqBA,MAAMA,IAAe;AAAA,EACnB,cAAc,CAAA;AAChB,GAEMC,IAAoBC,EAAY;AAAA,EACpC,MAAM;AAAA,EACN,cAAAF;AAAA,EACA,UAAU;AAAA,IACR,gBAAgBG,GAAO,EAAE,SAAAC,KAAW;AAClC,MAAIA,EAAQ,SAEV,QAAQ,MAAMA,EAAQ,KAAK,GAG7BD,EAAM,aAAa,KAAKC,CAAO;AAAA,IAChC;AAAA,IACD,mBAAmBD,GAAO,EAAE,SAAAC,KAAW;AACrC,MAAAD,EAAM,eAAeA,EAAM,aAAa,OAAO,CAAAE,MAAQA,EAAK,OAAOD,CAAO;AAAA,IAChF;AAAA,EACA;AACA,CAAC,GAEY,EAAE,iBAAAE,GAAiB,oBAAAC,EAAoB,IAAGN,EAAkB,SAEzEO,IAAeP,EAAkB;"}
1
+ {"version":3,"file":"notificationReducer.mjs","sources":["../../src/lib/reducers/notificationReducer.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 { createSlice } from '@reduxjs/toolkit'\n\nconst initialState = {\n notification: []\n}\n\nconst notificationSlice = createSlice({\n name: 'notification',\n initialState,\n reducers: {\n setNotification(state, { payload }) {\n if (payload.error) {\n /* eslint-disable-next-line no-console */\n console.error(payload.error)\n }\n\n state.notification.push(payload)\n },\n removeNotification(state, { payload }) {\n state.notification = state.notification.filter(item => item.id !== payload)\n }\n }\n})\n\nexport const { setNotification, removeNotification } = notificationSlice.actions\n\nexport default notificationSlice.reducer\n"],"names":["initialState","notificationSlice","createSlice","state","payload","item","setNotification","removeNotification","notificationReducer"],"mappings":";AAqBA,MAAMA,IAAe;AAAA,EACnB,cAAc,CAAA;AAChB,GAEMC,IAAoBC,EAAY;AAAA,EACpC,MAAM;AAAA,EACN,cAAAF;AAAA,EACA,UAAU;AAAA,IACR,gBAAgBG,GAAO,EAAE,SAAAC,KAAW;AAClC,MAAIA,EAAQ,SAEV,QAAQ,MAAMA,EAAQ,KAAK,GAG7BD,EAAM,aAAa,KAAKC,CAAO;AAAA,IACjC;AAAA,IACA,mBAAmBD,GAAO,EAAE,SAAAC,KAAW;AACrC,MAAAD,EAAM,eAAeA,EAAM,aAAa,OAAO,CAAAE,MAAQA,EAAK,OAAOD,CAAO;AAAA,IAC5E;AAAA,EACJ;AACA,CAAC,GAEY,EAAE,iBAAAE,GAAiB,oBAAAC,EAAkB,IAAKN,EAAkB,SAEzEO,IAAeP,EAAkB;"}
@@ -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 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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"}
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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"}