@newtonschool/grauity 0.0.14 → 0.1.11
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/README.md +145 -9
- package/dist/fonts/grauity-icons.eot +0 -0
- package/dist/fonts/grauity-icons.ttf +0 -0
- package/dist/fonts/grauity-icons.woff +0 -0
- package/dist/fonts/grauity-icons.woff2 +0 -0
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/useClickAway.d.ts +15 -0
- package/dist/hooks/useClickAway.d.ts.map +1 -0
- package/dist/hooks/useDisableBodyScroll.d.ts +7 -0
- package/dist/hooks/useDisableBodyScroll.d.ts.map +1 -0
- package/dist/hooks/useKeyboardEvent.d.ts +17 -0
- package/dist/hooks/useKeyboardEvent.d.ts.map +1 -0
- package/dist/index.d.ts +1109 -39
- package/dist/index.d.ts.map +1 -1
- package/dist/main.cjs +1 -1
- package/dist/main.cjs.map +1 -1
- package/dist/main.css +10 -1
- package/dist/main.css.map +1 -1
- package/dist/module.css +10 -1
- package/dist/module.css.map +1 -1
- package/dist/module.mjs +1 -1
- package/dist/module.mjs.map +1 -1
- package/dist/stories/atoms/Colors/FoundationColors.stories.d.ts +7 -0
- package/dist/stories/atoms/Colors/FoundationColors.stories.d.ts.map +1 -0
- package/dist/stories/atoms/Colors/index.stories.d.ts +18 -0
- package/dist/stories/atoms/Colors/index.stories.d.ts.map +1 -0
- package/dist/stories/atoms/CornerRadius/index.stories.d.ts +7 -0
- package/dist/stories/atoms/CornerRadius/index.stories.d.ts.map +1 -0
- package/dist/stories/atoms/Spacing/index.stories.d.ts +7 -0
- package/dist/stories/atoms/Spacing/index.stories.d.ts.map +1 -0
- package/dist/stories/decorators/withEnableBodyScroll.d.ts +8 -0
- package/dist/stories/decorators/withEnableBodyScroll.d.ts.map +1 -0
- package/dist/stories/decorators/withInlineContainer.d.ts +15 -0
- package/dist/stories/decorators/withInlineContainer.d.ts.map +1 -0
- package/dist/stories/elements/Alert/Gallery.stories.d.ts +30 -0
- package/dist/stories/elements/Alert/Gallery.stories.d.ts.map +1 -0
- package/dist/stories/elements/Alert/index.stories.d.ts +30 -0
- package/dist/stories/elements/Alert/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/AlertBanner/Gallery.stories.d.ts +33 -0
- package/dist/stories/elements/AlertBanner/Gallery.stories.d.ts.map +1 -0
- package/dist/stories/elements/AlertBanner/index.stories.d.ts +30 -0
- package/dist/stories/elements/AlertBanner/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/Button/Gallery.stories.d.ts +10 -0
- package/dist/stories/elements/Button/Gallery.stories.d.ts.map +1 -0
- package/dist/stories/elements/Button/index.stories.d.ts +9 -0
- package/dist/stories/elements/Button/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/Icon/index.stories.d.ts +14 -0
- package/dist/stories/elements/Icon/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/IconButton/Gallery.stories.d.ts +10 -0
- package/dist/stories/elements/IconButton/Gallery.stories.d.ts.map +1 -0
- package/dist/stories/elements/IconButton/index.stories.d.ts +9 -0
- package/dist/stories/elements/IconButton/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/Modal/ConfirmationDialog.source.d.ts +3 -0
- package/dist/stories/elements/Modal/ConfirmationDialog.source.d.ts.map +1 -0
- package/dist/stories/elements/Modal/ConfirmationDialog.stories.d.ts +43 -0
- package/dist/stories/elements/Modal/ConfirmationDialog.stories.d.ts.map +1 -0
- package/dist/stories/elements/Modal/ConfirmationDialogWithTrigger.stories.d.ts +42 -0
- package/dist/stories/elements/Modal/ConfirmationDialogWithTrigger.stories.d.ts.map +1 -0
- package/dist/stories/elements/Modal/MultiStepModal.stories.d.ts +46 -0
- package/dist/stories/elements/Modal/MultiStepModal.stories.d.ts.map +1 -0
- package/dist/stories/elements/Modal/index.stories.d.ts +32 -0
- package/dist/stories/elements/Modal/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/Modal/multiStepArgs.d.ts +4 -0
- package/dist/stories/elements/Modal/multiStepArgs.d.ts.map +1 -0
- package/dist/stories/elements/Modal/singleStepArgs.d.ts +4 -0
- package/dist/stories/elements/Modal/singleStepArgs.d.ts.map +1 -0
- package/dist/stories/elements/MultiSelectDropdown/index.stories.d.ts +11 -0
- package/dist/stories/elements/MultiSelectDropdown/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/SelectDropdown/index.stories.d.ts +11 -0
- package/dist/stories/elements/SelectDropdown/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/Table/Manual.source.d.ts +3 -0
- package/dist/stories/elements/Table/Manual.source.d.ts.map +1 -0
- package/dist/stories/elements/Table/Manual.stories.d.ts +54 -0
- package/dist/stories/elements/Table/Manual.stories.d.ts.map +1 -0
- package/dist/stories/elements/Table/ManualColumnNesting.source.d.ts +3 -0
- package/dist/stories/elements/Table/ManualColumnNesting.source.d.ts.map +1 -0
- package/dist/stories/elements/Table/ManualColumnNesting.stories.d.ts +53 -0
- package/dist/stories/elements/Table/ManualColumnNesting.stories.d.ts.map +1 -0
- package/dist/stories/elements/Table/index.stories.d.ts +46 -0
- package/dist/stories/elements/Table/index.stories.d.ts.map +1 -0
- package/dist/stories/elements/Table/simpleArgs.d.ts +4 -0
- package/dist/stories/elements/Table/simpleArgs.d.ts.map +1 -0
- package/dist/stories/elements/Typography/TypographyGallery.stories.d.ts +29 -0
- package/dist/stories/elements/Typography/TypographyGallery.stories.d.ts.map +1 -0
- package/dist/stories/elements/Typography/index.stories.d.ts +28 -0
- package/dist/stories/elements/Typography/index.stories.d.ts.map +1 -0
- package/dist/stories/helper-components/ColorRenderer/index.d.ts +15 -0
- package/dist/stories/helper-components/ColorRenderer/index.d.ts.map +1 -0
- package/dist/stories/helper-components/DocPageWithPlayground.d.ts +12 -0
- package/dist/stories/helper-components/DocPageWithPlayground.d.ts.map +1 -0
- package/dist/stories/helper-components/TokenBlock/index.d.ts +21 -0
- package/dist/stories/helper-components/TokenBlock/index.d.ts.map +1 -0
- package/dist/stories/helper-components/TokenBlock/index.styles.d.ts +4 -0
- package/dist/stories/helper-components/TokenBlock/index.styles.d.ts.map +1 -0
- package/dist/stories/utils/index.d.ts +82 -0
- package/dist/stories/utils/index.d.ts.map +1 -0
- package/dist/ui/core/colors/colorTypes.d.ts +1 -0
- package/dist/ui/core/colors/colorTypes.d.ts.map +1 -0
- package/dist/ui/core/colors/index.d.ts +1 -0
- package/dist/ui/core/colors/index.d.ts.map +1 -0
- package/dist/ui/core/icons/iconTags.d.ts +409 -0
- package/dist/ui/core/icons/iconTags.d.ts.map +1 -0
- package/dist/ui/core/icons/iconTypes.d.ts +399 -0
- package/dist/ui/core/icons/iconTypes.d.ts.map +1 -0
- package/dist/{core → ui/core}/icons/index.d.ts +1 -1
- package/dist/ui/core/icons/index.d.ts.map +1 -0
- package/dist/ui/core/index.d.ts +7 -0
- package/dist/ui/core/index.d.ts.map +1 -0
- package/dist/ui/core/miscellaneous-choices/index.d.ts.map +1 -0
- package/dist/ui/core/miscellaneous-choices/miscellaneousTypes.d.ts.map +1 -0
- package/dist/ui/core/sizes/index.d.ts.map +1 -0
- package/dist/ui/core/sizes/sizeTypes.d.ts +3 -0
- package/dist/ui/core/sizes/sizeTypes.d.ts.map +1 -0
- package/dist/ui/elements/Alert/Alert.d.ts +8 -0
- package/dist/ui/elements/Alert/Alert.d.ts.map +1 -0
- package/dist/ui/elements/Alert/Alert.styles.d.ts +7 -0
- package/dist/ui/elements/Alert/Alert.styles.d.ts.map +1 -0
- package/dist/ui/elements/Alert/Alert.test.d.ts +2 -0
- package/dist/ui/elements/Alert/Alert.test.d.ts.map +1 -0
- package/dist/ui/elements/Alert/constants.d.ts +140 -0
- package/dist/ui/elements/Alert/constants.d.ts.map +1 -0
- package/dist/ui/elements/Alert/index.d.ts +7 -0
- package/dist/ui/elements/Alert/index.d.ts.map +1 -0
- package/dist/ui/elements/Alert/types.d.ts +125 -0
- package/dist/ui/elements/Alert/types.d.ts.map +1 -0
- package/dist/ui/elements/Alert/utils.d.ts +1 -0
- package/dist/ui/elements/Alert/utils.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.d.ts +9 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.styles.d.ts +4 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.styles.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.test.d.ts +2 -0
- package/dist/ui/elements/AlertBanner/AlertBanner.test.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/constants.d.ts +140 -0
- package/dist/ui/elements/AlertBanner/constants.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/index.d.ts +7 -0
- package/dist/ui/elements/AlertBanner/index.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/types.d.ts +111 -0
- package/dist/ui/elements/AlertBanner/types.d.ts.map +1 -0
- package/dist/ui/elements/AlertBanner/utils.d.ts +105 -0
- package/dist/ui/elements/AlertBanner/utils.d.ts.map +1 -0
- package/dist/ui/elements/Button/Button.d.ts +11 -0
- package/dist/ui/elements/Button/Button.d.ts.map +1 -0
- package/dist/ui/elements/Button/Button.styles.d.ts +4 -0
- package/dist/ui/elements/Button/Button.styles.d.ts.map +1 -0
- package/dist/ui/elements/Button/Button.test.d.ts +2 -0
- package/dist/ui/elements/Button/Button.test.d.ts.map +1 -0
- package/dist/ui/elements/Button/ButtonGroup.d.ts +11 -0
- package/dist/ui/elements/Button/ButtonGroup.d.ts.map +1 -0
- package/dist/ui/elements/Button/ButtonGroup.styles.d.ts +2 -0
- package/dist/ui/elements/Button/ButtonGroup.styles.d.ts.map +1 -0
- package/dist/ui/elements/Button/IconButton.d.ts +8 -0
- package/dist/ui/elements/Button/IconButton.d.ts.map +1 -0
- package/dist/ui/elements/Button/IconButton.test.d.ts +2 -0
- package/dist/ui/elements/Button/IconButton.test.d.ts.map +1 -0
- package/dist/ui/elements/Button/constants.d.ts +54 -0
- package/dist/ui/elements/Button/constants.d.ts.map +1 -0
- package/dist/ui/elements/Button/index.d.ts +9 -0
- package/dist/ui/elements/Button/index.d.ts.map +1 -0
- package/dist/ui/elements/Button/types.d.ts +226 -0
- package/dist/ui/elements/Button/types.d.ts.map +1 -0
- package/dist/ui/elements/Button/utils.d.ts +1 -0
- package/dist/ui/elements/Button/utils.d.ts.map +1 -0
- package/dist/ui/elements/Icon/Icon.d.ts +48 -0
- package/dist/ui/elements/Icon/Icon.d.ts.map +1 -0
- package/dist/ui/elements/Icon/Icon.styles.d.ts +5 -0
- package/dist/ui/elements/Icon/Icon.styles.d.ts.map +1 -0
- package/dist/ui/elements/Icon/index.d.ts +3 -0
- package/dist/ui/elements/Icon/index.d.ts.map +1 -0
- package/dist/ui/elements/Icon/types.d.ts +74 -0
- package/dist/ui/elements/Icon/types.d.ts.map +1 -0
- package/dist/ui/elements/Modal/ConfirmationDialog/index.d.ts +43 -0
- package/dist/ui/elements/Modal/ConfirmationDialog/index.d.ts.map +1 -0
- package/dist/ui/elements/Modal/ConfirmationDialog/index.test.d.ts +2 -0
- package/dist/ui/elements/Modal/ConfirmationDialog/index.test.d.ts.map +1 -0
- package/dist/ui/elements/Modal/Modal.d.ts +21 -0
- package/dist/ui/elements/Modal/Modal.d.ts.map +1 -0
- package/dist/ui/elements/Modal/Modal.styles.d.ts +18 -0
- package/dist/ui/elements/Modal/Modal.styles.d.ts.map +1 -0
- package/dist/ui/elements/Modal/Modal.test.d.ts +2 -0
- package/dist/ui/elements/Modal/Modal.test.d.ts.map +1 -0
- package/dist/ui/elements/Modal/MultiStepModal/index.d.ts +46 -0
- package/dist/ui/elements/Modal/MultiStepModal/index.d.ts.map +1 -0
- package/dist/ui/elements/Modal/MultiStepModal/index.test.d.ts +2 -0
- package/dist/ui/elements/Modal/MultiStepModal/index.test.d.ts.map +1 -0
- package/dist/ui/elements/Modal/constants.d.ts +1 -0
- package/dist/ui/elements/Modal/constants.d.ts.map +1 -0
- package/dist/ui/elements/Modal/index.d.ts +5 -0
- package/dist/ui/elements/Modal/index.d.ts.map +1 -0
- package/dist/ui/elements/Modal/types.d.ts +312 -0
- package/dist/ui/elements/Modal/types.d.ts.map +1 -0
- package/dist/ui/elements/Modal/utils.d.ts +1 -0
- package/dist/ui/elements/Modal/utils.d.ts.map +1 -0
- package/dist/ui/elements/MultiSelectDropdown/DropdownListItem.d.ts +4 -0
- package/dist/ui/elements/MultiSelectDropdown/DropdownListItem.d.ts.map +1 -0
- package/dist/ui/elements/MultiSelectDropdown/MultiSelectDropdown.d.ts +5 -0
- package/dist/ui/elements/MultiSelectDropdown/MultiSelectDropdown.d.ts.map +1 -0
- package/dist/ui/elements/MultiSelectDropdown/MultiSelectDropdown.styles.d.ts +14 -0
- package/dist/ui/elements/MultiSelectDropdown/MultiSelectDropdown.styles.d.ts.map +1 -0
- package/dist/ui/elements/MultiSelectDropdown/MultiSelectDropdown.test.d.ts +2 -0
- package/dist/ui/elements/MultiSelectDropdown/MultiSelectDropdown.test.d.ts.map +1 -0
- package/dist/ui/elements/MultiSelectDropdown/index.d.ts +3 -0
- package/dist/ui/elements/MultiSelectDropdown/index.d.ts.map +1 -0
- package/dist/ui/elements/MultiSelectDropdown/types.d.ts +70 -0
- package/dist/ui/elements/MultiSelectDropdown/types.d.ts.map +1 -0
- package/dist/ui/elements/SelectDropdown/SelectDropdown.d.ts +5 -0
- package/dist/ui/elements/SelectDropdown/SelectDropdown.d.ts.map +1 -0
- package/dist/ui/elements/SelectDropdown/SelectDropdown.styles.d.ts +10 -0
- package/dist/ui/elements/SelectDropdown/SelectDropdown.styles.d.ts.map +1 -0
- package/dist/ui/elements/SelectDropdown/SelectDropdown.test.d.ts +2 -0
- package/dist/ui/elements/SelectDropdown/SelectDropdown.test.d.ts.map +1 -0
- package/dist/ui/elements/SelectDropdown/index.d.ts +3 -0
- package/dist/ui/elements/SelectDropdown/index.d.ts.map +1 -0
- package/dist/ui/elements/SelectDropdown/types.d.ts +59 -0
- package/dist/ui/elements/SelectDropdown/types.d.ts.map +1 -0
- package/dist/ui/elements/Table/Table.d.ts +47 -0
- package/dist/ui/elements/Table/Table.d.ts.map +1 -0
- package/dist/ui/elements/Table/Table.styles.d.ts +8 -0
- package/dist/ui/elements/Table/Table.styles.d.ts.map +1 -0
- package/dist/ui/elements/Table/Table.test.d.ts +2 -0
- package/dist/ui/elements/Table/Table.test.d.ts.map +1 -0
- package/dist/ui/elements/Table/constants.d.ts +1 -0
- package/dist/ui/elements/Table/constants.d.ts.map +1 -0
- package/dist/ui/elements/Table/index.d.ts +3 -0
- package/dist/ui/elements/Table/index.d.ts.map +1 -0
- package/dist/ui/elements/Table/types.d.ts +223 -0
- package/dist/ui/elements/Table/types.d.ts.map +1 -0
- package/dist/ui/elements/Table/utils.d.ts +1 -0
- package/dist/ui/elements/Table/utils.d.ts.map +1 -0
- package/dist/ui/elements/Typography/Typography.d.ts +36 -0
- package/dist/ui/elements/Typography/Typography.d.ts.map +1 -0
- package/dist/ui/elements/Typography/Typography.styles.d.ts +6 -0
- package/dist/ui/elements/Typography/Typography.styles.d.ts.map +1 -0
- package/dist/ui/elements/Typography/constants.d.ts +22 -0
- package/dist/ui/elements/Typography/constants.d.ts.map +1 -0
- package/dist/ui/elements/Typography/index.d.ts +5 -0
- package/dist/ui/elements/Typography/index.d.ts.map +1 -0
- package/dist/ui/elements/Typography/types.d.ts +50 -0
- package/dist/ui/elements/Typography/types.d.ts.map +1 -0
- package/dist/ui/elements/Typography/utils.d.ts +2 -0
- package/dist/ui/elements/Typography/utils.d.ts.map +1 -0
- package/dist/ui/helpers/classNameBuilders.d.ts.map +1 -0
- package/dist/ui/helpers/index.d.ts +3 -0
- package/dist/ui/helpers/index.d.ts.map +1 -0
- package/dist/ui/index.d.ts +11 -0
- package/dist/ui/index.d.ts.map +1 -0
- package/dist/{init → ui/init}/GrauityInit.d.ts +15 -3
- package/dist/ui/init/GrauityInit.d.ts.map +1 -0
- package/dist/ui/init/index.d.ts.map +1 -0
- package/dist/ui/themes/GlobalStyle.d.ts +5 -0
- package/dist/ui/themes/GlobalStyle.d.ts.map +1 -0
- package/dist/ui/themes/ThemeContext.d.ts +24 -0
- package/dist/ui/themes/ThemeContext.d.ts.map +1 -0
- package/dist/ui/themes/constants.d.ts +6 -0
- package/dist/ui/themes/constants.d.ts.map +1 -0
- package/dist/ui/themes/darkThemeConstants.d.ts +70 -0
- package/dist/ui/themes/darkThemeConstants.d.ts.map +1 -0
- package/dist/ui/themes/lightThemeConstants.d.ts +70 -0
- package/dist/ui/themes/lightThemeConstants.d.ts.map +1 -0
- package/dist/ui/themes/tokens.d.ts +1 -0
- package/dist/ui/themes/tokens.d.ts.map +1 -0
- package/dist/ui/themes/types.d.ts +73 -0
- package/dist/ui/themes/types.d.ts.map +1 -0
- package/package.json +59 -28
- package/ui/core/colors/colorTypes.ts +2 -20
- package/ui/core/colors/index.ts +23 -23
- package/ui/core/icons/iconTags.ts +1063 -59
- package/ui/core/icons/iconTypes.ts +837 -84
- package/ui/core/icons/index.ts +1 -3
- package/ui/core/index.ts +7 -10
- package/ui/core/sizes/sizeTypes.ts +1 -0
- package/ui/css/fonts.scss +0 -8
- package/ui/css/index.scss +0 -8
- package/ui/css/reset.scss +2 -5
- package/ui/elements/Alert/Alert.styles.ts +66 -0
- package/ui/elements/Alert/Alert.test.tsx +81 -0
- package/ui/elements/Alert/Alert.tsx +153 -0
- package/ui/elements/Alert/constants.ts +169 -0
- package/ui/elements/Alert/index.ts +6 -0
- package/ui/elements/Alert/types.ts +150 -0
- package/ui/elements/AlertBanner/AlertBanner.styles.ts +35 -0
- package/ui/elements/AlertBanner/AlertBanner.test.tsx +70 -0
- package/ui/elements/AlertBanner/AlertBanner.tsx +137 -0
- package/ui/elements/AlertBanner/constants.ts +179 -0
- package/ui/elements/AlertBanner/index.ts +6 -0
- package/ui/elements/AlertBanner/types.ts +133 -0
- package/ui/elements/AlertBanner/utils.ts +52 -0
- package/ui/elements/Button/Button.styles.ts +88 -0
- package/ui/elements/Button/Button.test.tsx +78 -0
- package/ui/elements/Button/Button.tsx +134 -0
- package/ui/elements/Button/ButtonGroup.styles.ts +7 -0
- package/ui/elements/Button/ButtonGroup.tsx +21 -0
- package/ui/elements/Button/IconButton.test.tsx +39 -0
- package/ui/elements/Button/IconButton.tsx +118 -0
- package/ui/elements/Button/constants.ts +304 -0
- package/ui/elements/Button/index.ts +8 -0
- package/ui/elements/Button/types.ts +282 -0
- package/ui/elements/Button/utils.ts +0 -0
- package/ui/elements/Icon/Icon.styles.ts +99 -0
- package/ui/elements/Icon/Icon.tsx +17 -107
- package/ui/elements/Icon/index.ts +1 -2
- package/ui/elements/Icon/types.ts +96 -0
- package/ui/elements/Modal/ConfirmationDialog/index.test.tsx +116 -0
- package/ui/elements/Modal/ConfirmationDialog/index.tsx +151 -0
- package/ui/elements/Modal/Modal.styles.ts +230 -0
- package/ui/elements/Modal/Modal.test.tsx +117 -0
- package/ui/elements/Modal/Modal.tsx +179 -0
- package/ui/elements/Modal/MultiStepModal/index.test.tsx +116 -0
- package/ui/elements/Modal/MultiStepModal/index.tsx +184 -0
- package/ui/elements/Modal/constants.ts +0 -0
- package/ui/elements/Modal/index.ts +4 -0
- package/ui/elements/Modal/types.ts +379 -0
- package/ui/elements/Modal/utils.tsx +0 -0
- package/ui/elements/MultiSelectDropdown/DropdownListItem.tsx +33 -0
- package/ui/elements/MultiSelectDropdown/MultiSelectDropdown.styles.ts +127 -0
- package/ui/elements/MultiSelectDropdown/MultiSelectDropdown.test.tsx +224 -0
- package/ui/elements/MultiSelectDropdown/MultiSelectDropdown.tsx +156 -0
- package/ui/elements/MultiSelectDropdown/index.ts +2 -0
- package/ui/elements/MultiSelectDropdown/types.ts +87 -0
- package/ui/elements/SelectDropdown/SelectDropdown.styles.ts +99 -0
- package/ui/elements/SelectDropdown/SelectDropdown.test.tsx +86 -0
- package/ui/elements/SelectDropdown/SelectDropdown.tsx +94 -0
- package/ui/elements/SelectDropdown/index.tsx +2 -0
- package/ui/elements/SelectDropdown/types.ts +73 -0
- package/ui/elements/Table/Table.styles.ts +178 -0
- package/ui/elements/Table/Table.test.tsx +72 -0
- package/ui/elements/Table/Table.tsx +118 -0
- package/ui/elements/Table/constants.ts +0 -0
- package/ui/elements/Table/index.ts +2 -0
- package/ui/elements/Table/types.ts +270 -0
- package/ui/elements/Table/utils.ts +0 -0
- package/ui/elements/Typography/Typography.styles.ts +29 -0
- package/ui/elements/Typography/Typography.tsx +70 -0
- package/ui/elements/Typography/constants.ts +292 -0
- package/ui/elements/Typography/index.ts +9 -0
- package/ui/elements/Typography/types.ts +116 -0
- package/ui/elements/Typography/utils.ts +11 -0
- package/ui/fonts/grauity-icons.eot +0 -0
- package/ui/fonts/grauity-icons.ttf +0 -0
- package/ui/fonts/grauity-icons.woff +0 -0
- package/ui/fonts/grauity-icons.woff2 +0 -0
- package/ui/helpers/index.ts +1 -7
- package/ui/index.ts +42 -3
- package/ui/init/GrauityInit.tsx +30 -7
- package/ui/init/index.ts +0 -1
- package/ui/themes/GlobalStyle.ts +273 -0
- package/ui/themes/ThemeContext.tsx +140 -0
- package/ui/themes/constants.ts +8 -0
- package/ui/themes/darkThemeConstants.ts +73 -0
- package/ui/themes/lightThemeConstants.ts +73 -0
- package/ui/themes/tokens.ts +0 -0
- package/ui/themes/types.ts +77 -0
- package/dist/core/colors/colorTypes.d.ts +0 -3
- package/dist/core/colors/colorTypes.d.ts.map +0 -1
- package/dist/core/colors/index.d.ts +0 -14
- package/dist/core/colors/index.d.ts.map +0 -1
- package/dist/core/icons/iconTags.d.ts +0 -158
- package/dist/core/icons/iconTags.d.ts.map +0 -1
- package/dist/core/icons/iconTypes.d.ts +0 -148
- package/dist/core/icons/iconTypes.d.ts.map +0 -1
- package/dist/core/icons/index.d.ts.map +0 -1
- package/dist/core/index.d.ts +0 -9
- package/dist/core/index.d.ts.map +0 -1
- package/dist/core/miscellaneous-choices/index.d.ts.map +0 -1
- package/dist/core/miscellaneous-choices/miscellaneousTypes.d.ts.map +0 -1
- package/dist/core/sizes/index.d.ts.map +0 -1
- package/dist/core/sizes/sizeTypes.d.ts +0 -3
- package/dist/core/sizes/sizeTypes.d.ts.map +0 -1
- package/dist/elements/Icon/Icon.d.ts +0 -115
- package/dist/elements/Icon/Icon.d.ts.map +0 -1
- package/dist/elements/Icon/index.d.ts +0 -3
- package/dist/elements/Icon/index.d.ts.map +0 -1
- package/dist/elements/index.d.ts +0 -3
- package/dist/elements/index.d.ts.map +0 -1
- package/dist/helpers/classNameBuilders.d.ts.map +0 -1
- package/dist/helpers/getElementTypeFromProps.d.ts +0 -14
- package/dist/helpers/getElementTypeFromProps.d.ts.map +0 -1
- package/dist/helpers/index.d.ts +0 -4
- package/dist/helpers/index.d.ts.map +0 -1
- package/dist/init/GrauityInit.d.ts.map +0 -1
- package/dist/init/index.d.ts.map +0 -1
- package/ui/css/colors.scss +0 -131
- package/ui/css/icons.scss +0 -96
- package/ui/elements/index.ts +0 -2
- package/ui/helpers/getElementTypeFromProps.ts +0 -32
- /package/dist/{core → ui/core}/miscellaneous-choices/index.d.ts +0 -0
- /package/dist/{core → ui/core}/miscellaneous-choices/miscellaneousTypes.d.ts +0 -0
- /package/dist/{core → ui/core}/sizes/index.d.ts +0 -0
- /package/dist/{helpers → ui/helpers}/classNameBuilders.d.ts +0 -0
- /package/dist/{init → ui/init}/index.d.ts +0 -0
- /package/ui/{css/sizes.scss → elements/Alert/utils.ts} +0 -0
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { ConfirmationDialogProps } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* A confirmation dialog is a dialog box that asks the user to confirm an action.
|
|
5
|
+
*/
|
|
6
|
+
declare const ConfirmationDialog: {
|
|
7
|
+
({ cancelText, confirmText, onCancel, onConfirm, banner, title, description, body, cancelButtonVariant, confirmButtonVariant, showCloseButton, hideOnClickAway, blurBackground, mobileBottomFullWidth, }: ConfirmationDialogProps): JSX.Element;
|
|
8
|
+
propTypes: {
|
|
9
|
+
cancelText: PropTypes.Requireable<string>;
|
|
10
|
+
confirmText: PropTypes.Requireable<string>;
|
|
11
|
+
onCancel: PropTypes.Requireable<(...args: any[]) => any>;
|
|
12
|
+
onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
|
|
13
|
+
banner: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
14
|
+
title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
15
|
+
description: PropTypes.Requireable<string>;
|
|
16
|
+
body: PropTypes.Requireable<PropTypes.ReactNodeLike>;
|
|
17
|
+
cancelButtonVariant: PropTypes.Requireable<string>;
|
|
18
|
+
confirmButtonVariant: PropTypes.Requireable<string>;
|
|
19
|
+
showCloseButton: PropTypes.Requireable<boolean>;
|
|
20
|
+
hideOnClickAway: PropTypes.Requireable<boolean>;
|
|
21
|
+
blurBackground: PropTypes.Requireable<boolean>;
|
|
22
|
+
mobileBottomFullWidth: PropTypes.Requireable<boolean>;
|
|
23
|
+
};
|
|
24
|
+
defaultProps: {
|
|
25
|
+
cancelText: string;
|
|
26
|
+
confirmText: string;
|
|
27
|
+
banner: any;
|
|
28
|
+
title: string;
|
|
29
|
+
description: string;
|
|
30
|
+
body: any;
|
|
31
|
+
onCancel: () => void;
|
|
32
|
+
onConfirm: () => void;
|
|
33
|
+
cancelButtonVariant: string;
|
|
34
|
+
confirmButtonVariant: string;
|
|
35
|
+
showCloseButton: boolean;
|
|
36
|
+
hideOnClickAway: boolean;
|
|
37
|
+
blurBackground: boolean;
|
|
38
|
+
mobileBottomFullWidth: boolean;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
export { ConfirmationDialogProps };
|
|
42
|
+
export default ConfirmationDialog;
|
|
43
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/ConfirmationDialog/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAQnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AAEnD;;GAEG;AACH,QAAA,MAAM,kBAAkB;8MAerB,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoFzB,CAAC;AAoCF,OAAO,EAAE,uBAAuB,EAAE,CAAC;AAEnC,eAAe,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/ConfirmationDialog/index.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { StyledModal, StyledModalAction, StyledModalBanner, StyledModalBody, StyledModalDescription, StyledModalDivider, StyledModalMain, StyledModalTitle, StyledModalWrapper } from './Modal.styles';
|
|
3
|
+
import { ModalProps } from './types';
|
|
4
|
+
/**
|
|
5
|
+
* A modal is used to display content that temporarily blocks
|
|
6
|
+
* interactions with the main view of a site or to get user attention
|
|
7
|
+
* on a specific action or information.
|
|
8
|
+
*/
|
|
9
|
+
declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> & {
|
|
10
|
+
Wrapper: typeof StyledModalWrapper;
|
|
11
|
+
Modal: typeof StyledModal;
|
|
12
|
+
Main: typeof StyledModalMain;
|
|
13
|
+
Banner: typeof StyledModalBanner;
|
|
14
|
+
Title: typeof StyledModalTitle;
|
|
15
|
+
Description: typeof StyledModalDescription;
|
|
16
|
+
Body: typeof StyledModalBody;
|
|
17
|
+
Action: typeof StyledModalAction;
|
|
18
|
+
Divider: typeof StyledModalDivider;
|
|
19
|
+
};
|
|
20
|
+
export default Modal;
|
|
21
|
+
//# sourceMappingURL=Modal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyD,MAAM,OAAO,CAAC;AAQ9E,OAAO,EACH,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,kBAAkB,EACrB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC;;;;GAIG;AACH,QAAA,MAAM,KAAK;aA8FE,yBAAyB;WAC3B,kBAAkB;UACnB,sBAAsB;YACpB,wBAAwB;WACzB,uBAAuB;iBACjB,6BAA6B;UACpC,sBAAsB;YACpB,wBAAwB;aACvB,yBAAyB;CACrC,CAAC;AAgDF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { ModalBodyMainProps, ModalBodyProps, ModalContainerProps, ModalDescriptionProps, ModalPaginationItemProps, ModalTitleProps, ModalWrapperProps } from './types';
|
|
3
|
+
export declare const StyledModalWrapper: import("styled-components").StyledComponent<string, any, ModalWrapperProps, never>;
|
|
4
|
+
export declare const StyledModal: import("styled-components").StyledComponent<string, any, ModalContainerProps, never>;
|
|
5
|
+
export declare const StyledModalMain: import("styled-components").StyledComponent<string, any, ModalBodyMainProps, never>;
|
|
6
|
+
export declare const StyledModalDivider: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
7
|
+
export declare const StyledModalTitle: import("styled-components").StyledComponent<string, any, ModalTitleProps, never>;
|
|
8
|
+
export declare const StyledModalDescription: import("styled-components").StyledComponent<string, any, ModalDescriptionProps, never>;
|
|
9
|
+
export declare const StyledModalBody: import("styled-components").StyledComponent<string, any, ModalBodyProps, never>;
|
|
10
|
+
export declare const StyledModalPaginatedActions: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
11
|
+
export declare const StyledModalPagination: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
12
|
+
export declare const StyledModalPaginationItem: import("styled-components").StyledComponent<string, any, ModalPaginationItemProps, never>;
|
|
13
|
+
export declare const StyledModalAction: import("styled-components").StyledComponent<string, any, {
|
|
14
|
+
justifyContent?: string;
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
}, never>;
|
|
17
|
+
export declare const StyledModalBanner: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
18
|
+
//# sourceMappingURL=Modal.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,OAAO,EACH,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,eAAe,EACf,iBAAiB,EACpB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,kBAAkB,oFAmB9B,CAAC;AAEF,eAAO,MAAM,WAAW,sFAyDvB,CAAC;AAEF,eAAO,MAAM,eAAe,qFAW3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAI9B,CAAC;AAEF,eAAO,MAAM,gBAAgB,kFAiB5B,CAAC;AAEF,eAAO,MAAM,sBAAsB,wFAalC,CAAC;AAEF,eAAO,MAAM,eAAe,iFAqB3B,CAAC;AAEF,eAAO,MAAM,2BAA2B,qEAMvC,CAAC;AAEF,eAAO,MAAM,qBAAqB,qEAMjC,CAAC;AAEF,eAAO,MAAM,yBAAyB,2FAYrC,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBACT,MAAM;cACb,SAAS;SAkBtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qEAQ7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.test.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/Modal.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import PropTypes from 'prop-types';
|
|
2
|
+
import { MultiStepModalProps } from '../types';
|
|
3
|
+
/**
|
|
4
|
+
* A multi-step modal is a modal that has multiple steps.
|
|
5
|
+
*/
|
|
6
|
+
declare const MultiStepModal: {
|
|
7
|
+
({ modalSteps, showModalStepsPagination, hideOnClickAway, blurBackground, onHide, onFinalStep, mobileBottomFullWidth, onStepChange, modalPadding, modalBodyMargin, width, height, minHeight, showCloseButton, }: MultiStepModalProps): JSX.Element;
|
|
8
|
+
propTypes: {
|
|
9
|
+
modalSteps: PropTypes.Requireable<any[]>;
|
|
10
|
+
showModalStepsPagination: PropTypes.Requireable<boolean>;
|
|
11
|
+
hideOnClickAway: PropTypes.Requireable<boolean>;
|
|
12
|
+
blurBackground: PropTypes.Requireable<boolean>;
|
|
13
|
+
onHide: PropTypes.Requireable<(...args: any[]) => any>;
|
|
14
|
+
onFinalStep: PropTypes.Requireable<(...args: any[]) => any>;
|
|
15
|
+
mobileBottomFullWidth: PropTypes.Requireable<boolean>;
|
|
16
|
+
onStepChange: PropTypes.Requireable<(...args: any[]) => any>;
|
|
17
|
+
modalPadding: PropTypes.Requireable<string>;
|
|
18
|
+
modalBodyMargin: PropTypes.Requireable<string>;
|
|
19
|
+
width: PropTypes.Requireable<string>;
|
|
20
|
+
height: PropTypes.Requireable<string>;
|
|
21
|
+
minHeight: PropTypes.Requireable<string>;
|
|
22
|
+
showCloseButton: PropTypes.Requireable<boolean>;
|
|
23
|
+
};
|
|
24
|
+
defaultProps: {
|
|
25
|
+
modalSteps: any[];
|
|
26
|
+
showModalStepsPagination: boolean;
|
|
27
|
+
hideOnClickAway: boolean;
|
|
28
|
+
blurBackground: boolean;
|
|
29
|
+
onHide: () => void;
|
|
30
|
+
onFinalStep: () => void;
|
|
31
|
+
mobileBottomFullWidth: boolean;
|
|
32
|
+
onStepChange: () => void;
|
|
33
|
+
modalPadding: string;
|
|
34
|
+
modalBodyMargin: string;
|
|
35
|
+
width: any;
|
|
36
|
+
height: any;
|
|
37
|
+
minHeight: any;
|
|
38
|
+
showCloseButton: boolean;
|
|
39
|
+
};
|
|
40
|
+
PaginatedActions: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
41
|
+
Pagination: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
42
|
+
PaginationItem: import("styled-components").StyledComponent<string, any, import("../types").ModalPaginationItemProps, never>;
|
|
43
|
+
};
|
|
44
|
+
export { MultiStepModalProps };
|
|
45
|
+
export default MultiStepModal;
|
|
46
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/MultiStepModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAYnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C;;GAEG;AACH,QAAA,MAAM,cAAc;qNAejB,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GrB,CAAC;AAwCF,OAAO,EAAE,mBAAmB,EAAE,CAAC;AAE/B,eAAe,cAAc,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../../../ui/elements/Modal/MultiStepModal/index.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/constants.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { default as ConfirmationDialog } from './ConfirmationDialog';
|
|
2
|
+
export { default } from './Modal';
|
|
3
|
+
export { default as MultiStepModal } from './MultiStepModal';
|
|
4
|
+
export type { ConfirmationDialogProps, ModalProps } from './types';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC7D,YAAY,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,312 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ButtonVariants } from '../Button/types';
|
|
3
|
+
type ModalContentType = React.ReactNode;
|
|
4
|
+
interface ModalStep {
|
|
5
|
+
/**
|
|
6
|
+
* Banner for the modal, can be a valid React node
|
|
7
|
+
* */
|
|
8
|
+
banner?: ModalContentType;
|
|
9
|
+
/**
|
|
10
|
+
* Title for the modal, can be a valid React node
|
|
11
|
+
* */
|
|
12
|
+
title: ModalContentType;
|
|
13
|
+
/**
|
|
14
|
+
* Description for the modal, can be a string
|
|
15
|
+
* */
|
|
16
|
+
description?: string | null;
|
|
17
|
+
/**
|
|
18
|
+
* Body for the modal, can be a valid React node
|
|
19
|
+
* */
|
|
20
|
+
body?: ModalContentType;
|
|
21
|
+
/**
|
|
22
|
+
* Text for the next button
|
|
23
|
+
* */
|
|
24
|
+
nextButtonText?: string;
|
|
25
|
+
/**
|
|
26
|
+
* Determines if the back button should be shown
|
|
27
|
+
* Available choices: `true`, `false`
|
|
28
|
+
*
|
|
29
|
+
* Default: `false`
|
|
30
|
+
* */
|
|
31
|
+
showBackButton?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* Variant for the button
|
|
34
|
+
* */
|
|
35
|
+
buttonVariant?: ButtonVariants | null;
|
|
36
|
+
}
|
|
37
|
+
export interface ModalProps {
|
|
38
|
+
/**
|
|
39
|
+
* Banner for the modal, can be a valid React node
|
|
40
|
+
* */
|
|
41
|
+
banner?: ModalContentType;
|
|
42
|
+
/**
|
|
43
|
+
* Title for the modal, can be a valid React node
|
|
44
|
+
* */
|
|
45
|
+
title?: ModalContentType;
|
|
46
|
+
/**
|
|
47
|
+
* Description for the modal, can be a string
|
|
48
|
+
* */
|
|
49
|
+
description?: string;
|
|
50
|
+
/**
|
|
51
|
+
* Body for the modal, can be a valid React node
|
|
52
|
+
* */
|
|
53
|
+
body?: ModalContentType;
|
|
54
|
+
/**
|
|
55
|
+
* Action for the modal, can be a valid React node
|
|
56
|
+
* */
|
|
57
|
+
action?: ModalContentType;
|
|
58
|
+
/**
|
|
59
|
+
* Determines if the modal should hide on click away
|
|
60
|
+
* Available choices: `true`, `false`
|
|
61
|
+
*
|
|
62
|
+
* Default: `false`
|
|
63
|
+
* */
|
|
64
|
+
hideOnClickAway: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Determines if the modal should blur the background
|
|
67
|
+
* Available choices: `true`, `false`
|
|
68
|
+
*
|
|
69
|
+
* Default: `false`
|
|
70
|
+
* */
|
|
71
|
+
blurBackground?: boolean;
|
|
72
|
+
/**
|
|
73
|
+
* Callback function to be called when the modal is hidden
|
|
74
|
+
* */
|
|
75
|
+
onHide?: () => void;
|
|
76
|
+
/**
|
|
77
|
+
* Determines if the modal should be full width on mobile
|
|
78
|
+
* Available choices: `true`, `false`
|
|
79
|
+
*
|
|
80
|
+
* Default: `false`
|
|
81
|
+
* */
|
|
82
|
+
mobileBottomFullWidth?: boolean;
|
|
83
|
+
/**
|
|
84
|
+
* Padding for the modal
|
|
85
|
+
* */
|
|
86
|
+
modalPadding?: string;
|
|
87
|
+
/**
|
|
88
|
+
* Margin for the modal body
|
|
89
|
+
* */
|
|
90
|
+
modalBodyMargin?: string;
|
|
91
|
+
/**
|
|
92
|
+
* Width of the modal
|
|
93
|
+
* */
|
|
94
|
+
width?: string;
|
|
95
|
+
/**
|
|
96
|
+
* Height of the modal
|
|
97
|
+
* */
|
|
98
|
+
height?: string;
|
|
99
|
+
/**
|
|
100
|
+
* Minimum height of the modal
|
|
101
|
+
* */
|
|
102
|
+
minHeight?: string;
|
|
103
|
+
/**
|
|
104
|
+
* Determines if the close button should be shown
|
|
105
|
+
*
|
|
106
|
+
* Available choices: `true`, `false`
|
|
107
|
+
*
|
|
108
|
+
* Default: `false`
|
|
109
|
+
* */
|
|
110
|
+
showCloseButton?: boolean;
|
|
111
|
+
}
|
|
112
|
+
export interface MultiStepModalProps {
|
|
113
|
+
/**
|
|
114
|
+
* Modal steps
|
|
115
|
+
* */
|
|
116
|
+
modalSteps: ModalStep[];
|
|
117
|
+
/**
|
|
118
|
+
* Determines if the modal should show pagination if there are multiple modal steps
|
|
119
|
+
* Available choices: true, false
|
|
120
|
+
*
|
|
121
|
+
* Default: `true`
|
|
122
|
+
* */
|
|
123
|
+
showModalStepsPagination?: boolean;
|
|
124
|
+
/**
|
|
125
|
+
* Determines if the modal should hide on click away
|
|
126
|
+
* Available choices: true, false
|
|
127
|
+
*
|
|
128
|
+
* Default: `false`
|
|
129
|
+
* */
|
|
130
|
+
hideOnClickAway?: boolean;
|
|
131
|
+
/**
|
|
132
|
+
* Determines if the modal should blur the background
|
|
133
|
+
* Available choices: true, false
|
|
134
|
+
*
|
|
135
|
+
* Default: `false`
|
|
136
|
+
* */
|
|
137
|
+
blurBackground?: boolean;
|
|
138
|
+
/**
|
|
139
|
+
* Callback function to be called when the modal is hidden
|
|
140
|
+
* */
|
|
141
|
+
onHide?: () => void;
|
|
142
|
+
/**
|
|
143
|
+
* Callback function to be called when the final step is reached
|
|
144
|
+
* */
|
|
145
|
+
onFinalStep?: () => void;
|
|
146
|
+
/**
|
|
147
|
+
* Determines if the modal should be full width on mobile
|
|
148
|
+
* Available choices: true, false
|
|
149
|
+
*
|
|
150
|
+
* Default: `false`
|
|
151
|
+
* */
|
|
152
|
+
mobileBottomFullWidth?: boolean;
|
|
153
|
+
/**
|
|
154
|
+
* Callback function to be called when the step changes
|
|
155
|
+
* */
|
|
156
|
+
onStepChange?: () => void;
|
|
157
|
+
/**
|
|
158
|
+
* Determines if the modal buttons should be shown
|
|
159
|
+
* Available choices: true, false
|
|
160
|
+
*
|
|
161
|
+
* Default: `true`
|
|
162
|
+
* */
|
|
163
|
+
showModalButtons?: boolean;
|
|
164
|
+
/**
|
|
165
|
+
* Determines if the modal header should be shown
|
|
166
|
+
* Available choices: true, false
|
|
167
|
+
*
|
|
168
|
+
* Default: `true`
|
|
169
|
+
* */
|
|
170
|
+
showHeader?: boolean;
|
|
171
|
+
/**
|
|
172
|
+
* Padding for the modal
|
|
173
|
+
* */
|
|
174
|
+
modalPadding?: string;
|
|
175
|
+
/**
|
|
176
|
+
* Margin for the modal body
|
|
177
|
+
* */
|
|
178
|
+
modalBodyMargin?: string;
|
|
179
|
+
/**
|
|
180
|
+
* Width of the modal
|
|
181
|
+
* */
|
|
182
|
+
width?: string;
|
|
183
|
+
/**
|
|
184
|
+
* Height of the modal
|
|
185
|
+
* */
|
|
186
|
+
height?: string;
|
|
187
|
+
/**
|
|
188
|
+
* Minimum height of the modal
|
|
189
|
+
* */
|
|
190
|
+
minHeight?: string;
|
|
191
|
+
/**
|
|
192
|
+
* Determines if the close button should be shown
|
|
193
|
+
*
|
|
194
|
+
* Available choices: true, false
|
|
195
|
+
*
|
|
196
|
+
* NOTE: If Modal has a banner, the close button will be hidden by default
|
|
197
|
+
*
|
|
198
|
+
* Default: `false`
|
|
199
|
+
* */
|
|
200
|
+
showCloseButton?: boolean;
|
|
201
|
+
}
|
|
202
|
+
export interface StyleData {
|
|
203
|
+
position?: string;
|
|
204
|
+
backgroundColor?: string;
|
|
205
|
+
}
|
|
206
|
+
export interface ModalWrapperProps {
|
|
207
|
+
blurBackground?: boolean;
|
|
208
|
+
children: React.ReactNode;
|
|
209
|
+
}
|
|
210
|
+
export interface ModalContainerProps {
|
|
211
|
+
width?: string;
|
|
212
|
+
height?: string;
|
|
213
|
+
minHeight?: string;
|
|
214
|
+
mobileBottomFullWidth?: boolean;
|
|
215
|
+
modalPadding?: string;
|
|
216
|
+
onClick?: (e: Event) => void;
|
|
217
|
+
ref?: React.MutableRefObject<any>;
|
|
218
|
+
children: React.ReactNode;
|
|
219
|
+
role: string;
|
|
220
|
+
}
|
|
221
|
+
export interface ModalTitleProps {
|
|
222
|
+
id: string;
|
|
223
|
+
children: React.ReactNode;
|
|
224
|
+
}
|
|
225
|
+
export interface ModalDescriptionProps {
|
|
226
|
+
id: string;
|
|
227
|
+
children: React.ReactNode;
|
|
228
|
+
}
|
|
229
|
+
export interface ModalBodyProps {
|
|
230
|
+
modalBodyMargin?: string;
|
|
231
|
+
children: React.ReactNode;
|
|
232
|
+
}
|
|
233
|
+
export interface ModalBodyMainProps {
|
|
234
|
+
children: React.ReactNode;
|
|
235
|
+
}
|
|
236
|
+
export interface ModalPaginationItemProps {
|
|
237
|
+
key: string | number;
|
|
238
|
+
active: boolean;
|
|
239
|
+
onClick: () => void;
|
|
240
|
+
}
|
|
241
|
+
export interface ConfirmationDialogProps {
|
|
242
|
+
/**
|
|
243
|
+
* Text for the cancel button
|
|
244
|
+
* */
|
|
245
|
+
cancelText?: string;
|
|
246
|
+
/**
|
|
247
|
+
* Text for the confirm button
|
|
248
|
+
* */
|
|
249
|
+
confirmText?: string;
|
|
250
|
+
/**
|
|
251
|
+
* Callback function to be called when the cancel button is clicked
|
|
252
|
+
* */
|
|
253
|
+
onCancel: () => void;
|
|
254
|
+
/**
|
|
255
|
+
* Callback function to be called when the confirm button is clicked
|
|
256
|
+
* */
|
|
257
|
+
onConfirm: () => void;
|
|
258
|
+
/**
|
|
259
|
+
* Banner for the modal, can be a valid React node
|
|
260
|
+
* */
|
|
261
|
+
banner?: ModalContentType;
|
|
262
|
+
/**
|
|
263
|
+
* Title for the modal, can be a valid React node
|
|
264
|
+
* */
|
|
265
|
+
title?: ModalContentType;
|
|
266
|
+
/**
|
|
267
|
+
* Description for the modal, can be a string
|
|
268
|
+
* */
|
|
269
|
+
description?: string;
|
|
270
|
+
/**
|
|
271
|
+
* Body for the modal, can be a valid React node
|
|
272
|
+
* */
|
|
273
|
+
body?: ModalContentType;
|
|
274
|
+
/**
|
|
275
|
+
* Variant for the cancel button
|
|
276
|
+
* */
|
|
277
|
+
cancelButtonVariant?: ButtonVariants;
|
|
278
|
+
/**
|
|
279
|
+
* Variant for the confirm button
|
|
280
|
+
* */
|
|
281
|
+
confirmButtonVariant?: ButtonVariants;
|
|
282
|
+
/**
|
|
283
|
+
* Determines if the close button should be shown
|
|
284
|
+
* Available choices: `true`, `false`
|
|
285
|
+
*
|
|
286
|
+
* Default: `false`
|
|
287
|
+
* */
|
|
288
|
+
showCloseButton?: boolean;
|
|
289
|
+
/**
|
|
290
|
+
* Determines if the modal should hide on click away
|
|
291
|
+
* Available choices: `true`, `false`
|
|
292
|
+
*
|
|
293
|
+
* Default: `false`
|
|
294
|
+
* */
|
|
295
|
+
hideOnClickAway?: boolean;
|
|
296
|
+
/**
|
|
297
|
+
* Determines if the modal should blur the background
|
|
298
|
+
* Available choices: `true`, `false`
|
|
299
|
+
*
|
|
300
|
+
* Default: `false`
|
|
301
|
+
* */
|
|
302
|
+
blurBackground?: boolean;
|
|
303
|
+
/**
|
|
304
|
+
* Determines if the modal should be at bottom with full width on mobile
|
|
305
|
+
* Available choices: `true`, `false`
|
|
306
|
+
*
|
|
307
|
+
* Default: `false`
|
|
308
|
+
* */
|
|
309
|
+
mobileBottomFullWidth?: boolean;
|
|
310
|
+
}
|
|
311
|
+
export {};
|
|
312
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../ui/elements/Modal/utils.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownListItem.d.ts","sourceRoot":"","sources":["../../../../ui/elements/MultiSelectDropdown/DropdownListItem.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAEhD,QAAA,MAAM,gBAAgB,4CAInB,qBAAqB,gBAgBvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { MultiSelectDropdownProps } from './types';
|
|
3
|
+
declare const MultiSelectDropdown: React.ForwardRefExoticComponent<MultiSelectDropdownProps & React.RefAttributes<HTMLSelectElement>>;
|
|
4
|
+
export default MultiSelectDropdown;
|
|
5
|
+
//# sourceMappingURL=MultiSelectDropdown.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectDropdown.d.ts","sourceRoot":"","sources":["../../../../ui/elements/MultiSelectDropdown/MultiSelectDropdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAc5E,OAAO,EAAkB,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAEnE,QAAA,MAAM,mBAAmB,oGAwIvB,CAAC;AAEH,eAAe,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { StyledDropdownHeaderProps, StyledDropdownItemTextProps, StyledDropdownListItemProps, StyledDropdownSearchInputProps, StyledDropdownWrapperProps } from './types';
|
|
3
|
+
export declare const StyledDropdownWrapper: import("styled-components").StyledComponent<string, any, StyledDropdownWrapperProps, never>;
|
|
4
|
+
export declare const StyledDropdownHeader: import("styled-components").StyledComponent<string, any, StyledDropdownHeaderProps, never>;
|
|
5
|
+
export declare const StyledDropdownHeaderTitle: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
6
|
+
export declare const StyledDropdownContainer: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
7
|
+
export declare const StyledDropdownList: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
8
|
+
export declare const StyledDropdownListItem: import("styled-components").StyledComponent<string, any, StyledDropdownListItemProps, never>;
|
|
9
|
+
export declare const StyledDropdownItemCheckbox: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
10
|
+
export declare const StyledDropdownItemText: import("styled-components").StyledComponent<string, any, StyledDropdownItemTextProps, never>;
|
|
11
|
+
export declare const StyledDropdownSearchContainer: import("styled-components").StyledComponent<string, any, {}, never>;
|
|
12
|
+
export declare const StyledDropdownSearchInput: import("styled-components").StyledComponent<string, any, StyledDropdownSearchInputProps, never>;
|
|
13
|
+
export declare const StyledApplyButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;
|
|
14
|
+
//# sourceMappingURL=MultiSelectDropdown.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectDropdown.styles.d.ts","sourceRoot":"","sources":["../../../../ui/elements/MultiSelectDropdown/MultiSelectDropdown.styles.ts"],"names":[],"mappings":";AAGA,OAAO,EACH,yBAAyB,EACzB,2BAA2B,EAC3B,2BAA2B,EAC3B,8BAA8B,EAC9B,0BAA0B,EAC7B,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,qBAAqB,6FAKjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,4FAahC,CAAC;AAEF,eAAO,MAAM,yBAAyB,qEASrC,CAAC;AAEF,eAAO,MAAM,uBAAuB,qEAgBnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAG9B,CAAC;AAEF,eAAO,MAAM,sBAAsB,8FAalC,CAAC;AAEF,eAAO,MAAM,0BAA0B,qEAItC,CAAC;AAEF,eAAO,MAAM,sBAAsB,8FAUlC,CAAC;AAEF,eAAO,MAAM,6BAA6B,qEAWzC,CAAC;AAEF,eAAO,MAAM,yBAAyB,iGAQrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,4LAG7B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectDropdown.test.d.ts","sourceRoot":"","sources":["../../../../ui/elements/MultiSelectDropdown/MultiSelectDropdown.test.tsx"],"names":[],"mappings":"AAAA,OAAO,2BAA2B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/elements/MultiSelectDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAChD,YAAY,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface DropdownOption {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface MultiSelectDropdownProps {
|
|
7
|
+
/**
|
|
8
|
+
* Text to display when no option is selected.
|
|
9
|
+
* @default Select
|
|
10
|
+
*/
|
|
11
|
+
noOptionSelctedText?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Set of options available for selection.
|
|
14
|
+
* @default new Set([])
|
|
15
|
+
*/
|
|
16
|
+
options?: Set<DropdownOption>;
|
|
17
|
+
/**
|
|
18
|
+
* Flag to enable or disable the search functionality.
|
|
19
|
+
* @default true
|
|
20
|
+
*/
|
|
21
|
+
shouldEnableSearch?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Callback function triggered when the search input value changes.
|
|
24
|
+
* @param value - The current value of the search input.
|
|
25
|
+
*/
|
|
26
|
+
onSearchInputChange?: (value: string) => void;
|
|
27
|
+
/**
|
|
28
|
+
* Placeholder text for the search input field.
|
|
29
|
+
* @default Search
|
|
30
|
+
*/
|
|
31
|
+
searchPlaceholder?: string;
|
|
32
|
+
/**
|
|
33
|
+
* Flag to enable or disable the "Select All" functionality.
|
|
34
|
+
* @default true
|
|
35
|
+
*/
|
|
36
|
+
shouldEnableAllSelected?: boolean;
|
|
37
|
+
/**
|
|
38
|
+
* Flag to set all options as selected by default.
|
|
39
|
+
* @default false
|
|
40
|
+
*/
|
|
41
|
+
defaultAllSelected?: boolean;
|
|
42
|
+
/**
|
|
43
|
+
* Text to display for the "Select All" option.
|
|
44
|
+
* @default All
|
|
45
|
+
*/
|
|
46
|
+
allOptionText?: string;
|
|
47
|
+
/**
|
|
48
|
+
* Callback function triggered when the selected options change.
|
|
49
|
+
* @param options - The current set of selected options.
|
|
50
|
+
*/
|
|
51
|
+
onOptionsChange?: (options: Set<DropdownOption>) => void;
|
|
52
|
+
}
|
|
53
|
+
export interface DropdownListItemProps {
|
|
54
|
+
displayText: string;
|
|
55
|
+
onClickFn: () => void;
|
|
56
|
+
isSelected?: boolean;
|
|
57
|
+
}
|
|
58
|
+
export interface StyledDropdownWrapperProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
|
|
59
|
+
ref?: React.Ref<HTMLSelectElement>;
|
|
60
|
+
}
|
|
61
|
+
export interface StyledDropdownHeaderProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
62
|
+
}
|
|
63
|
+
export interface StyledDropdownListItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
64
|
+
}
|
|
65
|
+
export interface StyledDropdownSearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
66
|
+
}
|
|
67
|
+
export interface StyledDropdownItemTextProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
68
|
+
$selected?: boolean;
|
|
69
|
+
}
|
|
70
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../ui/elements/MultiSelectDropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,cAAc;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACrC;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B;;;OAGG;IACH,OAAO,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAE9B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B;;;OAGG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAElC;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC5D;AAED,MAAM,WAAW,qBAAqB;IAClC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,0BACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,yBACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE5D,MAAM,WAAW,2BACb,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAE5D,MAAM,WAAW,8BACb,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC;CAAG;AAE1D,MAAM,WAAW,2BACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { SelectDropdownProps } from './types';
|
|
3
|
+
declare const SelectDropdown: React.ForwardRefExoticComponent<SelectDropdownProps & React.RefAttributes<HTMLSelectElement>>;
|
|
4
|
+
export default SelectDropdown;
|
|
5
|
+
//# sourceMappingURL=SelectDropdown.d.ts.map
|