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
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export default Backdrop;
|
|
2
|
+
declare function Backdrop({ duration, show, onClose }: {
|
|
3
|
+
duration?: number;
|
|
4
|
+
show?: boolean;
|
|
5
|
+
onClose?: any;
|
|
6
|
+
}): JSX.Element;
|
|
7
|
+
declare namespace Backdrop {
|
|
8
|
+
namespace propTypes {
|
|
9
|
+
let duration: any;
|
|
10
|
+
let onClose: any;
|
|
11
|
+
let show: any;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=Backdrop.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Backdrop.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Backdrop/Backdrop.jsx"],"names":[],"mappings":";AAsBA;;;;gBAeC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as i } from "react";
|
|
3
|
+
import o from "prop-types";
|
|
4
|
+
import { CSSTransition as m } from "react-transition-group";
|
|
5
|
+
/* empty css */
|
|
6
|
+
const p = ({ duration: t = 300, show: e = !1, onClose: s = null }) => {
|
|
7
|
+
const r = i(null);
|
|
8
|
+
return /* @__PURE__ */ n(
|
|
9
|
+
m,
|
|
10
|
+
{
|
|
11
|
+
nodeRef: r,
|
|
12
|
+
in: e,
|
|
13
|
+
timeout: t,
|
|
14
|
+
classNames: "backdrop-transition",
|
|
15
|
+
mountOnEnter: !0,
|
|
16
|
+
unmountOnExit: !0,
|
|
17
|
+
children: /* @__PURE__ */ n("div", { className: "backdrop", onClick: s, ref: r })
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
};
|
|
21
|
+
p.propTypes = {
|
|
22
|
+
duration: o.number,
|
|
23
|
+
onClose: o.func,
|
|
24
|
+
show: o.bool
|
|
25
|
+
};
|
|
26
|
+
export {
|
|
27
|
+
p as default
|
|
28
|
+
};
|
|
29
|
+
//# sourceMappingURL=Backdrop.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Backdrop.mjs","sources":["../../../src/lib/components/Backdrop/Backdrop.jsx"],"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 React, { useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { CSSTransition } from 'react-transition-group'\n\nimport './Backdrop.scss'\n\nconst Backdrop = ({ duration = 300, show = false, onClose = null }) => {\n const nodeRef = useRef(null)\n\n return (\n <CSSTransition\n nodeRef={nodeRef}\n in={show}\n timeout={duration}\n classNames=\"backdrop-transition\"\n mountOnEnter\n unmountOnExit\n >\n <div className=\"backdrop\" onClick={onClose} ref={nodeRef}></div>\n </CSSTransition>\n )\n}\n\nBackdrop.propTypes = {\n duration: PropTypes.number,\n onClose: PropTypes.func,\n show: PropTypes.bool\n}\n\nexport default Backdrop\n"],"names":["Backdrop","duration","show","onClose","nodeRef","useRef","jsx","CSSTransition","PropTypes"],"mappings":";;;;;AAsBM,MAAAA,IAAW,CAAC,EAAE,UAAAC,IAAW,KAAK,MAAAC,IAAO,IAAO,SAAAC,IAAU,WAAW;AAC/D,QAAAC,IAAUC,EAAO,IAAI;AAGzB,SAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAH;AAAA,MACA,IAAIF;AAAA,MACJ,SAASD;AAAA,MACT,YAAW;AAAA,MACX,cAAY;AAAA,MACZ,eAAa;AAAA,MAEb,4BAAC,OAAI,EAAA,WAAU,YAAW,SAASE,GAAS,KAAKC,EAAS,CAAA;AAAA,IAAA;AAAA,EAC5D;AAEJ;AAEAJ,EAAS,YAAY;AAAA,EACnB,UAAUQ,EAAU;AAAA,EACpB,SAASA,EAAU;AAAA,EACnB,MAAMA,EAAU;AAClB;"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export default Button;
|
|
2
|
+
declare function Button({ className, density, icon, iconPosition, id, label, tooltip, variant, ...restProps }: {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
className?: string;
|
|
5
|
+
density?: string;
|
|
6
|
+
icon?: any;
|
|
7
|
+
iconPosition?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
label?: string;
|
|
10
|
+
tooltip?: string;
|
|
11
|
+
variant?: string;
|
|
12
|
+
}, ref: any): JSX.Element;
|
|
13
|
+
declare namespace Button {
|
|
14
|
+
let displayName: string;
|
|
15
|
+
namespace propTypes {
|
|
16
|
+
export let className: any;
|
|
17
|
+
export { DENSITY as density };
|
|
18
|
+
export let icon: any;
|
|
19
|
+
export let iconPosition: any;
|
|
20
|
+
export let id: any;
|
|
21
|
+
export let label: any;
|
|
22
|
+
export let tooltip: any;
|
|
23
|
+
export { BUTTON_VARIANTS as variant };
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
import { DENSITY } from '../../types';
|
|
27
|
+
import { BUTTON_VARIANTS } from '../../types';
|
|
28
|
+
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button/Button.jsx"],"names":[],"mappings":";AA4BA;;;;;;;;;;0BA2BC;;;;;;;;;;;;;;wBAhCwC,aAAa;gCAAb,aAAa"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsxs as u, jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as N } from "react";
|
|
3
|
+
import t from "prop-types";
|
|
4
|
+
import g from "classnames";
|
|
5
|
+
import y from "../Tooltip/Tooltip.mjs";
|
|
6
|
+
import c from "../TooltipTemplate/TextTooltipTemplate.mjs";
|
|
7
|
+
import { BUTTON_VARIANTS as h, DENSITY as x } from "../../types.mjs";
|
|
8
|
+
import { TERTIARY_BUTTON as B } from "../../constants.mjs";
|
|
9
|
+
/* empty css */
|
|
10
|
+
let o = ({
|
|
11
|
+
className: i = "",
|
|
12
|
+
density: p = "normal",
|
|
13
|
+
icon: e = null,
|
|
14
|
+
iconPosition: n = "left",
|
|
15
|
+
id: a = "btn",
|
|
16
|
+
label: r = "Button",
|
|
17
|
+
tooltip: s = "",
|
|
18
|
+
variant: l = B,
|
|
19
|
+
...f
|
|
20
|
+
}, T) => {
|
|
21
|
+
const d = g("btn", `btn-${l}`, `btn-${p}`, i);
|
|
22
|
+
return /* @__PURE__ */ u("button", { ...f, className: d, ref: T, "data-testid": a, children: [
|
|
23
|
+
e && n === "left" && e,
|
|
24
|
+
(s || r) && /* @__PURE__ */ m(y, { template: /* @__PURE__ */ m(c, { text: s || r }), children: r && /* @__PURE__ */ m("span", { children: r }) }),
|
|
25
|
+
e && n === "right" && e
|
|
26
|
+
] });
|
|
27
|
+
};
|
|
28
|
+
o = N(o);
|
|
29
|
+
o.displayName = "Button";
|
|
30
|
+
o.propTypes = {
|
|
31
|
+
className: t.string,
|
|
32
|
+
density: x,
|
|
33
|
+
icon: t.element,
|
|
34
|
+
iconPosition: t.oneOf(["left", "right"]),
|
|
35
|
+
id: t.string,
|
|
36
|
+
label: t.oneOfType([t.string, t.element]),
|
|
37
|
+
tooltip: t.oneOfType([t.string, t.element]),
|
|
38
|
+
variant: h
|
|
39
|
+
};
|
|
40
|
+
export {
|
|
41
|
+
o as default
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=Button.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.mjs","sources":["../../../src/lib/components/Button/Button.jsx"],"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 React, { forwardRef } from 'react'\nimport PropTypes from 'prop-types'\nimport classNames from 'classnames'\n\nimport Tooltip from '../Tooltip/Tooltip'\nimport TextTooltipTemplate from '../TooltipTemplate/TextTooltipTemplate'\n\nimport { BUTTON_VARIANTS, DENSITY } from '../../types'\nimport { TERTIARY_BUTTON } from '../../constants'\n\nimport './Button.scss'\n\nlet Button = (\n {\n className = '',\n density = 'normal',\n icon = null,\n iconPosition = 'left',\n id = 'btn',\n label = 'Button',\n tooltip = '',\n variant = TERTIARY_BUTTON,\n ...restProps\n },\n ref\n) => {\n const buttonClassName = classNames('btn', `btn-${variant}`, `btn-${density}`, className)\n\n return (\n <button {...restProps} className={buttonClassName} ref={ref} data-testid={id}>\n {icon && iconPosition === 'left' && icon}\n {(tooltip || label) && (\n <Tooltip template={<TextTooltipTemplate text={tooltip || label} />}>\n {label && <span>{label}</span>}\n </Tooltip>\n )}\n {icon && iconPosition === 'right' && icon}\n </button>\n )\n}\n\nButton = forwardRef(Button)\n\nButton.displayName = 'Button'\n\nButton.propTypes = {\n className: PropTypes.string,\n density: DENSITY,\n icon: PropTypes.element,\n iconPosition: PropTypes.oneOf(['left', 'right']),\n id: PropTypes.string,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n tooltip: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n variant: BUTTON_VARIANTS\n}\n\nexport default Button\n"],"names":["Button","className","density","icon","iconPosition","id","label","tooltip","variant","TERTIARY_BUTTON","restProps","ref","buttonClassName","classNames","jsxs","jsx","Tooltip","TextTooltipTemplate","forwardRef","PropTypes","DENSITY","BUTTON_VARIANTS"],"mappings":";;;;;;;;;AA4BA,IAAIA,IAAS,CACX;AAAA,EACE,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,IAAAC,IAAK;AAAA,EACL,OAAAC,IAAQ;AAAA,EACR,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAUC;AAAA,EACV,GAAGC;AACL,GACAC,MACG;AACG,QAAAC,IAAkBC,EAAW,OAAO,OAAOL,CAAO,IAAI,OAAON,CAAO,IAAID,CAAS;AAGrF,SAAA,gBAAAa,EAAC,YAAQ,GAAGJ,GAAW,WAAWE,GAAiB,KAAAD,GAAU,eAAaN,GACvE,UAAA;AAAA,IAAAF,KAAQC,MAAiB,UAAUD;AAAA,KAClCI,KAAWD,MACV,gBAAAS,EAAAC,GAAA,EAAQ,UAAW,gBAAAD,EAAAE,GAAA,EAAoB,MAAMV,KAAWD,GAAO,GAC7D,UAAAA,KAAU,gBAAAS,EAAA,QAAA,EAAM,YAAM,CAAA,GACzB;AAAA,IAEDZ,KAAQC,MAAiB,WAAWD;AAAA,EAAA,GACvC;AAEJ;AAEAH,IAASkB,EAAWlB,CAAM;AAE1BA,EAAO,cAAc;AAErBA,EAAO,YAAY;AAAA,EACjB,WAAWmB,EAAU;AAAA,EACrB,SAASC;AAAA,EACT,MAAMD,EAAU;AAAA,EAChB,cAAcA,EAAU,MAAM,CAAC,QAAQ,OAAO,CAAC;AAAA,EAC/C,IAAIA,EAAU;AAAA,EACd,OAAOA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,OAAO,CAAC;AAAA,EAChE,SAASA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,OAAO,CAAC;AAAA,EAClE,SAASE;AACX;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
declare namespace _default {
|
|
2
|
+
export let title: string;
|
|
3
|
+
export { Button as component };
|
|
4
|
+
}
|
|
5
|
+
export default _default;
|
|
6
|
+
export const Primary: any;
|
|
7
|
+
export const Secondary: any;
|
|
8
|
+
export const Tertiary: any;
|
|
9
|
+
export const Danger: any;
|
|
10
|
+
export const Label: any;
|
|
11
|
+
export const Icon: any;
|
|
12
|
+
export const IconWithLabel: any;
|
|
13
|
+
import Button from './Button';
|
|
14
|
+
//# sourceMappingURL=Button.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Button/Button.stories.js"],"names":[],"mappings":";;;;;AA2CA,0BAAwC;AAOxC,4BAA0C;AAO1C,2BAAyC;AAOzC,yBAAuC;AAOvC,wBAAsC;AAOtC,uBAAqC;AAOrC,gCAA8C;mBAnE3B,UAAU"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
export default ConfirmDialog;
|
|
2
|
+
declare function ConfirmDialog({ cancelButton, children, className, closePopUp, confirmButton, customPosition, header, isOpen, message, messageOnly, onResolve }: {
|
|
3
|
+
cancelButton?: any;
|
|
4
|
+
children?: any;
|
|
5
|
+
className?: string;
|
|
6
|
+
closePopUp?: any;
|
|
7
|
+
confirmButton?: any;
|
|
8
|
+
customPosition?: {};
|
|
9
|
+
header?: string;
|
|
10
|
+
isOpen?: boolean;
|
|
11
|
+
message?: string;
|
|
12
|
+
messageOnly?: boolean;
|
|
13
|
+
onResolve?: any;
|
|
14
|
+
}): JSX.Element;
|
|
15
|
+
declare namespace ConfirmDialog {
|
|
16
|
+
namespace propTypes {
|
|
17
|
+
export { CONFIRM_DIALOG_CANCEL_BUTTON as cancelButton };
|
|
18
|
+
export let children: any;
|
|
19
|
+
export let className: any;
|
|
20
|
+
export let closePopUp: any;
|
|
21
|
+
export { CONFIRM_DIALOG_SUBMIT_BUTTON as confirmButton };
|
|
22
|
+
export let customPosition: any;
|
|
23
|
+
export let header: any;
|
|
24
|
+
export let isOpen: any;
|
|
25
|
+
export { CONFIRM_DIALOG_MESSAGE as message };
|
|
26
|
+
export let messageOnly: any;
|
|
27
|
+
export let onResolve: any;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
import { CONFIRM_DIALOG_CANCEL_BUTTON } from '../../types';
|
|
31
|
+
import { CONFIRM_DIALOG_SUBMIT_BUTTON } from '../../types';
|
|
32
|
+
import { CONFIRM_DIALOG_MESSAGE } from '../../types';
|
|
33
|
+
//# sourceMappingURL=ConfirmDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmDialog.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ConfirmDialog/ConfirmDialog.jsx"],"names":[],"mappings":";AA+BA;;;;;;;;;;;;gBAmEC;;;;;;;;;;;;;;;;6CAvEM,aAAa;6CAAb,aAAa;uCAAb,aAAa"}
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { jsx as o, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import a from "prop-types";
|
|
4
|
+
import O from "classnames";
|
|
5
|
+
import p from "../Button/Button.mjs";
|
|
6
|
+
import D from "../PopUpDialog/PopUpDialog.mjs";
|
|
7
|
+
import { CONFIRM_DIALOG_MESSAGE as T, CONFIRM_DIALOG_SUBMIT_BUTTON as I, CONFIRM_DIALOG_CANCEL_BUTTON as y } from "../../types.mjs";
|
|
8
|
+
/* empty css */
|
|
9
|
+
const A = ({
|
|
10
|
+
cancelButton: l = null,
|
|
11
|
+
children: r = null,
|
|
12
|
+
className: c = "",
|
|
13
|
+
closePopUp: d = null,
|
|
14
|
+
confirmButton: i = null,
|
|
15
|
+
customPosition: _ = {},
|
|
16
|
+
header: g = "",
|
|
17
|
+
isOpen: t = !1,
|
|
18
|
+
message: n = "",
|
|
19
|
+
messageOnly: b = !1,
|
|
20
|
+
onResolve: s = null
|
|
21
|
+
}) => {
|
|
22
|
+
const f = O(
|
|
23
|
+
"confirm-dialog__message",
|
|
24
|
+
b && "confirm-dialog__message-only"
|
|
25
|
+
), h = (e) => {
|
|
26
|
+
s && s(), l.handler && l.handler(e);
|
|
27
|
+
}, N = (e) => {
|
|
28
|
+
s && s(), d && d(e);
|
|
29
|
+
}, C = (e) => {
|
|
30
|
+
s && s(), i.handler && i.handler(e);
|
|
31
|
+
};
|
|
32
|
+
return t && /* @__PURE__ */ o(
|
|
33
|
+
D,
|
|
34
|
+
{
|
|
35
|
+
className: c,
|
|
36
|
+
closePopUp: N,
|
|
37
|
+
customPosition: _,
|
|
38
|
+
headerText: g,
|
|
39
|
+
children: /* @__PURE__ */ m("div", { className: "confirm-dialog", children: [
|
|
40
|
+
n && /* @__PURE__ */ o("div", { className: f, children: n }),
|
|
41
|
+
r && /* @__PURE__ */ o("div", { className: "confirm-dialog__body", children: r }),
|
|
42
|
+
/* @__PURE__ */ m("div", { className: "confirm-dialog__btn-container", children: [
|
|
43
|
+
l && /* @__PURE__ */ o(
|
|
44
|
+
p,
|
|
45
|
+
{
|
|
46
|
+
className: "pop-up-dialog__btn_cancel",
|
|
47
|
+
label: l.label,
|
|
48
|
+
onClick: h,
|
|
49
|
+
variant: l.variant,
|
|
50
|
+
disabled: l.disabled
|
|
51
|
+
}
|
|
52
|
+
),
|
|
53
|
+
i && /* @__PURE__ */ o(
|
|
54
|
+
p,
|
|
55
|
+
{
|
|
56
|
+
label: i.label,
|
|
57
|
+
onClick: C,
|
|
58
|
+
variant: i.variant,
|
|
59
|
+
disabled: i.disabled
|
|
60
|
+
}
|
|
61
|
+
)
|
|
62
|
+
] })
|
|
63
|
+
] })
|
|
64
|
+
}
|
|
65
|
+
);
|
|
66
|
+
};
|
|
67
|
+
A.propTypes = {
|
|
68
|
+
cancelButton: y,
|
|
69
|
+
children: a.node,
|
|
70
|
+
className: a.string,
|
|
71
|
+
closePopUp: a.func,
|
|
72
|
+
confirmButton: I,
|
|
73
|
+
customPosition: a.object,
|
|
74
|
+
header: a.string,
|
|
75
|
+
isOpen: a.bool,
|
|
76
|
+
message: T,
|
|
77
|
+
messageOnly: a.bool,
|
|
78
|
+
onResolve: a.func
|
|
79
|
+
};
|
|
80
|
+
export {
|
|
81
|
+
A as default
|
|
82
|
+
};
|
|
83
|
+
//# sourceMappingURL=ConfirmDialog.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmDialog.mjs","sources":["../../../src/lib/components/ConfirmDialog/ConfirmDialog.jsx"],"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 React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\n\nimport Button from '../Button/Button'\nimport PopUpDialog from '../PopUpDialog/PopUpDialog'\n\nimport {\n CONFIRM_DIALOG_CANCEL_BUTTON,\n CONFIRM_DIALOG_MESSAGE,\n CONFIRM_DIALOG_SUBMIT_BUTTON\n} from '../../types'\n\nimport './confirmDialog.scss'\n\nconst ConfirmDialog = ({\n cancelButton = null,\n children = null,\n className = '',\n closePopUp = null,\n confirmButton = null,\n customPosition = {},\n header = '',\n isOpen = false,\n message = '',\n messageOnly = false,\n onResolve = null\n}) => {\n const messageClassNames = classnames(\n 'confirm-dialog__message',\n messageOnly && 'confirm-dialog__message-only'\n )\n\n const handleCancelDialog = event => {\n onResolve && onResolve()\n cancelButton.handler && cancelButton.handler(event)\n }\n\n const handleCloseDialog = event => {\n onResolve && onResolve()\n closePopUp && closePopUp(event)\n }\n\n const handleConfirmDialog = event => {\n onResolve && onResolve()\n confirmButton.handler && confirmButton.handler(event)\n }\n\n return (\n isOpen && (\n <PopUpDialog\n className={className}\n closePopUp={handleCloseDialog}\n customPosition={customPosition}\n headerText={header}\n >\n <div className=\"confirm-dialog\">\n {message && <div className={messageClassNames}>{message}</div>}\n {children && <div className=\"confirm-dialog__body\">{children}</div>}\n <div className=\"confirm-dialog__btn-container\">\n {cancelButton && (\n <Button\n className=\"pop-up-dialog__btn_cancel\"\n label={cancelButton.label}\n onClick={handleCancelDialog}\n variant={cancelButton.variant}\n disabled={cancelButton.disabled}\n />\n )}\n {confirmButton && (\n <Button\n label={confirmButton.label}\n onClick={handleConfirmDialog}\n variant={confirmButton.variant}\n disabled={confirmButton.disabled}\n />\n )}\n </div>\n </div>\n </PopUpDialog>\n )\n )\n}\n\nConfirmDialog.propTypes = {\n cancelButton: CONFIRM_DIALOG_CANCEL_BUTTON,\n children: PropTypes.node,\n className: PropTypes.string,\n closePopUp: PropTypes.func,\n confirmButton: CONFIRM_DIALOG_SUBMIT_BUTTON,\n customPosition: PropTypes.object,\n header: PropTypes.string,\n isOpen: PropTypes.bool,\n message: CONFIRM_DIALOG_MESSAGE,\n messageOnly: PropTypes.bool,\n onResolve: PropTypes.func\n}\n\nexport default ConfirmDialog\n"],"names":["ConfirmDialog","cancelButton","children","className","closePopUp","confirmButton","customPosition","header","isOpen","message","messageOnly","onResolve","messageClassNames","classnames","handleCancelDialog","event","handleCloseDialog","handleConfirmDialog","jsx","PopUpDialog","jsxs","Button","CONFIRM_DIALOG_CANCEL_BUTTON","PropTypes","CONFIRM_DIALOG_SUBMIT_BUTTON","CONFIRM_DIALOG_MESSAGE"],"mappings":";;;;;;;;AA+BA,MAAMA,IAAgB,CAAC;AAAA,EACrB,cAAAC,IAAe;AAAA,EACf,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,eAAAC,IAAgB;AAAA,EAChB,gBAAAC,IAAiB,CAAC;AAAA,EAClB,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AACd,MAAM;AACJ,QAAMC,IAAoBC;AAAA,IACxB;AAAA,IACAH,KAAe;AAAA,EACjB,GAEMI,IAAqB,CAASC,MAAA;AAClC,IAAAJ,KAAaA,EAAU,GACVV,EAAA,WAAWA,EAAa,QAAQc,CAAK;AAAA,EACpD,GAEMC,IAAoB,CAASD,MAAA;AACjC,IAAAJ,KAAaA,EAAU,GACvBP,KAAcA,EAAWW,CAAK;AAAA,EAChC,GAEME,IAAsB,CAASF,MAAA;AACnC,IAAAJ,KAAaA,EAAU,GACTN,EAAA,WAAWA,EAAc,QAAQU,CAAK;AAAA,EACtD;AAEA,SACEP,KACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAAhB;AAAA,MACA,YAAYa;AAAA,MACZ,gBAAAV;AAAA,MACA,YAAYC;AAAA,MAEZ,UAAA,gBAAAa,EAAC,OAAI,EAAA,WAAU,kBACZ,UAAA;AAAA,QAAAX,KAAY,gBAAAS,EAAA,OAAA,EAAI,WAAWN,GAAoB,UAAQH,GAAA;AAAA,QACvDP,KAAY,gBAAAgB,EAAC,OAAI,EAAA,WAAU,wBAAwB,UAAAhB,GAAS;AAAA,QAC7D,gBAAAkB,EAAC,OAAI,EAAA,WAAU,iCACZ,UAAA;AAAA,UACCnB,KAAA,gBAAAiB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAOpB,EAAa;AAAA,cACpB,SAASa;AAAA,cACT,SAASb,EAAa;AAAA,cACtB,UAAUA,EAAa;AAAA,YAAA;AAAA,UACzB;AAAA,UAEDI,KACC,gBAAAa;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,OAAOhB,EAAc;AAAA,cACrB,SAASY;AAAA,cACT,SAASZ,EAAc;AAAA,cACvB,UAAUA,EAAc;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1B,EAEJ,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA;AAAA,EACF;AAGN;AAEAL,EAAc,YAAY;AAAA,EACxB,cAAcsB;AAAA,EACd,UAAUC,EAAU;AAAA,EACpB,WAAWA,EAAU;AAAA,EACrB,YAAYA,EAAU;AAAA,EACtB,eAAeC;AAAA,EACf,gBAAgBD,EAAU;AAAA,EAC1B,QAAQA,EAAU;AAAA,EAClB,QAAQA,EAAU;AAAA,EAClB,SAASE;AAAA,EACT,aAAaF,EAAU;AAAA,EACvB,WAAWA,EAAU;AACvB;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfirmDialog.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ConfirmDialog/ConfirmDialog.stories.js"],"names":[],"mappings":";;;;;AA0CA,yBAAuC;0BAxBb,iBAAiB"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export default FormCheckBox;
|
|
2
|
+
declare function FormCheckBox({ children, className, highlightLabel, label, name, readOnly, ...inputProps }: {
|
|
3
|
+
[x: string]: any;
|
|
4
|
+
children?: any;
|
|
5
|
+
className?: string;
|
|
6
|
+
highlightLabel?: boolean;
|
|
7
|
+
label?: string;
|
|
8
|
+
name: any;
|
|
9
|
+
readOnly?: boolean;
|
|
10
|
+
}): JSX.Element;
|
|
11
|
+
declare namespace FormCheckBox {
|
|
12
|
+
namespace propTypes {
|
|
13
|
+
let children: any;
|
|
14
|
+
let className: any;
|
|
15
|
+
let highlightLabel: any;
|
|
16
|
+
let label: any;
|
|
17
|
+
let name: any;
|
|
18
|
+
let readOnly: any;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
//# sourceMappingURL=FormCheckBox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormCheckBox.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormCheckBox/FormCheckBox.jsx"],"names":[],"mappings":";AAuBA;;;;;;;;gBAwCC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { jsx as t, jsxs as m } from "react/jsx-runtime";
|
|
2
|
+
import x, { useRef as u } from "react";
|
|
3
|
+
import e from "prop-types";
|
|
4
|
+
import { Field as p } from "react-final-form";
|
|
5
|
+
import s from "classnames";
|
|
6
|
+
/* empty css */
|
|
7
|
+
let c = ({
|
|
8
|
+
children: d = null,
|
|
9
|
+
className: i = "",
|
|
10
|
+
highlightLabel: h = !1,
|
|
11
|
+
label: a = "",
|
|
12
|
+
name: l,
|
|
13
|
+
readOnly: f = !1,
|
|
14
|
+
...o
|
|
15
|
+
}) => {
|
|
16
|
+
const n = s(
|
|
17
|
+
"form-field-checkbox",
|
|
18
|
+
f && "form-field-checkbox_readonly",
|
|
19
|
+
i
|
|
20
|
+
), k = s(h && "highlighted"), b = u(null);
|
|
21
|
+
return /* @__PURE__ */ t(p, { name: l, value: o.value, type: "checkbox", children: ({ input: r }) => /* @__PURE__ */ m("div", { className: n, "data-testid": "form-field-checkbox", children: [
|
|
22
|
+
/* @__PURE__ */ t(
|
|
23
|
+
"input",
|
|
24
|
+
{
|
|
25
|
+
ref: b,
|
|
26
|
+
className: s(r.checked ? "checked" : "unchecked"),
|
|
27
|
+
type: "checkbox",
|
|
28
|
+
"data-testid": l ? `${l}-form-checkbox` : "form-checkbox",
|
|
29
|
+
id: o.value ?? l,
|
|
30
|
+
...r,
|
|
31
|
+
...o,
|
|
32
|
+
value: String(r.checked)
|
|
33
|
+
}
|
|
34
|
+
),
|
|
35
|
+
/* @__PURE__ */ m("label", { htmlFor: o.value ?? l, className: k, children: [
|
|
36
|
+
a || "",
|
|
37
|
+
d
|
|
38
|
+
] })
|
|
39
|
+
] }) });
|
|
40
|
+
};
|
|
41
|
+
c.propTypes = {
|
|
42
|
+
children: e.node,
|
|
43
|
+
className: e.string,
|
|
44
|
+
highlightLabel: e.bool,
|
|
45
|
+
label: e.oneOfType([e.string, e.element]),
|
|
46
|
+
name: e.string.isRequired,
|
|
47
|
+
readOnly: e.bool
|
|
48
|
+
};
|
|
49
|
+
c = x.memo(c);
|
|
50
|
+
const R = c;
|
|
51
|
+
export {
|
|
52
|
+
R as default
|
|
53
|
+
};
|
|
54
|
+
//# sourceMappingURL=FormCheckBox.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormCheckBox.mjs","sources":["../../../src/lib/components/FormCheckBox/FormCheckBox.jsx"],"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 React, { useRef } from 'react'\nimport PropTypes from 'prop-types'\nimport { Field } from 'react-final-form'\nimport classNames from 'classnames'\n\nimport './formCheckBox.scss'\n\nlet FormCheckBox = ({\n children = null,\n className = '',\n highlightLabel = false,\n label = '',\n name,\n readOnly = false,\n ...inputProps\n}) => {\n const formFieldClassNames = classNames(\n 'form-field-checkbox',\n readOnly && 'form-field-checkbox_readonly',\n className\n )\n const labelClassNames = classNames(highlightLabel && 'highlighted')\n const inputRef = useRef(null)\n\n return (\n <Field name={name} value={inputProps.value} type=\"checkbox\">\n {({ input }) => {\n return (\n <div className={formFieldClassNames} data-testid=\"form-field-checkbox\">\n <input\n ref={inputRef}\n className={classNames(input.checked ? 'checked' : 'unchecked')}\n type=\"checkbox\"\n data-testid={name ? `${name}-form-checkbox` : 'form-checkbox'}\n id={inputProps.value ?? name}\n {...{ ...input, ...inputProps }}\n value={String(input.checked)}\n />\n <label htmlFor={inputProps.value ?? name} className={labelClassNames}>\n {label ? label : ''}\n {children}\n </label>\n </div>\n )\n }}\n </Field>\n )\n}\n\nFormCheckBox.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n highlightLabel: PropTypes.bool,\n label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),\n name: PropTypes.string.isRequired,\n readOnly: PropTypes.bool\n}\n\nFormCheckBox = React.memo(FormCheckBox)\n\nexport default FormCheckBox\n"],"names":["FormCheckBox","children","className","highlightLabel","label","name","readOnly","inputProps","formFieldClassNames","classNames","labelClassNames","inputRef","useRef","jsx","Field","input","jsxs","PropTypes","React","FormCheckBox$1"],"mappings":";;;;;;AAuBA,IAAIA,IAAe,CAAC;AAAA,EAClB,UAAAC,IAAW;AAAA,EACX,WAAAC,IAAY;AAAA,EACZ,gBAAAC,IAAiB;AAAA,EACjB,OAAAC,IAAQ;AAAA,EACR,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAsBC;AAAAA,IAC1B;AAAA,IACAH,KAAY;AAAA,IACZJ;AAAA,EACF,GACMQ,IAAkBD,EAAWN,KAAkB,aAAa,GAC5DQ,IAAWC,EAAO,IAAI;AAG1B,SAAA,gBAAAC,EAACC,GAAM,EAAA,MAAAT,GAAY,OAAOE,EAAW,OAAO,MAAK,YAC9C,UAAA,CAAC,EAAE,OAAAQ,EAAA,MAEC,gBAAAC,EAAA,OAAA,EAAI,WAAWR,GAAqB,eAAY,uBAC/C,UAAA;AAAA,IAAA,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKF;AAAA,QACL,WAAWF,EAAWM,EAAM,UAAU,YAAY,WAAW;AAAA,QAC7D,MAAK;AAAA,QACL,eAAaV,IAAO,GAAGA,CAAI,mBAAmB;AAAA,QAC9C,IAAIE,EAAW,SAASF;AAAA,QAClB,GAAGU;AAAA,QAAO,GAAGR;AAAA,QACnB,OAAO,OAAOQ,EAAM,OAAO;AAAA,MAAA;AAAA,IAC7B;AAAA,sBACC,SAAM,EAAA,SAASR,EAAW,SAASF,GAAM,WAAWK,GAClD,UAAA;AAAA,MAAAN,KAAgB;AAAA,MAChBH;AAAA,IAAA,EACH,CAAA;AAAA,EAAA,GACF,GAGN;AAEJ;AAEAD,EAAa,YAAY;AAAA,EACvB,UAAUiB,EAAU;AAAA,EACpB,WAAWA,EAAU;AAAA,EACrB,gBAAgBA,EAAU;AAAA,EAC1B,OAAOA,EAAU,UAAU,CAACA,EAAU,QAAQA,EAAU,OAAO,CAAC;AAAA,EAChE,MAAMA,EAAU,OAAO;AAAA,EACvB,UAAUA,EAAU;AACtB;AAEAjB,IAAekB,EAAM,KAAKlB,CAAY;AAEtC,MAAAmB,IAAenB;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormCheckbox.stories.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormCheckBox/FormCheckbox.stories.js"],"names":[],"mappings":";;;;;AAkCA,yBAAuC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export default FormChip;
|
|
2
|
+
declare function FormChip({ chip, chipIndex, chipOptions, editConfig, handleEditChip, handleRemoveChip, handleToEditMode, isEditable, keyName, meta, setChipsSizes, setEditConfig, validationRules, valueName }: {
|
|
3
|
+
chip: any;
|
|
4
|
+
chipIndex: any;
|
|
5
|
+
chipOptions?: {
|
|
6
|
+
background: string;
|
|
7
|
+
boldValue: boolean;
|
|
8
|
+
borderRadius: string;
|
|
9
|
+
borderColor: string;
|
|
10
|
+
density: string;
|
|
11
|
+
font: string;
|
|
12
|
+
};
|
|
13
|
+
editConfig: any;
|
|
14
|
+
handleEditChip: any;
|
|
15
|
+
handleRemoveChip: any;
|
|
16
|
+
handleToEditMode: any;
|
|
17
|
+
isEditable?: boolean;
|
|
18
|
+
keyName?: string;
|
|
19
|
+
meta: any;
|
|
20
|
+
setChipsSizes: any;
|
|
21
|
+
setEditConfig: any;
|
|
22
|
+
validationRules?: {};
|
|
23
|
+
valueName?: string;
|
|
24
|
+
}, ref: any): JSX.Element;
|
|
25
|
+
declare namespace FormChip {
|
|
26
|
+
let displayName: string;
|
|
27
|
+
namespace propTypes {
|
|
28
|
+
export let chip: any;
|
|
29
|
+
export let chipIndex: any;
|
|
30
|
+
export { CHIP_OPTIONS as chipOptions };
|
|
31
|
+
export let editConfig: any;
|
|
32
|
+
export let handleEditChip: any;
|
|
33
|
+
export let handleRemoveChip: any;
|
|
34
|
+
export let handleToEditMode: any;
|
|
35
|
+
export let isEditable: any;
|
|
36
|
+
export let keyName: any;
|
|
37
|
+
export let meta: any;
|
|
38
|
+
export let setChipsSizes: any;
|
|
39
|
+
export let setEditConfig: any;
|
|
40
|
+
export let validationRules: any;
|
|
41
|
+
export let valueName: any;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
import { CHIP_OPTIONS } from '../../../types';
|
|
45
|
+
//# sourceMappingURL=FormChip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormChip.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/FormChipCell/FormChip/FormChip.jsx"],"names":[],"mappings":";AAyBA;;;;;;;;;;;;;;;;;;;;;;0BAyDC;;;;;;;;;;;;;;;;;;;;6BA7D4B,gBAAgB"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { jsx as u } from "react/jsx-runtime";
|
|
2
|
+
import g, { useLayoutEffect as y, forwardRef as j } from "react";
|
|
3
|
+
import e from "prop-types";
|
|
4
|
+
import E from "../NewChipForm/NewChipForm.mjs";
|
|
5
|
+
import { CHIP_OPTIONS as N } from "../../../types.mjs";
|
|
6
|
+
/* empty css */
|
|
7
|
+
let i = ({
|
|
8
|
+
chip: a,
|
|
9
|
+
chipIndex: r,
|
|
10
|
+
chipOptions: s = {
|
|
11
|
+
background: "purple",
|
|
12
|
+
boldValue: !1,
|
|
13
|
+
borderRadius: "primary",
|
|
14
|
+
borderColor: "transparent",
|
|
15
|
+
density: "dense",
|
|
16
|
+
font: "purple"
|
|
17
|
+
},
|
|
18
|
+
editConfig: p,
|
|
19
|
+
handleEditChip: f,
|
|
20
|
+
handleRemoveChip: l,
|
|
21
|
+
handleToEditMode: m,
|
|
22
|
+
isEditable: c = !1,
|
|
23
|
+
keyName: n = "",
|
|
24
|
+
meta: R,
|
|
25
|
+
setChipsSizes: o,
|
|
26
|
+
setEditConfig: b,
|
|
27
|
+
validationRules: h = {},
|
|
28
|
+
valueName: C = ""
|
|
29
|
+
}, q) => {
|
|
30
|
+
const t = g.useRef();
|
|
31
|
+
return y(() => {
|
|
32
|
+
t.current && o && o((d) => ({
|
|
33
|
+
...d,
|
|
34
|
+
[r]: t.current.getBoundingClientRect().width
|
|
35
|
+
}));
|
|
36
|
+
}, [r, o]), /* @__PURE__ */ u("div", { onClick: (d) => m(d, r, n), ref: t, children: /* @__PURE__ */ u(
|
|
37
|
+
E,
|
|
38
|
+
{
|
|
39
|
+
chip: a,
|
|
40
|
+
chipIndex: r,
|
|
41
|
+
chipOptions: s,
|
|
42
|
+
className: "input-label-key",
|
|
43
|
+
editConfig: p,
|
|
44
|
+
handleRemoveChip: l,
|
|
45
|
+
isEditable: c,
|
|
46
|
+
keyName: n,
|
|
47
|
+
meta: R,
|
|
48
|
+
onChange: f,
|
|
49
|
+
ref: q,
|
|
50
|
+
setEditConfig: b,
|
|
51
|
+
validationRules: h,
|
|
52
|
+
valueName: C
|
|
53
|
+
}
|
|
54
|
+
) });
|
|
55
|
+
};
|
|
56
|
+
i = j(i);
|
|
57
|
+
i.displayName = "FormChip";
|
|
58
|
+
i.propTypes = {
|
|
59
|
+
chip: e.object.isRequired,
|
|
60
|
+
chipIndex: e.number.isRequired,
|
|
61
|
+
chipOptions: N,
|
|
62
|
+
editConfig: e.object.isRequired,
|
|
63
|
+
handleEditChip: e.func.isRequired,
|
|
64
|
+
handleRemoveChip: e.func.isRequired,
|
|
65
|
+
handleToEditMode: e.func.isRequired,
|
|
66
|
+
isEditable: e.bool,
|
|
67
|
+
keyName: e.string,
|
|
68
|
+
meta: e.object.isRequired,
|
|
69
|
+
setChipsSizes: e.func.isRequired,
|
|
70
|
+
setEditConfig: e.func.isRequired,
|
|
71
|
+
validationRules: e.object,
|
|
72
|
+
valueName: e.string
|
|
73
|
+
};
|
|
74
|
+
const P = i;
|
|
75
|
+
export {
|
|
76
|
+
P as default
|
|
77
|
+
};
|
|
78
|
+
//# sourceMappingURL=FormChip.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormChip.mjs","sources":["../../../../src/lib/components/FormChipCell/FormChip/FormChip.jsx"],"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 React, { useLayoutEffect, forwardRef } from 'react'\nimport PropTypes from 'prop-types'\n\nimport NewChipForm from '../NewChipForm/NewChipForm'\n\nimport { CHIP_OPTIONS } from '../../../types'\n\nimport './formChip.scss'\n\nlet FormChip = (\n {\n chip,\n chipIndex,\n chipOptions = {\n background: 'purple',\n boldValue: false,\n borderRadius: 'primary',\n borderColor: 'transparent',\n density: 'dense',\n font: 'purple'\n },\n editConfig,\n handleEditChip,\n handleRemoveChip,\n handleToEditMode,\n isEditable = false,\n keyName = '',\n meta,\n setChipsSizes,\n setEditConfig,\n validationRules = {},\n valueName = ''\n },\n ref\n) => {\n const chipRef = React.useRef()\n\n useLayoutEffect(() => {\n if (chipRef.current && setChipsSizes) {\n setChipsSizes(state => ({\n ...state,\n [chipIndex]: chipRef.current.getBoundingClientRect().width\n }))\n }\n }, [chipIndex, setChipsSizes])\n\n return (\n <div onClick={event => handleToEditMode(event, chipIndex, keyName)} ref={chipRef}>\n <NewChipForm\n chip={chip}\n chipIndex={chipIndex}\n chipOptions={chipOptions}\n className=\"input-label-key\"\n editConfig={editConfig}\n handleRemoveChip={handleRemoveChip}\n isEditable={isEditable}\n keyName={keyName}\n meta={meta}\n onChange={handleEditChip}\n ref={ref}\n setEditConfig={setEditConfig}\n validationRules={validationRules}\n valueName={valueName}\n />\n </div>\n )\n}\n\nFormChip = forwardRef(FormChip)\n\nFormChip.displayName = 'FormChip'\n\nFormChip.propTypes = {\n chip: PropTypes.object.isRequired,\n chipIndex: PropTypes.number.isRequired,\n chipOptions: CHIP_OPTIONS,\n editConfig: PropTypes.object.isRequired,\n handleEditChip: PropTypes.func.isRequired,\n handleRemoveChip: PropTypes.func.isRequired,\n handleToEditMode: PropTypes.func.isRequired,\n isEditable: PropTypes.bool,\n keyName: PropTypes.string,\n meta: PropTypes.object.isRequired,\n setChipsSizes: PropTypes.func.isRequired,\n setEditConfig: PropTypes.func.isRequired,\n validationRules: PropTypes.object,\n valueName: PropTypes.string\n}\n\nexport default FormChip\n"],"names":["FormChip","chip","chipIndex","chipOptions","editConfig","handleEditChip","handleRemoveChip","handleToEditMode","isEditable","keyName","meta","setChipsSizes","setEditConfig","validationRules","valueName","ref","chipRef","React","useLayoutEffect","state","jsx","event","NewChipForm","forwardRef","PropTypes","CHIP_OPTIONS","FormChip$1"],"mappings":";;;;;;AAyBA,IAAIA,IAAW,CACb;AAAA,EACE,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,IACZ,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,cAAc;AAAA,IACd,aAAa;AAAA,IACb,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA,YAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC,IAAU;AAAA,EACV,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAC;AAAA,EACnB,WAAAC,IAAY;AACd,GACAC,MACG;AACG,QAAAC,IAAUC,EAAM,OAAO;AAE7B,SAAAC,EAAgB,MAAM;AAChB,IAAAF,EAAQ,WAAWL,KACrBA,EAAc,CAAUQ,OAAA;AAAA,MACtB,GAAGA;AAAA,MACH,CAACjB,CAAS,GAAGc,EAAQ,QAAQ,wBAAwB;AAAA,IAAA,EACrD;AAAA,EACJ,GACC,CAACd,GAAWS,CAAa,CAAC,GAG3B,gBAAAS,EAAC,OAAI,EAAA,SAAS,CAASC,MAAAd,EAAiBc,GAAOnB,GAAWO,CAAO,GAAG,KAAKO,GACvE,UAAA,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAArB;AAAA,MACA,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,WAAU;AAAA,MACV,YAAAC;AAAA,MACA,kBAAAE;AAAA,MACA,YAAAE;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,UAAUL;AAAA,MACV,KAAAU;AAAA,MACA,eAAAH;AAAA,MACA,iBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAd,IAAWuB,EAAWvB,CAAQ;AAE9BA,EAAS,cAAc;AAEvBA,EAAS,YAAY;AAAA,EACnB,MAAMwB,EAAU,OAAO;AAAA,EACvB,WAAWA,EAAU,OAAO;AAAA,EAC5B,aAAaC;AAAA,EACb,YAAYD,EAAU,OAAO;AAAA,EAC7B,gBAAgBA,EAAU,KAAK;AAAA,EAC/B,kBAAkBA,EAAU,KAAK;AAAA,EACjC,kBAAkBA,EAAU,KAAK;AAAA,EACjC,YAAYA,EAAU;AAAA,EACtB,SAASA,EAAU;AAAA,EACnB,MAAMA,EAAU,OAAO;AAAA,EACvB,eAAeA,EAAU,KAAK;AAAA,EAC9B,eAAeA,EAAU,KAAK;AAAA,EAC9B,iBAAiBA,EAAU;AAAA,EAC3B,WAAWA,EAAU;AACvB;AAEA,MAAAE,IAAe1B;"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
export default FormChipCell;
|
|
2
|
+
declare function FormChipCell({ chipOptions, className, delimiter, formState, initialValues, isEditable, label, name, onClick, shortChips, validationRules, validator, onExitEditModeCallback, visibleChipsMaxLength }: {
|
|
3
|
+
chipOptions?: {
|
|
4
|
+
background: string;
|
|
5
|
+
boldValue: boolean;
|
|
6
|
+
borderRadius: string;
|
|
7
|
+
borderColor: string;
|
|
8
|
+
density: string;
|
|
9
|
+
font: string;
|
|
10
|
+
};
|
|
11
|
+
className?: string;
|
|
12
|
+
delimiter?: any;
|
|
13
|
+
formState: any;
|
|
14
|
+
initialValues: any;
|
|
15
|
+
isEditable?: boolean;
|
|
16
|
+
label?: any;
|
|
17
|
+
name: any;
|
|
18
|
+
onClick?: () => void;
|
|
19
|
+
shortChips?: boolean;
|
|
20
|
+
validationRules?: {};
|
|
21
|
+
validator?: any;
|
|
22
|
+
onExitEditModeCallback?: any;
|
|
23
|
+
visibleChipsMaxLength?: any;
|
|
24
|
+
}): JSX.Element;
|
|
25
|
+
declare namespace FormChipCell {
|
|
26
|
+
namespace propTypes {
|
|
27
|
+
export { CHIP_OPTIONS as chipOptions };
|
|
28
|
+
export let className: any;
|
|
29
|
+
export let delimiter: any;
|
|
30
|
+
export let formState: any;
|
|
31
|
+
export let initialValues: any;
|
|
32
|
+
export let isEditable: any;
|
|
33
|
+
export let label: any;
|
|
34
|
+
export let name: any;
|
|
35
|
+
export let onClick: any;
|
|
36
|
+
export let onExitEditModeCallback: any;
|
|
37
|
+
export let shortChips: any;
|
|
38
|
+
export let validationRules: any;
|
|
39
|
+
export let validator: any;
|
|
40
|
+
export let visibleChipsMaxLength: any;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
import { CHIP_OPTIONS } from '../../types';
|
|
44
|
+
//# sourceMappingURL=FormChipCell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormChipCell.d.ts","sourceRoot":"","sources":["../../../src/lib/components/FormChipCell/FormChipCell.jsx"],"names":[],"mappings":";AAiCA;;;;;;;;;;;;;;;;;;;;;;gBA8VC;;;;;;;;;;;;;;;;;;;6BAxW4B,aAAa"}
|