iguazio.dashboard-react-controls 2.2.25 → 3.0.1
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.
- package/dist/components/Backdrop/Backdrop.d.ts +14 -0
- package/dist/components/Backdrop/Backdrop.d.ts.map +1 -0
- package/dist/components/Backdrop/Backdrop.mjs +29 -0
- package/dist/components/Backdrop/Backdrop.mjs.map +1 -0
- package/dist/components/Button/Button.d.ts +28 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.mjs +43 -0
- package/dist/components/Button/Button.mjs.map +1 -0
- package/dist/components/Button/Button.stories.d.ts +14 -0
- package/dist/components/Button/Button.stories.d.ts.map +1 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts +33 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.d.ts.map +1 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.mjs +83 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.mjs.map +1 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.stories.d.ts +8 -0
- package/dist/components/ConfirmDialog/ConfirmDialog.stories.d.ts.map +1 -0
- package/dist/components/FormCheckBox/FormCheckBox.d.ts +21 -0
- package/dist/components/FormCheckBox/FormCheckBox.d.ts.map +1 -0
- package/dist/components/FormCheckBox/FormCheckBox.mjs +54 -0
- package/dist/components/FormCheckBox/FormCheckBox.mjs.map +1 -0
- package/dist/components/FormCheckBox/FormCheckbox.stories.d.ts +7 -0
- package/dist/components/FormCheckBox/FormCheckbox.stories.d.ts.map +1 -0
- package/dist/components/FormChipCell/FormChip/FormChip.d.ts +45 -0
- package/dist/components/FormChipCell/FormChip/FormChip.d.ts.map +1 -0
- package/dist/components/FormChipCell/FormChip/FormChip.mjs +78 -0
- package/dist/components/FormChipCell/FormChip/FormChip.mjs.map +1 -0
- package/dist/components/FormChipCell/FormChipCell.d.ts +44 -0
- package/dist/components/FormChipCell/FormChipCell.d.ts.map +1 -0
- package/dist/components/FormChipCell/FormChipCell.mjs +239 -0
- package/dist/components/FormChipCell/FormChipCell.mjs.map +1 -0
- package/dist/components/FormChipCell/FormChipCellView.d.ts +56 -0
- package/dist/components/FormChipCell/FormChipCellView.d.ts.map +1 -0
- package/dist/components/FormChipCell/FormChipCellView.mjs +169 -0
- package/dist/components/FormChipCell/FormChipCellView.mjs.map +1 -0
- package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.d.ts +22 -0
- package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.d.ts.map +1 -0
- package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.mjs +72 -0
- package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.mjs.map +1 -0
- package/dist/components/FormChipCell/NewChipForm/NewChipForm.d.ts +35 -0
- package/dist/components/FormChipCell/NewChipForm/NewChipForm.d.ts.map +1 -0
- package/dist/components/FormChipCell/NewChipForm/NewChipForm.mjs +270 -0
- package/dist/components/FormChipCell/NewChipForm/NewChipForm.mjs.map +1 -0
- package/dist/components/FormChipCell/NewChipInput/NewChipInput.d.ts +16 -0
- package/dist/components/FormChipCell/NewChipInput/NewChipInput.d.ts.map +1 -0
- package/dist/components/FormChipCell/NewChipInput/NewChipInput.mjs +36 -0
- package/dist/components/FormChipCell/NewChipInput/NewChipInput.mjs.map +1 -0
- package/dist/components/FormChipCell/formChipCell.util.d.ts +6 -0
- package/dist/components/FormChipCell/formChipCell.util.d.ts.map +1 -0
- package/dist/components/FormChipCell/formChipCell.util.mjs +24 -0
- package/dist/components/FormChipCell/formChipCell.util.mjs.map +1 -0
- package/dist/components/FormCombobox/FormCombobox.d.ts +56 -0
- package/dist/components/FormCombobox/FormCombobox.d.ts.map +1 -0
- package/dist/components/FormCombobox/FormCombobox.mjs +278 -0
- package/dist/components/FormCombobox/FormCombobox.mjs.map +1 -0
- package/dist/components/FormCombobox/FormCombobox.stories.d.ts +12 -0
- package/dist/components/FormCombobox/FormCombobox.stories.d.ts.map +1 -0
- package/dist/components/FormInput/FormInput.d.ts +3 -0
- package/dist/components/FormInput/FormInput.d.ts.map +1 -0
- package/dist/components/FormInput/FormInput.mjs +272 -0
- package/dist/components/FormInput/FormInput.mjs.map +1 -0
- package/dist/components/FormInput/FormInput.stories.d.ts +14 -0
- package/dist/components/FormInput/FormInput.stories.d.ts.map +1 -0
- package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.d.ts +20 -0
- package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.d.ts.map +1 -0
- package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.mjs +61 -0
- package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.mjs.map +1 -0
- package/dist/components/FormKeyValueTable/FormKeyValueTable.d.ts +49 -0
- package/dist/components/FormKeyValueTable/FormKeyValueTable.d.ts.map +1 -0
- package/dist/components/FormKeyValueTable/FormKeyValueTable.mjs +202 -0
- package/dist/components/FormKeyValueTable/FormKeyValueTable.mjs.map +1 -0
- package/dist/components/FormOnChange/FormOnChange.d.ts +12 -0
- package/dist/components/FormOnChange/FormOnChange.d.ts.map +1 -0
- package/dist/components/FormOnChange/FormOnChange.mjs +33 -0
- package/dist/components/FormOnChange/FormOnChange.mjs.map +1 -0
- package/dist/components/FormRadio/FormRadio.d.ts +19 -0
- package/dist/components/FormRadio/FormRadio.d.ts.map +1 -0
- package/dist/components/FormRadio/FormRadio.mjs +57 -0
- package/dist/components/FormRadio/FormRadio.mjs.map +1 -0
- package/dist/components/FormRadio/FormRadio.stories.d.ts +7 -0
- package/dist/components/FormRadio/FormRadio.stories.d.ts.map +1 -0
- package/dist/components/FormSelect/FormSelect.d.ts +43 -0
- package/dist/components/FormSelect/FormSelect.d.ts.map +1 -0
- package/dist/components/FormSelect/FormSelect.mjs +257 -0
- package/dist/components/FormSelect/FormSelect.mjs.map +1 -0
- package/dist/components/FormSelect/FormSelect.stories.d.ts +10 -0
- package/dist/components/FormSelect/FormSelect.stories.d.ts.map +1 -0
- package/dist/components/FormTextarea/FormTextarea.d.ts +40 -0
- package/dist/components/FormTextarea/FormTextarea.d.ts.map +1 -0
- package/dist/components/FormTextarea/FormTextarea.mjs +122 -0
- package/dist/components/FormTextarea/FormTextarea.mjs.map +1 -0
- package/dist/components/FormTextarea/FormTextarea.stories.d.ts +9 -0
- package/dist/components/FormTextarea/FormTextarea.stories.d.ts.map +1 -0
- package/dist/components/FormToggle/FormToggle.d.ts +18 -0
- package/dist/components/FormToggle/FormToggle.d.ts.map +1 -0
- package/dist/components/FormToggle/FormToggle.mjs +48 -0
- package/dist/components/FormToggle/FormToggle.mjs.map +1 -0
- package/dist/components/Modal/Modal.d.ts +29 -0
- package/dist/components/Modal/Modal.d.ts.map +1 -0
- package/dist/components/Modal/Modal.mjs +71 -0
- package/dist/components/Modal/Modal.mjs.map +1 -0
- package/dist/components/PopUpDialog/PopUpDialog.d.ts +28 -0
- package/dist/components/PopUpDialog/PopUpDialog.d.ts.map +1 -0
- package/dist/components/PopUpDialog/PopUpDialog.mjs +90 -0
- package/dist/components/PopUpDialog/PopUpDialog.mjs.map +1 -0
- package/dist/components/RoundedIcon/RoundedIcon.d.ts +23 -0
- package/dist/components/RoundedIcon/RoundedIcon.d.ts.map +1 -0
- package/dist/components/RoundedIcon/RoundedIcon.mjs +40 -0
- package/dist/components/RoundedIcon/RoundedIcon.mjs.map +1 -0
- package/dist/components/RoundedIcon/RoundedIcon.stories.d.ts +9 -0
- package/dist/components/RoundedIcon/RoundedIcon.stories.d.ts.map +1 -0
- package/dist/components/Tip/Tip.d.ts +14 -0
- package/dist/components/Tip/Tip.d.ts.map +1 -0
- package/dist/components/Tip/Tip.mjs +67 -0
- package/dist/components/Tip/Tip.mjs.map +1 -0
- package/dist/components/Tip/Tip.stories.d.ts +7 -0
- package/dist/components/Tip/Tip.stories.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +22 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.mjs +136 -0
- package/dist/components/Tooltip/Tooltip.mjs.map +1 -0
- package/dist/components/Tooltip/Tooltip.stories.d.ts +8 -0
- package/dist/components/Tooltip/Tooltip.stories.d.ts.map +1 -0
- package/dist/components/TooltipTemplate/ProducerTooltipTemplate.d.ts +12 -0
- package/dist/components/TooltipTemplate/ProducerTooltipTemplate.d.ts.map +1 -0
- package/dist/components/TooltipTemplate/TextTooltipTemplate.d.ts +12 -0
- package/dist/components/TooltipTemplate/TextTooltipTemplate.d.ts.map +1 -0
- package/dist/components/TooltipTemplate/TextTooltipTemplate.mjs +21 -0
- package/dist/components/TooltipTemplate/TextTooltipTemplate.mjs.map +1 -0
- package/dist/components/Wizard/Wizard.d.ts +33 -0
- package/dist/components/Wizard/Wizard.d.ts.map +1 -0
- package/dist/components/Wizard/Wizard.mjs +129 -0
- package/dist/components/Wizard/Wizard.mjs.map +1 -0
- package/dist/components/Wizard/WizardSteps/WizardSteps.d.ts +16 -0
- package/dist/components/Wizard/WizardSteps/WizardSteps.d.ts.map +1 -0
- package/dist/components/Wizard/WizardSteps/WizardSteps.mjs +41 -0
- package/dist/components/Wizard/WizardSteps/WizardSteps.mjs.map +1 -0
- package/dist/components/index.d.ts +21 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/index.mjs +41 -0
- package/dist/components/index.mjs.map +1 -0
- package/dist/constants.d.ts +114 -0
- package/dist/constants.d.ts.map +1 -0
- package/dist/constants.mjs +44 -0
- package/dist/constants.mjs.map +1 -0
- package/dist/elements/FormActionButton/FormActionButton.d.ts +23 -0
- package/dist/elements/FormActionButton/FormActionButton.d.ts.map +1 -0
- package/dist/elements/FormActionButton/FormActionButton.mjs +43 -0
- package/dist/elements/FormActionButton/FormActionButton.mjs.map +1 -0
- package/dist/elements/FormRowActions/FormRowActions.d.ts +27 -0
- package/dist/elements/FormRowActions/FormRowActions.d.ts.map +1 -0
- package/dist/elements/FormRowActions/FormRowActions.mjs +87 -0
- package/dist/elements/FormRowActions/FormRowActions.mjs.map +1 -0
- package/dist/elements/OptionsMenu/OptionsMenu.d.ts +18 -0
- package/dist/elements/OptionsMenu/OptionsMenu.d.ts.map +1 -0
- package/dist/elements/OptionsMenu/OptionsMenu.mjs +47 -0
- package/dist/elements/OptionsMenu/OptionsMenu.mjs.map +1 -0
- package/dist/elements/SelectOption/SelectOption.d.ts +20 -0
- package/dist/elements/SelectOption/SelectOption.d.ts.map +1 -0
- package/dist/elements/SelectOption/SelectOption.mjs +84 -0
- package/dist/elements/SelectOption/SelectOption.mjs.map +1 -0
- package/dist/elements/ValidationTemplate/ValidationTemplate.d.ts +12 -0
- package/dist/elements/ValidationTemplate/ValidationTemplate.d.ts.map +1 -0
- package/dist/elements/ValidationTemplate/ValidationTemplate.mjs +22 -0
- package/dist/elements/ValidationTemplate/ValidationTemplate.mjs.map +1 -0
- package/dist/elements/index.d.ts +7 -0
- package/dist/elements/index.d.ts.map +1 -0
- package/dist/elements/index.mjs +13 -0
- package/dist/elements/index.mjs.map +1 -0
- package/dist/hooks/index.d.ts +6 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/index.mjs +13 -0
- package/dist/hooks/index.mjs.map +1 -0
- package/dist/hooks/useChipCell.hook.d.ts +13 -0
- package/dist/hooks/useChipCell.hook.d.ts.map +1 -0
- package/dist/hooks/useChipCell.hook.mjs +58 -0
- package/dist/hooks/useChipCell.hook.mjs.map +1 -0
- package/dist/hooks/useDebounce.hook.d.ts +2 -0
- package/dist/hooks/useDebounce.hook.d.ts.map +1 -0
- package/dist/hooks/useDebounce.hook.mjs +19 -0
- package/dist/hooks/useDebounce.hook.mjs.map +1 -0
- package/dist/hooks/useDetectOutsideClick.hook.d.ts +2 -0
- package/dist/hooks/useDetectOutsideClick.hook.d.ts.map +1 -0
- package/dist/hooks/useDetectOutsideClick.hook.mjs +15 -0
- package/dist/hooks/useDetectOutsideClick.hook.mjs.map +1 -0
- package/dist/hooks/useFormTable.hook.d.ts +16 -0
- package/dist/hooks/useFormTable.hook.d.ts.map +1 -0
- package/dist/hooks/useFormTable.hook.mjs +128 -0
- package/dist/hooks/useFormTable.hook.mjs.map +1 -0
- package/dist/hooks/useHiddenChipsBlock.hook.d.ts +4 -0
- package/dist/hooks/useHiddenChipsBlock.hook.d.ts.map +1 -0
- package/dist/hooks/useHiddenChipsBlock.hook.mjs +51 -0
- package/dist/hooks/useHiddenChipsBlock.hook.mjs.map +1 -0
- package/dist/images/add.svg.mjs +6 -0
- package/dist/images/add.svg.mjs.map +1 -0
- package/dist/images/alerts-icon.svg +3 -0
- package/dist/images/arrow.svg.mjs +6 -0
- package/dist/images/arrow.svg.mjs.map +1 -0
- package/dist/images/back-arrow.svg.mjs +6 -0
- package/dist/images/back-arrow.svg.mjs.map +1 -0
- package/dist/images/checkmark.svg.mjs +6 -0
- package/dist/images/checkmark.svg.mjs.map +1 -0
- package/dist/images/checkmark2.svg.mjs +6 -0
- package/dist/images/checkmark2.svg.mjs.map +1 -0
- package/dist/images/close.svg.mjs +6 -0
- package/dist/images/close.svg.mjs.map +1 -0
- package/dist/images/delete.svg.mjs +6 -0
- package/dist/images/delete.svg.mjs.map +1 -0
- package/dist/images/documents-icon.svg +3 -0
- package/dist/images/dropdown.svg.mjs +6 -0
- package/dist/images/dropdown.svg.mjs.map +1 -0
- package/dist/images/edit.svg.mjs +6 -0
- package/dist/images/edit.svg.mjs.map +1 -0
- package/dist/images/exclamation-mark.svg.mjs +6 -0
- package/dist/images/exclamation-mark.svg.mjs.map +1 -0
- package/dist/images/llm-prompt-icon.svg +3 -0
- package/dist/images/mlrun-api-gateways.svg +8 -0
- package/dist/images/mlrun-artifacts.svg +11 -0
- package/dist/images/mlrun-datasets.svg +5 -0
- package/dist/images/mlrun-feature-store.svg +10 -0
- package/dist/images/mlrun-jobs-and-workflows.svg +5 -0
- package/dist/images/mlrun-ml-functions.svg +8 -0
- package/dist/images/mlrun-models.svg +5 -0
- package/dist/images/mlrun-project-home.svg +5 -0
- package/dist/images/mlrun-project-monitoring.svg +9 -0
- package/dist/images/mlrun-project-settings.svg +5 -0
- package/dist/images/mlrun-realtime-functions.svg +8 -0
- package/dist/images/model-monitoring.svg +3 -0
- package/dist/images/plus.svg.mjs +6 -0
- package/dist/images/plus.svg.mjs.map +1 -0
- package/dist/images/popout.svg.mjs +6 -0
- package/dist/images/popout.svg.mjs.map +1 -0
- package/dist/images/question-mark.svg.mjs +6 -0
- package/dist/images/question-mark.svg.mjs.map +1 -0
- package/dist/images/range-arrow-small.svg.mjs +6 -0
- package/dist/images/range-arrow-small.svg.mjs.map +1 -0
- package/dist/images/search.svg.mjs +6 -0
- package/dist/images/search.svg.mjs.map +1 -0
- package/dist/images/success_done.svg.mjs +6 -0
- package/dist/images/success_done.svg.mjs.map +1 -0
- package/dist/images/warning.svg.mjs +6 -0
- package/dist/images/warning.svg.mjs.map +1 -0
- package/dist/index.css +1 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.mjs +15 -0
- package/dist/index.mjs.map +1 -0
- package/dist/robots.txt +3 -0
- package/dist/scss/borders.scss +22 -22
- package/dist/scss/colors.scss +0 -11
- package/dist/scss/common.scss +48 -33
- package/dist/scss/fonts.scss +6 -0
- package/dist/scss/mixins.scss +117 -106
- package/dist/scss/shadows.scss +12 -12
- package/dist/scss/variables.scss +3 -3
- package/dist/types.d.ts +25 -0
- package/dist/types.d.ts.map +1 -0
- package/dist/types.mjs +143 -0
- package/dist/types.mjs.map +1 -0
- package/dist/utils/common.util.d.ts +10 -0
- package/dist/utils/common.util.d.ts.map +1 -0
- package/dist/utils/common.util.mjs +60 -0
- package/dist/utils/common.util.mjs.map +1 -0
- package/dist/utils/form.util.d.ts +11 -0
- package/dist/utils/form.util.d.ts.map +1 -0
- package/dist/utils/form.util.mjs +26 -0
- package/dist/utils/form.util.mjs.map +1 -0
- package/dist/utils/generateChipsList.util.d.ts +10 -0
- package/dist/utils/generateChipsList.util.d.ts.map +1 -0
- package/dist/utils/generateChipsList.util.mjs +19 -0
- package/dist/utils/generateChipsList.util.mjs.map +1 -0
- package/dist/utils/getFirstScrollableParent.util.d.ts +2 -0
- package/dist/utils/getFirstScrollableParent.util.d.ts.map +1 -0
- package/dist/utils/getFirstScrollableParent.util.mjs +5 -0
- package/dist/utils/getFirstScrollableParent.util.mjs.map +1 -0
- package/dist/utils/index.d.ts +7 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.mjs +15 -0
- package/dist/utils/index.mjs.map +1 -0
- package/dist/utils/math.util.d.ts +2 -0
- package/dist/utils/math.util.d.ts.map +1 -0
- package/dist/utils/math.util.mjs +18 -0
- package/dist/utils/math.util.mjs.map +1 -0
- package/dist/utils/validation.util.d.ts +6 -0
- package/dist/utils/validation.util.d.ts.map +1 -0
- package/dist/utils/validation.util.mjs +306 -0
- package/dist/utils/validation.util.mjs.map +1 -0
- package/package.json +48 -38
- package/dist/components/Backdrop/Backdrop.js +0 -56
- package/dist/components/Backdrop/Backdrop.scss +0 -32
- package/dist/components/Button/Button.js +0 -73
- package/dist/components/Button/Button.scss +0 -171
- package/dist/components/ConfirmDialog/ConfirmDialog.js +0 -101
- package/dist/components/ConfirmDialog/confirmDialog.scss +0 -23
- package/dist/components/FormCheckBox/FormCheckBox.js +0 -82
- package/dist/components/FormCheckBox/formCheckBox.scss +0 -91
- package/dist/components/FormChipCell/FormChip/FormChip.js +0 -103
- package/dist/components/FormChipCell/FormChip/formChip.scss +0 -68
- package/dist/components/FormChipCell/FormChipCell.js +0 -339
- package/dist/components/FormChipCell/FormChipCellView.js +0 -190
- package/dist/components/FormChipCell/HiddenChipsBlock/HiddenChipsBlock.js +0 -107
- package/dist/components/FormChipCell/NewChipForm/NewChipForm.js +0 -353
- package/dist/components/FormChipCell/NewChipForm/newChipForm.scss +0 -81
- package/dist/components/FormChipCell/NewChipInput/NewChipInput.js +0 -71
- package/dist/components/FormChipCell/formChipCell.scss +0 -64
- package/dist/components/FormChipCell/formChipCell.util.js +0 -52
- package/dist/components/FormCombobox/FormCombobox.js +0 -432
- package/dist/components/FormCombobox/formCombobox.scss +0 -134
- package/dist/components/FormInput/FormInput.js +0 -408
- package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.js +0 -91
- package/dist/components/FormInput/InputNumberButtons/InputNumberButtons.scss +0 -123
- package/dist/components/FormInput/formInput.scss +0 -76
- package/dist/components/FormKeyValueTable/FormKeyValueTable.js +0 -221
- package/dist/components/FormOnChange/FormOnChange.js +0 -69
- package/dist/components/FormRadio/FormRadio.js +0 -85
- package/dist/components/FormRadio/FormRadio.scss +0 -41
- package/dist/components/FormSelect/FormSelect.js +0 -353
- package/dist/components/FormSelect/FormSelect.test.js +0 -138
- package/dist/components/FormSelect/formSelect.scss +0 -97
- package/dist/components/FormTextarea/FormTextarea.js +0 -184
- package/dist/components/FormTextarea/formTextarea.scss +0 -32
- package/dist/components/FormToggle/FormToggle.js +0 -82
- package/dist/components/FormToggle/formToggle.scss +0 -58
- package/dist/components/Modal/Modal.js +0 -116
- package/dist/components/Modal/Modal.scss +0 -149
- package/dist/components/PopUpDialog/PopUpDialog.js +0 -171
- package/dist/components/PopUpDialog/popUpDialog.scss +0 -83
- package/dist/components/RoundedIcon/RoundedIcon.js +0 -72
- package/dist/components/RoundedIcon/roundedIcon.scss +0 -57
- package/dist/components/Tip/Tip.js +0 -116
- package/dist/components/Tip/Tip.test.js +0 -64
- package/dist/components/Tip/tip.scss +0 -94
- package/dist/components/Tooltip/Tooltip.js +0 -180
- package/dist/components/Tooltip/Tooltip.test.js +0 -155
- package/dist/components/Tooltip/tooltip.scss +0 -29
- package/dist/components/TooltipTemplate/ProducerTooltipTemplate.js +0 -53
- package/dist/components/TooltipTemplate/TextTooltipTemplate.js +0 -53
- package/dist/components/TooltipTemplate/producerTooltipTemplate.scss +0 -23
- package/dist/components/TooltipTemplate/textTooltipTemplate.scss +0 -21
- package/dist/components/Wizard/Wizard.js +0 -192
- package/dist/components/Wizard/Wizard.scss +0 -53
- package/dist/components/Wizard/WizardSteps/WizardSteps.js +0 -74
- package/dist/components/Wizard/WizardSteps/WizardSteps.scss +0 -108
- package/dist/components/index.js +0 -139
- package/dist/constants.js +0 -120
- package/dist/elements/FormActionButton/FormActionButton.js +0 -64
- package/dist/elements/FormRowActions/FormRowActions.js +0 -99
- package/dist/elements/OptionsMenu/OptionsMenu.js +0 -75
- package/dist/elements/OptionsMenu/optionsMenu.scss +0 -45
- package/dist/elements/SelectOption/SelectOption.js +0 -107
- package/dist/elements/SelectOption/SelectOption.test.js +0 -98
- package/dist/elements/SelectOption/selectOption.scss +0 -98
- package/dist/elements/ValidationTemplate/ValidationTemplate.js +0 -56
- package/dist/elements/ValidationTemplate/ValidationTemplate.scss +0 -36
- package/dist/elements/index.js +0 -41
- package/dist/hooks/index.js +0 -40
- package/dist/hooks/useChipCell.hook.js +0 -129
- package/dist/hooks/useDebounce.hook.js +0 -52
- package/dist/hooks/useDetectOutsideClick.hook.js +0 -47
- package/dist/hooks/useFormTable.hook.js +0 -224
- package/dist/hooks/useHiddenChipsBlock.hook.js +0 -102
- package/dist/index.js +0 -18
- package/dist/types.js +0 -127
- package/dist/utils/common.util.js +0 -130
- package/dist/utils/form.util.js +0 -70
- package/dist/utils/generateChipsList.util.js +0 -39
- package/dist/utils/getFirstScrollableParent.util.js +0 -49
- package/dist/utils/math.util.js +0 -44
- package/dist/utils/validation.util.js +0 -401
|
@@ -1,192 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _lodash = require("lodash");
|
|
11
|
-
var _Button = _interopRequireDefault(require("../Button/Button"));
|
|
12
|
-
var _Modal = _interopRequireDefault(require("../Modal/Modal"));
|
|
13
|
-
var _WizardSteps = _interopRequireDefault(require("./WizardSteps/WizardSteps"));
|
|
14
|
-
var _constants = require("../../constants");
|
|
15
|
-
var _types = require("../../types");
|
|
16
|
-
var _backArrow = require("../../images/back-arrow.svg");
|
|
17
|
-
require("./Wizard.scss");
|
|
18
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
21
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
22
|
-
/*
|
|
23
|
-
Copyright 2022 Iguazio Systems Ltd.
|
|
24
|
-
Licensed under the Apache License, Version 2.0 (the "License") with
|
|
25
|
-
an addition restriction as set forth herein. You may not use this
|
|
26
|
-
file except in compliance with the License. You may obtain a copy of
|
|
27
|
-
the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
28
|
-
Unless required by applicable law or agreed to in writing, software
|
|
29
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
30
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
31
|
-
implied. See the License for the specific language governing
|
|
32
|
-
permissions and limitations under the License.
|
|
33
|
-
In addition, you may not use the software for any purposes that are
|
|
34
|
-
illegal under applicable law, and the grant of the foregoing license
|
|
35
|
-
under the Apache 2.0 license is conditioned upon your compliance with
|
|
36
|
-
such restriction.
|
|
37
|
-
*/
|
|
38
|
-
|
|
39
|
-
const Wizard = _ref => {
|
|
40
|
-
let {
|
|
41
|
-
children,
|
|
42
|
-
className = '',
|
|
43
|
-
getActions = null,
|
|
44
|
-
isWizardOpen,
|
|
45
|
-
location,
|
|
46
|
-
onWizardResolve,
|
|
47
|
-
previewText = '',
|
|
48
|
-
size = _constants.MODAL_MD,
|
|
49
|
-
stepsConfig = [],
|
|
50
|
-
subTitle = null,
|
|
51
|
-
title
|
|
52
|
-
} = _ref;
|
|
53
|
-
const wizardClasses = (0, _classnames.default)('wizard-form', className);
|
|
54
|
-
const [jumpingToFirstInvalid, setJumpingToFirstInvalid] = (0, _react.useState)(false);
|
|
55
|
-
const [activeStepNumber, setActiveStepNumber] = (0, _react.useState)(0);
|
|
56
|
-
const [firstDisabledStepIdx, setFirstDisabledStepIdx] = (0, _react.useState)(null);
|
|
57
|
-
const visibleSteps = (0, _react.useMemo)(() => {
|
|
58
|
-
return stepsConfig?.filter(step => !step.hidden) || [];
|
|
59
|
-
}, [stepsConfig]);
|
|
60
|
-
(0, _react.useLayoutEffect)(() => {
|
|
61
|
-
const disabledStep = visibleSteps.find((step, stepIdx) => {
|
|
62
|
-
if (step.disabled) {
|
|
63
|
-
setFirstDisabledStepIdx(stepIdx);
|
|
64
|
-
}
|
|
65
|
-
return step.disabled;
|
|
66
|
-
});
|
|
67
|
-
if (!disabledStep) {
|
|
68
|
-
setFirstDisabledStepIdx(null);
|
|
69
|
-
}
|
|
70
|
-
}, [visibleSteps]);
|
|
71
|
-
(0, _react.useEffect)(() => {
|
|
72
|
-
const firstInvalidStepIdx = visibleSteps.findIndex(step => step.invalid);
|
|
73
|
-
if (jumpingToFirstInvalid && (0, _lodash.isNumber)(firstInvalidStepIdx) && firstInvalidStepIdx !== -1) {
|
|
74
|
-
setActiveStepNumber(firstInvalidStepIdx);
|
|
75
|
-
setJumpingToFirstInvalid(false);
|
|
76
|
-
}
|
|
77
|
-
}, [jumpingToFirstInvalid, visibleSteps]);
|
|
78
|
-
const stepsTemplate = (0, _react.useMemo)(() => {
|
|
79
|
-
return _react.default.Children.toArray(children).filter((child, idx) => !(0, _lodash.isEmpty)(stepsConfig) && !stepsConfig[idx].hidden).map((child, idx) => {
|
|
80
|
-
const stepIsActive = idx === activeStepNumber;
|
|
81
|
-
const newChild = !(0, _lodash.isNumber)(firstDisabledStepIdx) || idx < firstDisabledStepIdx ? /*#__PURE__*/_react.default.cloneElement(child, {
|
|
82
|
-
stepIsActive
|
|
83
|
-
}) : null;
|
|
84
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
85
|
-
className: !stepIsActive ? 'wizard-form__hidden-content-item' : 'wizard-form__visible-content-item',
|
|
86
|
-
children: newChild
|
|
87
|
-
}, idx);
|
|
88
|
-
});
|
|
89
|
-
}, [activeStepNumber, children, firstDisabledStepIdx, stepsConfig]);
|
|
90
|
-
const totalSteps = (0, _react.useMemo)(() => {
|
|
91
|
-
return visibleSteps.length - 1 || 0;
|
|
92
|
-
}, [visibleSteps]);
|
|
93
|
-
const isLastStep = (0, _react.useMemo)(() => {
|
|
94
|
-
return activeStepNumber === totalSteps;
|
|
95
|
-
}, [activeStepNumber, totalSteps]);
|
|
96
|
-
const goToNextStep = () => {
|
|
97
|
-
setActiveStepNumber(prevStep => Math.min(++prevStep, totalSteps));
|
|
98
|
-
};
|
|
99
|
-
const goToPreviousStep = () => setActiveStepNumber(prevStep => Math.max(--prevStep, 0));
|
|
100
|
-
const goToFirstInvalidStep = () => {
|
|
101
|
-
setJumpingToFirstInvalid(true);
|
|
102
|
-
};
|
|
103
|
-
const jumpToStep = idx => {
|
|
104
|
-
return setActiveStepNumber(idx);
|
|
105
|
-
};
|
|
106
|
-
const getDefaultActions = stepConfig => {
|
|
107
|
-
const defaultActions = [];
|
|
108
|
-
if (activeStepNumber !== 0) {
|
|
109
|
-
defaultActions.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
110
|
-
id: "wizard-btn-back",
|
|
111
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_backArrow.ReactComponent, {}),
|
|
112
|
-
className: "wizard-form__back-button",
|
|
113
|
-
onClick: goToPreviousStep,
|
|
114
|
-
disabled: activeStepNumber === 0,
|
|
115
|
-
label: "Back",
|
|
116
|
-
type: "button",
|
|
117
|
-
variant: _constants.TERTIARY_BUTTON
|
|
118
|
-
}));
|
|
119
|
-
}
|
|
120
|
-
defaultActions.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
121
|
-
id: "wizard-btn-next",
|
|
122
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_backArrow.ReactComponent, {}),
|
|
123
|
-
iconPosition: "right",
|
|
124
|
-
className: "wizard-form__next-button",
|
|
125
|
-
disabled: stepConfig?.nextIsDisabled || isLastStep,
|
|
126
|
-
onClick: goToNextStep,
|
|
127
|
-
label: "Next",
|
|
128
|
-
type: "button",
|
|
129
|
-
variant: _constants.TERTIARY_BUTTON
|
|
130
|
-
}));
|
|
131
|
-
return defaultActions;
|
|
132
|
-
};
|
|
133
|
-
const renderModalActions = () => {
|
|
134
|
-
if ((0, _lodash.isEmpty)(visibleSteps)) return [];
|
|
135
|
-
const actionsList = getDefaultActions(visibleSteps[activeStepNumber]);
|
|
136
|
-
const allStepsAreEnabled = visibleSteps.every(step => !step.disabled);
|
|
137
|
-
if (getActions) {
|
|
138
|
-
const actions = getActions({
|
|
139
|
-
allStepsAreEnabled,
|
|
140
|
-
jumpToStep,
|
|
141
|
-
goToFirstInvalidStep
|
|
142
|
-
});
|
|
143
|
-
const mainActions = actions.map(action => /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
144
|
-
...action
|
|
145
|
-
}));
|
|
146
|
-
actionsList.push(...mainActions);
|
|
147
|
-
}
|
|
148
|
-
return actionsList;
|
|
149
|
-
};
|
|
150
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Modal.default, {
|
|
151
|
-
actions: renderModalActions(),
|
|
152
|
-
className: wizardClasses,
|
|
153
|
-
location: location,
|
|
154
|
-
onClose: onWizardResolve,
|
|
155
|
-
previewText: previewText,
|
|
156
|
-
show: isWizardOpen,
|
|
157
|
-
size: size,
|
|
158
|
-
subTitle: subTitle,
|
|
159
|
-
title: title,
|
|
160
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_WizardSteps.default, {
|
|
161
|
-
activeStepNumber: activeStepNumber,
|
|
162
|
-
firstDisabledStepIdx: firstDisabledStepIdx,
|
|
163
|
-
jumpToStep: jumpToStep,
|
|
164
|
-
steps: visibleSteps
|
|
165
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
166
|
-
className: "wizard-form__content-container",
|
|
167
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
168
|
-
className: "wizard-form__content",
|
|
169
|
-
children: stepsTemplate
|
|
170
|
-
})
|
|
171
|
-
})]
|
|
172
|
-
});
|
|
173
|
-
};
|
|
174
|
-
Wizard.propsTypes = {
|
|
175
|
-
className: _propTypes.default.string,
|
|
176
|
-
getActions: _propTypes.default.func,
|
|
177
|
-
isWizardOpen: _propTypes.default.bool.isRequired,
|
|
178
|
-
location: _propTypes.default.string.isRequired,
|
|
179
|
-
onWizardResolve: _propTypes.default.func.isRequired,
|
|
180
|
-
previewText: _propTypes.default.string,
|
|
181
|
-
size: _types.MODAL_SIZES,
|
|
182
|
-
stepsConfig: _types.WIZARD_STEPS_CONFIG,
|
|
183
|
-
subTitle: _propTypes.default.string,
|
|
184
|
-
title: _propTypes.default.string.isRequired
|
|
185
|
-
};
|
|
186
|
-
Wizard.Step = _ref2 => {
|
|
187
|
-
let {
|
|
188
|
-
children
|
|
189
|
-
} = _ref2;
|
|
190
|
-
return children;
|
|
191
|
-
};
|
|
192
|
-
var _default = exports.default = Wizard;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
.wizard-form {
|
|
2
|
-
.modal__body {
|
|
3
|
-
display: flex;
|
|
4
|
-
flex-flow: column nowrap;
|
|
5
|
-
overflow: hidden;
|
|
6
|
-
padding: 0;
|
|
7
|
-
|
|
8
|
-
@media screen and (min-width: 1200px) {
|
|
9
|
-
flex-flow: row nowrap;
|
|
10
|
-
}
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.wizard-form__content-container {
|
|
14
|
-
overflow-y: auto;
|
|
15
|
-
height: 100%;
|
|
16
|
-
width: 100%;
|
|
17
|
-
padding: 0 2rem 1.5rem;
|
|
18
|
-
|
|
19
|
-
@media screen and (min-width: 1200px) {
|
|
20
|
-
padding: 1.5rem 2rem 1.5rem 1rem;
|
|
21
|
-
}
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
.wizard-form__content {
|
|
25
|
-
min-width: 350px;
|
|
26
|
-
height: 100%;
|
|
27
|
-
|
|
28
|
-
.wizard-form__hidden-content-item {
|
|
29
|
-
position: absolute;
|
|
30
|
-
visibility: hidden;
|
|
31
|
-
height: 0;
|
|
32
|
-
opacity: 0;
|
|
33
|
-
pointer-events: none;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
.wizard-form__visible-content-item {
|
|
37
|
-
height: 100%;
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
&__back-button,
|
|
42
|
-
&__next-button {
|
|
43
|
-
svg {
|
|
44
|
-
width: 14px;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
&__next-button {
|
|
49
|
-
svg {
|
|
50
|
-
rotate: 180deg;
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
}
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
-
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
-
var _lodash = require("lodash");
|
|
11
|
-
var _Button = _interopRequireDefault(require("../../Button/Button"));
|
|
12
|
-
var _types = require("../../../types");
|
|
13
|
-
require("./WizardSteps.scss");
|
|
14
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
15
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
16
|
-
/*
|
|
17
|
-
Copyright 2022 Iguazio Systems Ltd.
|
|
18
|
-
Licensed under the Apache License, Version 2.0 (the "License") with
|
|
19
|
-
an addition restriction as set forth herein. You may not use this
|
|
20
|
-
file except in compliance with the License. You may obtain a copy of
|
|
21
|
-
the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
22
|
-
Unless required by applicable law or agreed to in writing, software
|
|
23
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
24
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
25
|
-
implied. See the License for the specific language governing
|
|
26
|
-
permissions and limitations under the License.
|
|
27
|
-
In addition, you may not use the software for any purposes that are
|
|
28
|
-
illegal under applicable law, and the grant of the foregoing license
|
|
29
|
-
under the Apache 2.0 license is conditioned upon your compliance with
|
|
30
|
-
such restriction.
|
|
31
|
-
*/
|
|
32
|
-
|
|
33
|
-
const WizardSteps = _ref => {
|
|
34
|
-
let {
|
|
35
|
-
activeStepNumber,
|
|
36
|
-
firstDisabledStepIdx = null,
|
|
37
|
-
jumpToStep,
|
|
38
|
-
steps
|
|
39
|
-
} = _ref;
|
|
40
|
-
const getStepClassNames = (idx, invalid) => (0, _classnames.default)('wizard-steps__item', idx === activeStepNumber && 'wizard-steps__item_active', invalid && 'wizard-steps__item_invalid');
|
|
41
|
-
const handleJumpToStep = (event, idx) => {
|
|
42
|
-
event.preventDefault();
|
|
43
|
-
jumpToStep(idx);
|
|
44
|
-
};
|
|
45
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
46
|
-
className: "wizard-steps",
|
|
47
|
-
children: steps.map((_ref2, idx) => {
|
|
48
|
-
let {
|
|
49
|
-
id,
|
|
50
|
-
label,
|
|
51
|
-
disabled,
|
|
52
|
-
invalid
|
|
53
|
-
} = _ref2;
|
|
54
|
-
const stepIsDisabled = (0, _lodash.isNumber)(firstDisabledStepIdx) && idx >= firstDisabledStepIdx;
|
|
55
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
56
|
-
className: getStepClassNames(idx, invalid),
|
|
57
|
-
disabled: stepIsDisabled,
|
|
58
|
-
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
59
|
-
className: "wizard-steps__indicator",
|
|
60
|
-
children: idx + 1
|
|
61
|
-
}),
|
|
62
|
-
label: label,
|
|
63
|
-
onClick: e => handleJumpToStep(e, idx)
|
|
64
|
-
}, id);
|
|
65
|
-
})
|
|
66
|
-
});
|
|
67
|
-
};
|
|
68
|
-
WizardSteps.propTypes = {
|
|
69
|
-
activeStepNumber: _propTypes.default.number.isRequired,
|
|
70
|
-
firstDisabledStepIdx: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.oneOf([null])]),
|
|
71
|
-
jumpToStep: _propTypes.default.func.isRequired,
|
|
72
|
-
steps: _types.WIZARD_STEPS_CONFIG
|
|
73
|
-
};
|
|
74
|
-
var _default = exports.default = WizardSteps;
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
@import '../../../scss/variables';
|
|
2
|
-
@import '../../../scss/colors';
|
|
3
|
-
@import '../../../scss/borders';
|
|
4
|
-
|
|
5
|
-
.wizard-steps {
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-flow: row nowrap;
|
|
8
|
-
background-color: $white;
|
|
9
|
-
min-width: 260px;
|
|
10
|
-
margin: 1.5rem 0;
|
|
11
|
-
padding: 0 2rem;
|
|
12
|
-
|
|
13
|
-
@media screen and (min-width: 1200px) {
|
|
14
|
-
flex-flow: column nowrap;
|
|
15
|
-
overflow-y: auto;
|
|
16
|
-
padding: 0 1rem;
|
|
17
|
-
|
|
18
|
-
& > *:not(:last-child) {
|
|
19
|
-
margin-bottom: 10px;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
.wizard-steps {
|
|
24
|
-
&__item {
|
|
25
|
-
display: block;
|
|
26
|
-
background-color: inherit;
|
|
27
|
-
color: $primary;
|
|
28
|
-
border: 0;
|
|
29
|
-
border-radius: 8px;
|
|
30
|
-
font-size: 1em;
|
|
31
|
-
padding: 8px;
|
|
32
|
-
min-height: 52px;
|
|
33
|
-
height: auto;
|
|
34
|
-
width: 100%;
|
|
35
|
-
|
|
36
|
-
@media screen and (min-width: 1200px) {
|
|
37
|
-
display: flex;
|
|
38
|
-
align-items: center;
|
|
39
|
-
justify-content: flex-start;
|
|
40
|
-
|
|
41
|
-
& > * {
|
|
42
|
-
text-align: left;
|
|
43
|
-
white-space: normal;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.wizard-steps__indicator {
|
|
48
|
-
border-color: $malibu;
|
|
49
|
-
color: $malibu;
|
|
50
|
-
background-color: inherit;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
&.wizard-steps__item_active {
|
|
54
|
-
background-color: $malibuTwo;
|
|
55
|
-
color: $cornflowerBlue;
|
|
56
|
-
|
|
57
|
-
.wizard-steps__indicator {
|
|
58
|
-
border-color: transparent;
|
|
59
|
-
color: $white;
|
|
60
|
-
background-color: $malibu;
|
|
61
|
-
}
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
&.wizard-steps__item_invalid {
|
|
65
|
-
color: $amaranth;
|
|
66
|
-
|
|
67
|
-
&.wizard-steps__item_active {
|
|
68
|
-
background-color: rgba($amaranth, 0.15);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
.wizard-steps__indicator {
|
|
72
|
-
border-color: $amaranth;
|
|
73
|
-
color: $amaranth;
|
|
74
|
-
background-color: inherit;
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
&:disabled {
|
|
79
|
-
border: 0;
|
|
80
|
-
color: $spunPearl;
|
|
81
|
-
|
|
82
|
-
.wizard-steps__indicator {
|
|
83
|
-
border-color: $spunPearl;
|
|
84
|
-
color: $spunPearl;
|
|
85
|
-
background-color: inherit;
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
&__indicator {
|
|
91
|
-
display: inline-flex;
|
|
92
|
-
align-items: center;
|
|
93
|
-
justify-content: center;
|
|
94
|
-
border: 2px solid transparent;
|
|
95
|
-
border-radius: 50%;
|
|
96
|
-
padding: 10px;
|
|
97
|
-
margin: 0 0 10px 0;
|
|
98
|
-
width: 36px;
|
|
99
|
-
height: 36px;
|
|
100
|
-
|
|
101
|
-
@media screen and (min-width: 1200px) {
|
|
102
|
-
flex-flow: row nowrap;
|
|
103
|
-
text-align: left;
|
|
104
|
-
margin: 0 10px 0 0;
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
}
|
package/dist/components/index.js
DELETED
|
@@ -1,139 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Button", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _Button.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "ConfirmDialog", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _ConfirmDialog.default;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "FormCheckBox", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _FormCheckBox.default;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "FormChipCell", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function () {
|
|
27
|
-
return _FormChipCell.default;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "FormCombobox", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function () {
|
|
33
|
-
return _FormCombobox.default;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "FormInput", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () {
|
|
39
|
-
return _FormInput.default;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
Object.defineProperty(exports, "FormKeyValueTable", {
|
|
43
|
-
enumerable: true,
|
|
44
|
-
get: function () {
|
|
45
|
-
return _FormKeyValueTable.default;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
Object.defineProperty(exports, "FormOnChange", {
|
|
49
|
-
enumerable: true,
|
|
50
|
-
get: function () {
|
|
51
|
-
return _FormOnChange.default;
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
Object.defineProperty(exports, "FormRadio", {
|
|
55
|
-
enumerable: true,
|
|
56
|
-
get: function () {
|
|
57
|
-
return _FormRadio.default;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
Object.defineProperty(exports, "FormSelect", {
|
|
61
|
-
enumerable: true,
|
|
62
|
-
get: function () {
|
|
63
|
-
return _FormSelect.default;
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
Object.defineProperty(exports, "FormTextarea", {
|
|
67
|
-
enumerable: true,
|
|
68
|
-
get: function () {
|
|
69
|
-
return _FormTextarea.default;
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
Object.defineProperty(exports, "FormToggle", {
|
|
73
|
-
enumerable: true,
|
|
74
|
-
get: function () {
|
|
75
|
-
return _FormToggle.default;
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
|
-
Object.defineProperty(exports, "Modal", {
|
|
79
|
-
enumerable: true,
|
|
80
|
-
get: function () {
|
|
81
|
-
return _Modal.default;
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
Object.defineProperty(exports, "PopUpDialog", {
|
|
85
|
-
enumerable: true,
|
|
86
|
-
get: function () {
|
|
87
|
-
return _PopUpDialog.default;
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
Object.defineProperty(exports, "RoundedIcon", {
|
|
91
|
-
enumerable: true,
|
|
92
|
-
get: function () {
|
|
93
|
-
return _RoundedIcon.default;
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
Object.defineProperty(exports, "TextTooltipTemplate", {
|
|
97
|
-
enumerable: true,
|
|
98
|
-
get: function () {
|
|
99
|
-
return _TextTooltipTemplate.default;
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
Object.defineProperty(exports, "Tip", {
|
|
103
|
-
enumerable: true,
|
|
104
|
-
get: function () {
|
|
105
|
-
return _Tip.default;
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
Object.defineProperty(exports, "Tooltip", {
|
|
109
|
-
enumerable: true,
|
|
110
|
-
get: function () {
|
|
111
|
-
return _Tooltip.default;
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
Object.defineProperty(exports, "Wizard", {
|
|
115
|
-
enumerable: true,
|
|
116
|
-
get: function () {
|
|
117
|
-
return _Wizard.default;
|
|
118
|
-
}
|
|
119
|
-
});
|
|
120
|
-
var _Button = _interopRequireDefault(require("./Button/Button"));
|
|
121
|
-
var _ConfirmDialog = _interopRequireDefault(require("./ConfirmDialog/ConfirmDialog"));
|
|
122
|
-
var _FormCheckBox = _interopRequireDefault(require("./FormCheckBox/FormCheckBox"));
|
|
123
|
-
var _FormChipCell = _interopRequireDefault(require("./FormChipCell/FormChipCell"));
|
|
124
|
-
var _FormCombobox = _interopRequireDefault(require("./FormCombobox/FormCombobox"));
|
|
125
|
-
var _FormInput = _interopRequireDefault(require("./FormInput/FormInput"));
|
|
126
|
-
var _FormOnChange = _interopRequireDefault(require("./FormOnChange/FormOnChange"));
|
|
127
|
-
var _FormKeyValueTable = _interopRequireDefault(require("./FormKeyValueTable/FormKeyValueTable"));
|
|
128
|
-
var _FormRadio = _interopRequireDefault(require("./FormRadio/FormRadio"));
|
|
129
|
-
var _FormSelect = _interopRequireDefault(require("./FormSelect/FormSelect"));
|
|
130
|
-
var _FormTextarea = _interopRequireDefault(require("./FormTextarea/FormTextarea"));
|
|
131
|
-
var _FormToggle = _interopRequireDefault(require("./FormToggle/FormToggle"));
|
|
132
|
-
var _Modal = _interopRequireDefault(require("./Modal/Modal"));
|
|
133
|
-
var _PopUpDialog = _interopRequireDefault(require("./PopUpDialog/PopUpDialog"));
|
|
134
|
-
var _RoundedIcon = _interopRequireDefault(require("./RoundedIcon/RoundedIcon"));
|
|
135
|
-
var _TextTooltipTemplate = _interopRequireDefault(require("./TooltipTemplate/TextTooltipTemplate"));
|
|
136
|
-
var _Tip = _interopRequireDefault(require("./Tip/Tip"));
|
|
137
|
-
var _Tooltip = _interopRequireDefault(require("./Tooltip/Tooltip"));
|
|
138
|
-
var _Wizard = _interopRequireDefault(require("./Wizard/Wizard"));
|
|
139
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
package/dist/constants.js
DELETED
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.validation = exports.TERTIARY_BUTTON = exports.TAB_SHIFT = exports.TAB = exports.SERVICE_UNAVAILABLE_ERROR_STATUS_CODE = exports.SECONDARY_BUTTON = exports.PRIMARY_BUTTON = exports.NOTFOUND_ERROR_STATUS_CODE = exports.MODAL_SM = exports.MODAL_MIN = exports.MODAL_MD = exports.MODAL_MAX = exports.MODAL_LG = exports.LABEL_BUTTON = exports.INTERNAL_SERVER_ERROR_STATUS_CODE = exports.GATEWAY_TIMEOUT_STATUS_CODE = exports.FORBIDDEN_ERROR_STATUS_CODE = exports.DELETE = exports.DANGER_BUTTON = exports.CONFLICT_ERROR_STATUS_CODE = exports.CLICK = exports.BAD_GATEWAY_ERROR_STATUS_CODE = exports.BADREQUEST_ERROR_STATUS_CODE = exports.BACKSPACE = void 0;
|
|
7
|
-
/*
|
|
8
|
-
Copyright 2022 Iguazio Systems Ltd.
|
|
9
|
-
Licensed under the Apache License, Version 2.0 (the "License") with
|
|
10
|
-
an addition restriction as set forth herein. You may not use this
|
|
11
|
-
file except in compliance with the License. You may obtain a copy of
|
|
12
|
-
the License at http://www.apache.org/licenses/LICENSE-2.0.
|
|
13
|
-
Unless required by applicable law or agreed to in writing, software
|
|
14
|
-
distributed under the License is distributed on an "AS IS" BASIS,
|
|
15
|
-
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
|
16
|
-
implied. See the License for the specific language governing
|
|
17
|
-
permissions and limitations under the License.
|
|
18
|
-
In addition, you may not use the software for any purposes that are
|
|
19
|
-
illegal under applicable law, and the grant of the foregoing license
|
|
20
|
-
under the Apache 2.0 license is conditioned upon your compliance with
|
|
21
|
-
such restriction.
|
|
22
|
-
*/
|
|
23
|
-
/*=========== EVENT KEYS =============*/
|
|
24
|
-
const BACKSPACE = exports.BACKSPACE = 'Backspace';
|
|
25
|
-
const CLICK = exports.CLICK = 'Click';
|
|
26
|
-
const DELETE = exports.DELETE = 'Delete';
|
|
27
|
-
const TAB = exports.TAB = 'Tab';
|
|
28
|
-
const TAB_SHIFT = exports.TAB_SHIFT = 'Tab+Shift';
|
|
29
|
-
|
|
30
|
-
/*=========== BUTTONS =============*/
|
|
31
|
-
|
|
32
|
-
const PRIMARY_BUTTON = exports.PRIMARY_BUTTON = 'primary';
|
|
33
|
-
const SECONDARY_BUTTON = exports.SECONDARY_BUTTON = 'secondary';
|
|
34
|
-
const TERTIARY_BUTTON = exports.TERTIARY_BUTTON = 'tertiary';
|
|
35
|
-
const DANGER_BUTTON = exports.DANGER_BUTTON = 'danger';
|
|
36
|
-
const LABEL_BUTTON = exports.LABEL_BUTTON = 'label';
|
|
37
|
-
|
|
38
|
-
/*=========== VALITATION =============*/
|
|
39
|
-
|
|
40
|
-
const validation = exports.validation = {
|
|
41
|
-
BEGIN_END_NOT_WITH: {
|
|
42
|
-
LABEL: 'Must not begin and end with',
|
|
43
|
-
NAME: 'beginEndNot'
|
|
44
|
-
},
|
|
45
|
-
BEGIN_END_WITH: {
|
|
46
|
-
LABEL: 'Must begin and end with',
|
|
47
|
-
NAME: 'beginEnd'
|
|
48
|
-
},
|
|
49
|
-
BEGIN_NOT_WITH: {
|
|
50
|
-
LABEL: 'Must not begin with',
|
|
51
|
-
NAME: 'beginNot'
|
|
52
|
-
},
|
|
53
|
-
BEGIN_WITH: {
|
|
54
|
-
LABEL: 'Must begin with',
|
|
55
|
-
NAME: 'begin'
|
|
56
|
-
},
|
|
57
|
-
END_NOT_WITH: {
|
|
58
|
-
LABEL: 'Must not end with',
|
|
59
|
-
NAME: 'endNot'
|
|
60
|
-
},
|
|
61
|
-
END_WITH: {
|
|
62
|
-
LABEL: 'Must end with',
|
|
63
|
-
NAME: 'end'
|
|
64
|
-
},
|
|
65
|
-
MUST_CONTAIN_EXACTLY_ONE: {
|
|
66
|
-
LABEL: 'Must contain exactly one',
|
|
67
|
-
NAME: 'exactlyOne'
|
|
68
|
-
},
|
|
69
|
-
MUST_HAVE_DOT_AFTER_AT: {
|
|
70
|
-
LABEL: 'Must have at least one . after @',
|
|
71
|
-
NAME: 'dotAfterAt'
|
|
72
|
-
},
|
|
73
|
-
MUST_NOT_BE: {
|
|
74
|
-
LABEL: 'Must not be',
|
|
75
|
-
NAME: 'mustNotBe'
|
|
76
|
-
},
|
|
77
|
-
NO_CONSECUTIVE_CHARACTER: {
|
|
78
|
-
LABEL: 'No consecutive characters',
|
|
79
|
-
NAME: 'noConsecutiveCharacters'
|
|
80
|
-
},
|
|
81
|
-
NOT_CONTAIN: {
|
|
82
|
-
LABEL: 'Must not contain',
|
|
83
|
-
NAME: 'notContainCharacters'
|
|
84
|
-
},
|
|
85
|
-
ONLY_AT_THE_BEGINNING: {
|
|
86
|
-
LABEL: 'Only at the beginning',
|
|
87
|
-
NAME: 'onlyAtTheBeginning'
|
|
88
|
-
},
|
|
89
|
-
REQUIRED: {
|
|
90
|
-
LABEL: 'This field is required',
|
|
91
|
-
NAME: 'required'
|
|
92
|
-
},
|
|
93
|
-
VALID_CHARACTERS_WITH_REFIX: {
|
|
94
|
-
LABEL: 'Valid characters',
|
|
95
|
-
NAME: 'validCharactersWithPrefix'
|
|
96
|
-
},
|
|
97
|
-
VALID_CHARACTERS: {
|
|
98
|
-
LABEL: 'Valid characters',
|
|
99
|
-
NAME: 'validCharacters'
|
|
100
|
-
}
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
/*=========== STATUS CODES =============*/
|
|
104
|
-
|
|
105
|
-
const BADREQUEST_ERROR_STATUS_CODE = exports.BADREQUEST_ERROR_STATUS_CODE = 400;
|
|
106
|
-
const FORBIDDEN_ERROR_STATUS_CODE = exports.FORBIDDEN_ERROR_STATUS_CODE = 403;
|
|
107
|
-
const NOTFOUND_ERROR_STATUS_CODE = exports.NOTFOUND_ERROR_STATUS_CODE = 404;
|
|
108
|
-
const CONFLICT_ERROR_STATUS_CODE = exports.CONFLICT_ERROR_STATUS_CODE = 409;
|
|
109
|
-
const INTERNAL_SERVER_ERROR_STATUS_CODE = exports.INTERNAL_SERVER_ERROR_STATUS_CODE = 500;
|
|
110
|
-
const BAD_GATEWAY_ERROR_STATUS_CODE = exports.BAD_GATEWAY_ERROR_STATUS_CODE = 502;
|
|
111
|
-
const SERVICE_UNAVAILABLE_ERROR_STATUS_CODE = exports.SERVICE_UNAVAILABLE_ERROR_STATUS_CODE = 503;
|
|
112
|
-
const GATEWAY_TIMEOUT_STATUS_CODE = exports.GATEWAY_TIMEOUT_STATUS_CODE = 504;
|
|
113
|
-
|
|
114
|
-
/*=========== MODAL =============*/
|
|
115
|
-
|
|
116
|
-
const MODAL_SM = exports.MODAL_SM = 'sm';
|
|
117
|
-
const MODAL_MD = exports.MODAL_MD = 'md';
|
|
118
|
-
const MODAL_LG = exports.MODAL_LG = 'lg';
|
|
119
|
-
const MODAL_MIN = exports.MODAL_MIN = 'min';
|
|
120
|
-
const MODAL_MAX = exports.MODAL_MAX = 'max';
|