@openedx/paragon 23.18.0 → 23.18.2
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/Badge/index.d.ts +15 -0
- package/dist/Badge/index.js +12 -19
- package/dist/Badge/index.js.map +1 -1
- package/dist/Breadcrumb/BreadcrumbLink.d.ts +13 -0
- package/dist/Breadcrumb/BreadcrumbLink.js +1 -14
- package/dist/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/Breadcrumb/index.d.ts +30 -0
- package/dist/Breadcrumb/index.js +4 -40
- package/dist/Breadcrumb/index.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselSubtitle.d.ts +11 -0
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js +0 -13
- package/dist/Card/CardCarousel/CardCarouselSubtitle.js.map +1 -1
- package/dist/Card/CardCarousel/CardCarouselTitle.d.ts +8 -0
- package/dist/Card/CardCarousel/CardCarouselTitle.js +0 -10
- package/dist/Card/CardCarousel/CardCarouselTitle.js.map +1 -1
- package/dist/IconButton/index.d.ts +1 -1
- package/dist/IconButton/index.js.map +1 -1
- package/dist/IconButtonToggle/index.js +1 -1
- package/dist/IconButtonToggle/index.js.map +1 -1
- package/dist/SearchField/index.scss +5 -0
- package/dist/core.css +4 -0
- package/dist/core.css.map +1 -1
- package/dist/core.min.css +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/Badge/index.tsx +33 -0
- package/src/Breadcrumb/{BreadcrumbLink.jsx → BreadcrumbLink.tsx} +18 -17
- package/src/Breadcrumb/{index.jsx → index.tsx} +27 -40
- package/src/Card/CardCarousel/{CardCarouselSubtitle.jsx → CardCarouselSubtitle.tsx} +10 -16
- package/src/Card/CardCarousel/CardCarouselTitle.tsx +19 -0
- package/src/IconButton/index.tsx +1 -1
- package/src/IconButtonToggle/index.jsx +1 -1
- package/src/SearchField/index.scss +5 -0
- package/src/index.ts +2 -4
- package/src/Badge/index.jsx +0 -36
- package/src/Card/CardCarousel/CardCarouselTitle.jsx +0 -25
package/dist/index.d.ts
CHANGED
|
@@ -3,6 +3,8 @@ export { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';
|
|
|
3
3
|
export { default as Annotation } from './Annotation';
|
|
4
4
|
export { default as Avatar } from './Avatar';
|
|
5
5
|
export { default as AvatarButton } from './AvatarButton';
|
|
6
|
+
export { default as Badge } from './Badge';
|
|
7
|
+
export { default as Breadcrumb } from './Breadcrumb';
|
|
6
8
|
export { default as Bubble } from './Bubble';
|
|
7
9
|
export { default as Button, ButtonGroup, ButtonToolbar } from './Button';
|
|
8
10
|
export { default as Chip, CHIP_PGN_CLASS } from './Chip';
|
|
@@ -28,8 +30,6 @@ export { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVis
|
|
|
28
30
|
export { default as useIsVisible } from './hooks/useIsVisibleHook';
|
|
29
31
|
export { default as breakpoints } from './utils/breakpoints';
|
|
30
32
|
export { default as asInput } from './asInput';
|
|
31
|
-
export { default as Badge } from './Badge';
|
|
32
|
-
export { default as Breadcrumb } from './Breadcrumb';
|
|
33
33
|
export { default as Card, CardColumns, CardDeck, CardImg, CardGroup, CardGrid, CardCarousel, CARD_VARIANTS, } from './Card';
|
|
34
34
|
export { default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT, } from './Carousel';
|
|
35
35
|
export { default as CloseButton } from './CloseButton';
|
package/dist/index.js
CHANGED
|
@@ -6,6 +6,8 @@ export { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';
|
|
|
6
6
|
export { default as Annotation } from './Annotation';
|
|
7
7
|
export { default as Avatar } from './Avatar';
|
|
8
8
|
export { default as AvatarButton } from './AvatarButton';
|
|
9
|
+
export { default as Badge } from './Badge';
|
|
10
|
+
export { default as Breadcrumb } from './Breadcrumb';
|
|
9
11
|
export { default as Bubble } from './Bubble';
|
|
10
12
|
export { default as Button, ButtonGroup, ButtonToolbar } from './Button';
|
|
11
13
|
export { default as Chip, CHIP_PGN_CLASS } from './Chip';
|
|
@@ -36,10 +38,6 @@ export { default as breakpoints } from './utils/breakpoints';
|
|
|
36
38
|
// // // // // // // // // // // // // // // // // // // // // // // // // // //
|
|
37
39
|
// @ts-ignore: has yet to be converted to TypeScript
|
|
38
40
|
export { default as asInput } from './asInput';
|
|
39
|
-
// @ts-ignore: has yet to be converted to TypeScript
|
|
40
|
-
export { default as Badge } from './Badge';
|
|
41
|
-
// @ts-ignore: has yet to be converted to TypeScript
|
|
42
|
-
export { default as Breadcrumb } from './Breadcrumb';
|
|
43
41
|
export { default as Card, CardColumns, CardDeck, CardImg, CardGroup, CardGrid, CardCarousel, CARD_VARIANTS
|
|
44
42
|
// @ts-ignore: has yet to be converted to TypeScript
|
|
45
43
|
} from './Card';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["default","ActionRow","Alert","ALERT_CLOSE_LABEL_TEXT","Annotation","Avatar","AvatarButton","Bubble","Button","ButtonGroup","ButtonToolbar","Chip","CHIP_PGN_CLASS","ChipCarousel","Container","Form","RadioControl","CheckboxControl","SwitchControl","FormSwitchSet","FormControl","FormControlDecoratorGroup","FormControlFeedback","FormCheck","FormFile","FormRadio","FormRadioSet","FormRadioSetContext","FormGroup","FormLabel","useCheckboxSetValues","FormText","FormAutosuggest","FormAutosuggestOption","InputGroup","Hyperlink","Icon","IconButton","IconButtonWithTooltip","ModalContext","ModalDialog","ModalLayer","Overlay","OverlayTrigger","Portal","Spinner","Stack","Toast","TOAST_CLOSE_LABEL_TEXT","TOAST_DELAY","Tooltip","useWindowSize","useToggle","useArrowKeyNavigation","useIndexOfLastVisibleChild","useIsVisible","breakpoints","asInput","Badge","Breadcrumb","Card","CardColumns","CardDeck","CardImg","CardGroup","CardGrid","CardCarousel","CARD_VARIANTS","Carousel","CarouselItem","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","CloseButton","Layout","Col","Row","Collapse","Collapsible","Scrollable","Dropdown","DropdownToggle","DropdownButton","SplitButton","Fade","IconButtonToggle","Image","Figure","MailtoLink","MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT","MAIL_TO_LINK_EXTERNAL_LINK_TITLE","Media","Menu","MenuItem","SelectMenu","SELECT_MENU_DEFAULT_MESSAGE","ModalCloseButton","FullscreenModal","FULLSCREEN_MODAL_CLOSE_LABEL","MarketingModal","StandardModal","STANDARD_MODAL_CLOSE_LABEL","AlertModal","ModalPopup","PopperElement","Nav","NavDropdown","NavItem","NavLink","Navbar","NavbarBrand","NAVBAR_LABEL","PageBanner","PAGE_BANNER_DISMISS_ALT_TEXT","Pagination","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","Popover","PopoverTitle","PopoverContent","ProgressBar","ProductTour","ResponsiveEmbed","SearchField","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_BUTTON_TEXT","Sheet","Stepper","StatefulButton","Tabs","Tab","TabContainer","TabContent","TabPane","TransitionReplace","ValidationMessage","DataTable","TextFilter","CheckboxFilter","DropdownFilter","MultiSelectDropdownFilter","TableHeaderCell","TableCell","TableFilters","TABLE_FILTERS_BUTTON_TEXT","TableHeader","TableRow","TablePagination","TablePaginationMinimal","DataTableContext","BulkActions","TableControlBar","TableFooter","CardView","Skeleton","SkeletonTheme","ToggleButton","ToggleButtonGroup","Sticky","SelectableBox","Variant","OverflowScrollContext","OverflowScroll","useOverflowScroll","useOverflowScrollItems","Dropzone","messages","Truncate","ColorPicker","MediaQuery","useMediaQuery","Context","ResponsiveContext","useTable","useFilters","useGlobalFilter","useSortBy","useGroupBy","useExpanded","usePagination","useRowSelect","useRowState","useColumnOrder","useResizeColumns","useBlockLayout","useAbsoluteLayout","useFlexLayout"],"sources":["../src/index.ts"],"sourcesContent":["// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport { default as ActionRow } from './ActionRow';\nexport { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';\nexport { default as Annotation } from './Annotation';\nexport { default as Avatar } from './Avatar';\nexport { default as AvatarButton } from './AvatarButton';\nexport { default as Bubble } from './Bubble';\nexport { default as Button, ButtonGroup, ButtonToolbar } from './Button';\nexport { default as Chip, CHIP_PGN_CLASS } from './Chip';\nexport { default as ChipCarousel } from './ChipCarousel';\nexport { default as Container, type ContainerSize } from './Container';\nexport {\n default as Form,\n RadioControl,\n CheckboxControl,\n SwitchControl,\n FormSwitchSet,\n FormControl,\n FormControlDecoratorGroup,\n FormControlFeedback,\n FormCheck,\n FormFile,\n FormRadio,\n FormRadioSet,\n FormRadioSetContext,\n FormGroup,\n FormLabel,\n useCheckboxSetValues,\n FormText,\n FormAutosuggest,\n FormAutosuggestOption,\n InputGroup,\n} from './Form';\nexport { default as Hyperlink } from './Hyperlink';\nexport { default as Icon } from './Icon';\nexport { default as IconButton, IconButtonWithTooltip } from './IconButton';\nexport { default as ModalContext } from './Modal/ModalContext';\nexport { default as ModalDialog } from './Modal/ModalDialog';\nexport { default as ModalLayer } from './Modal/ModalLayer';\nexport { default as Overlay, OverlayTrigger } from './Overlay';\nexport { default as Portal } from './Modal/Portal';\nexport { default as Spinner } from './Spinner';\nexport { default as Stack } from './Stack';\nexport { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';\nexport { default as Tooltip } from './Tooltip';\nexport { default as useWindowSize, type WindowSizeData } from './hooks/useWindowSizeHook';\nexport { default as useToggle, type Toggler, type ToggleHandlers } from './hooks/useToggleHook';\nexport { default as useArrowKeyNavigation, type ArrowKeyNavProps } from './hooks/useArrowKeyNavigationHook';\nexport { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVisibleChildHook';\nexport { default as useIsVisible } from './hooks/useIsVisibleHook';\nexport { default as breakpoints } from './utils/breakpoints';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that don't have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as asInput } from './asInput';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Badge } from './Badge';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Breadcrumb } from './Breadcrumb';\n\nexport {\n default as Card,\n CardColumns,\n CardDeck,\n CardImg,\n CardGroup,\n CardGrid,\n CardCarousel,\n CARD_VARIANTS,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './Card';\nexport {\n default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './Carousel';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CloseButton } from './CloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Layout, Col, Row } from './Layout';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapse } from './Collapse';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapsible } from './Collapsible';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Scrollable } from './Scrollable';\nexport {\n default as Dropdown,\n DropdownToggle,\n DropdownButton,\n SplitButton,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './Dropdown';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Fade } from './Fade';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as IconButtonToggle } from './IconButtonToggle';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Image, Figure } from './Image';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MailtoLink, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT, MAIL_TO_LINK_EXTERNAL_LINK_TITLE } from './MailtoLink';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Media } from './Media';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Menu } from './Menu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MenuItem } from './Menu/MenuItem';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectMenu, SELECT_MENU_DEFAULT_MESSAGE } from './Menu/SelectMenu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalCloseButton } from './Modal/ModalCloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as FullscreenModal, FULLSCREEN_MODAL_CLOSE_LABEL } from './Modal/FullscreenModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MarketingModal } from './Modal/MarketingModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StandardModal, STANDARD_MODAL_CLOSE_LABEL } from './Modal/StandardModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as AlertModal } from './Modal/AlertModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalPopup } from './Modal/ModalPopup';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PopperElement } from './Modal/PopperElement';\n\nexport {\n default as Nav,\n NavDropdown,\n NavItem,\n NavLink,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './Nav';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Navbar, NavbarBrand, NAVBAR_LABEL } from './Navbar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PageBanner, PAGE_BANNER_DISMISS_ALT_TEXT } from './PageBanner';\nexport {\n default as Pagination,\n PAGINATION_BUTTON_LABEL_PREV,\n PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT,\n PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT,\n PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n PAGINATION_BUTTON_LABEL_NEXT,\n PAGINATION_BUTTON_LABEL_PAGE,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './Pagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Popover, PopoverTitle, PopoverContent } from './Popover';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProgressBar } from './ProgressBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProductTour } from './ProductTour';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ResponsiveEmbed } from './ResponsiveEmbed';\nexport {\n default as SearchField,\n SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n SEARCH_FIELD_BUTTON_TEXT,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './SearchField';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sheet } from './Sheet';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Stepper } from './Stepper';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StatefulButton } from './StatefulButton';\nexport {\n default as Tabs,\n Tab,\n TabContainer,\n TabContent,\n TabPane,\n// @ts-ignore: has yet to be converted to TypeScript\n} from './Tabs';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TransitionReplace } from './TransitionReplace';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ValidationMessage } from './ValidationMessage';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTable } from './DataTable';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TextFilter } from './DataTable/filters/TextFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CheckboxFilter } from './DataTable/filters/CheckboxFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DropdownFilter } from './DataTable/filters/DropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MultiSelectDropdownFilter } from './DataTable/filters/MultiSelectDropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeaderCell } from './DataTable/TableHeaderCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableCell } from './DataTable/TableCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFilters, TABLE_FILTERS_BUTTON_TEXT } from './DataTable/TableFilters';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeader } from './DataTable/TableHeaderRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableRow } from './DataTable/TableRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePagination } from './DataTable/TablePagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePaginationMinimal } from './DataTable/TablePaginationMinimal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTableContext } from './DataTable/DataTableContext';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as BulkActions } from './DataTable/BulkActions';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableControlBar } from './DataTable/TableControlBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFooter } from './DataTable/TableFooter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CardView } from './DataTable/CardView';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Skeleton, SkeletonTheme } from './Skeleton/index';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ToggleButton, ToggleButtonGroup } from './ToggleButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sticky } from './Sticky';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectableBox } from './SelectableBox';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Variant } from './utils/constants';\nexport {\n OverflowScrollContext,\n OverflowScroll,\n useOverflowScroll,\n useOverflowScrollItems,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './OverflowScroll';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Dropzone } from './Dropzone';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as messages } from './i18n';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Truncate } from './Truncate';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ColorPicker } from './ColorPicker';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Pass through any needed whole third-party library functionality\n// useTable for example is needed to use the DataTable component seamlessly\n// rather than setting a peer dependency in this project, we opt to tightly\n// couple these dependencies by passing through needed functionality.\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport {\n default as MediaQuery,\n useMediaQuery,\n Context as ResponsiveContext,\n} from 'react-responsive';\nexport {\n useTable,\n useFilters,\n useGlobalFilter,\n useSortBy,\n useGroupBy,\n useExpanded,\n usePagination,\n useRowSelect,\n useRowState,\n useColumnOrder,\n useResizeColumns,\n useBlockLayout,\n useAbsoluteLayout,\n useFlexLayout,\n} from 'react-table';\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","ActionRow","Alert","ALERT_CLOSE_LABEL_TEXT","Annotation","Avatar","AvatarButton","Badge","Breadcrumb","Bubble","Button","ButtonGroup","ButtonToolbar","Chip","CHIP_PGN_CLASS","ChipCarousel","Container","Form","RadioControl","CheckboxControl","SwitchControl","FormSwitchSet","FormControl","FormControlDecoratorGroup","FormControlFeedback","FormCheck","FormFile","FormRadio","FormRadioSet","FormRadioSetContext","FormGroup","FormLabel","useCheckboxSetValues","FormText","FormAutosuggest","FormAutosuggestOption","InputGroup","Hyperlink","Icon","IconButton","IconButtonWithTooltip","ModalContext","ModalDialog","ModalLayer","Overlay","OverlayTrigger","Portal","Spinner","Stack","Toast","TOAST_CLOSE_LABEL_TEXT","TOAST_DELAY","Tooltip","useWindowSize","useToggle","useArrowKeyNavigation","useIndexOfLastVisibleChild","useIsVisible","breakpoints","asInput","Card","CardColumns","CardDeck","CardImg","CardGroup","CardGrid","CardCarousel","CARD_VARIANTS","Carousel","CarouselItem","CAROUSEL_NEXT_LABEL_TEXT","CAROUSEL_PREV_LABEL_TEXT","CloseButton","Layout","Col","Row","Collapse","Collapsible","Scrollable","Dropdown","DropdownToggle","DropdownButton","SplitButton","Fade","IconButtonToggle","Image","Figure","MailtoLink","MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT","MAIL_TO_LINK_EXTERNAL_LINK_TITLE","Media","Menu","MenuItem","SelectMenu","SELECT_MENU_DEFAULT_MESSAGE","ModalCloseButton","FullscreenModal","FULLSCREEN_MODAL_CLOSE_LABEL","MarketingModal","StandardModal","STANDARD_MODAL_CLOSE_LABEL","AlertModal","ModalPopup","PopperElement","Nav","NavDropdown","NavItem","NavLink","Navbar","NavbarBrand","NAVBAR_LABEL","PageBanner","PAGE_BANNER_DISMISS_ALT_TEXT","Pagination","PAGINATION_BUTTON_LABEL_PREV","PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT","PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT","PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT","PAGINATION_BUTTON_LABEL_CURRENT_PAGE","PAGINATION_BUTTON_LABEL_NEXT","PAGINATION_BUTTON_LABEL_PAGE","Popover","PopoverTitle","PopoverContent","ProgressBar","ProductTour","ResponsiveEmbed","SearchField","SEARCH_FIELD_SCREEN_READER_TEXT_LABEL","SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON","SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON","SEARCH_FIELD_BUTTON_TEXT","Sheet","Stepper","StatefulButton","Tabs","Tab","TabContainer","TabContent","TabPane","TransitionReplace","ValidationMessage","DataTable","TextFilter","CheckboxFilter","DropdownFilter","MultiSelectDropdownFilter","TableHeaderCell","TableCell","TableFilters","TABLE_FILTERS_BUTTON_TEXT","TableHeader","TableRow","TablePagination","TablePaginationMinimal","DataTableContext","BulkActions","TableControlBar","TableFooter","CardView","Skeleton","SkeletonTheme","ToggleButton","ToggleButtonGroup","Sticky","SelectableBox","Variant","OverflowScrollContext","OverflowScroll","useOverflowScroll","useOverflowScrollItems","Dropzone","messages","Truncate","ColorPicker","MediaQuery","useMediaQuery","Context","ResponsiveContext","useTable","useFilters","useGlobalFilter","useSortBy","useGroupBy","useExpanded","usePagination","useRowSelect","useRowState","useColumnOrder","useResizeColumns","useBlockLayout","useAbsoluteLayout","useFlexLayout"],"sources":["../src/index.ts"],"sourcesContent":["// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport { default as ActionRow } from './ActionRow';\nexport { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';\nexport { default as Annotation } from './Annotation';\nexport { default as Avatar } from './Avatar';\nexport { default as AvatarButton } from './AvatarButton';\nexport { default as Badge } from './Badge';\nexport { default as Breadcrumb } from './Breadcrumb';\nexport { default as Bubble } from './Bubble';\nexport { default as Button, ButtonGroup, ButtonToolbar } from './Button';\nexport { default as Chip, CHIP_PGN_CLASS } from './Chip';\nexport { default as ChipCarousel } from './ChipCarousel';\nexport { default as Container, type ContainerSize } from './Container';\nexport {\n default as Form,\n RadioControl,\n CheckboxControl,\n SwitchControl,\n FormSwitchSet,\n FormControl,\n FormControlDecoratorGroup,\n FormControlFeedback,\n FormCheck,\n FormFile,\n FormRadio,\n FormRadioSet,\n FormRadioSetContext,\n FormGroup,\n FormLabel,\n useCheckboxSetValues,\n FormText,\n FormAutosuggest,\n FormAutosuggestOption,\n InputGroup,\n} from './Form';\nexport { default as Hyperlink } from './Hyperlink';\nexport { default as Icon } from './Icon';\nexport { default as IconButton, IconButtonWithTooltip } from './IconButton';\nexport { default as ModalContext } from './Modal/ModalContext';\nexport { default as ModalDialog } from './Modal/ModalDialog';\nexport { default as ModalLayer } from './Modal/ModalLayer';\nexport { default as Overlay, OverlayTrigger } from './Overlay';\nexport { default as Portal } from './Modal/Portal';\nexport { default as Spinner } from './Spinner';\nexport { default as Stack } from './Stack';\nexport { default as Toast, TOAST_CLOSE_LABEL_TEXT, TOAST_DELAY } from './Toast';\nexport { default as Tooltip } from './Tooltip';\nexport { default as useWindowSize, type WindowSizeData } from './hooks/useWindowSizeHook';\nexport { default as useToggle, type Toggler, type ToggleHandlers } from './hooks/useToggleHook';\nexport { default as useArrowKeyNavigation, type ArrowKeyNavProps } from './hooks/useArrowKeyNavigationHook';\nexport { default as useIndexOfLastVisibleChild } from './hooks/useIndexOfLastVisibleChildHook';\nexport { default as useIsVisible } from './hooks/useIsVisibleHook';\nexport { default as breakpoints } from './utils/breakpoints';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Things that don't have types\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as asInput } from './asInput';\n\nexport {\n default as Card,\n CardColumns,\n CardDeck,\n CardImg,\n CardGroup,\n CardGrid,\n CardCarousel,\n CARD_VARIANTS,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './Card';\nexport {\n default as Carousel, CarouselItem, CAROUSEL_NEXT_LABEL_TEXT, CAROUSEL_PREV_LABEL_TEXT,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './Carousel';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CloseButton } from './CloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Layout, Col, Row } from './Layout';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapse } from './Collapse';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Collapsible } from './Collapsible';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Scrollable } from './Scrollable';\nexport {\n default as Dropdown,\n DropdownToggle,\n DropdownButton,\n SplitButton,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './Dropdown';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Fade } from './Fade';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as IconButtonToggle } from './IconButtonToggle';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Image, Figure } from './Image';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MailtoLink, MAIL_TO_LINK_EXTERNAL_LINK_ALTERNATIVE_TEXT, MAIL_TO_LINK_EXTERNAL_LINK_TITLE } from './MailtoLink';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Media } from './Media';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Menu } from './Menu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MenuItem } from './Menu/MenuItem';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectMenu, SELECT_MENU_DEFAULT_MESSAGE } from './Menu/SelectMenu';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalCloseButton } from './Modal/ModalCloseButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as FullscreenModal, FULLSCREEN_MODAL_CLOSE_LABEL } from './Modal/FullscreenModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MarketingModal } from './Modal/MarketingModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StandardModal, STANDARD_MODAL_CLOSE_LABEL } from './Modal/StandardModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as AlertModal } from './Modal/AlertModal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ModalPopup } from './Modal/ModalPopup';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PopperElement } from './Modal/PopperElement';\n\nexport {\n default as Nav,\n NavDropdown,\n NavItem,\n NavLink,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './Nav';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Navbar, NavbarBrand, NAVBAR_LABEL } from './Navbar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as PageBanner, PAGE_BANNER_DISMISS_ALT_TEXT } from './PageBanner';\nexport {\n default as Pagination,\n PAGINATION_BUTTON_LABEL_PREV,\n PAGINATION_BUTTON_ICON_BUTTON_NEXT_ALT,\n PAGINATION_BUTTON_ICON_BUTTON_PREV_ALT,\n PAGINATION_BUTTON_LABEL_PAGE_OF_COUNT,\n PAGINATION_BUTTON_LABEL_CURRENT_PAGE,\n PAGINATION_BUTTON_LABEL_NEXT,\n PAGINATION_BUTTON_LABEL_PAGE,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './Pagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Popover, PopoverTitle, PopoverContent } from './Popover';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProgressBar } from './ProgressBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ProductTour } from './ProductTour';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ResponsiveEmbed } from './ResponsiveEmbed';\nexport {\n default as SearchField,\n SEARCH_FIELD_SCREEN_READER_TEXT_LABEL,\n SEARCH_FIELD_SCREEN_READER_TEXT_CLEAR_BUTTON,\n SEARCH_FIELD_SCREEN_READER_TEXT_SUBMIT_BUTTON,\n SEARCH_FIELD_BUTTON_TEXT,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './SearchField';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sheet } from './Sheet';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Stepper } from './Stepper';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as StatefulButton } from './StatefulButton';\nexport {\n default as Tabs,\n Tab,\n TabContainer,\n TabContent,\n TabPane,\n// @ts-ignore: has yet to be converted to TypeScript\n} from './Tabs';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TransitionReplace } from './TransitionReplace';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ValidationMessage } from './ValidationMessage';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTable } from './DataTable';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TextFilter } from './DataTable/filters/TextFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CheckboxFilter } from './DataTable/filters/CheckboxFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DropdownFilter } from './DataTable/filters/DropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as MultiSelectDropdownFilter } from './DataTable/filters/MultiSelectDropdownFilter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeaderCell } from './DataTable/TableHeaderCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableCell } from './DataTable/TableCell';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFilters, TABLE_FILTERS_BUTTON_TEXT } from './DataTable/TableFilters';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableHeader } from './DataTable/TableHeaderRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableRow } from './DataTable/TableRow';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePagination } from './DataTable/TablePagination';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TablePaginationMinimal } from './DataTable/TablePaginationMinimal';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as DataTableContext } from './DataTable/DataTableContext';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as BulkActions } from './DataTable/BulkActions';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableControlBar } from './DataTable/TableControlBar';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as TableFooter } from './DataTable/TableFooter';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as CardView } from './DataTable/CardView';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Skeleton, SkeletonTheme } from './Skeleton/index';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ToggleButton, ToggleButtonGroup } from './ToggleButton';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Sticky } from './Sticky';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as SelectableBox } from './SelectableBox';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Variant } from './utils/constants';\nexport {\n OverflowScrollContext,\n OverflowScroll,\n useOverflowScroll,\n useOverflowScrollItems,\n // @ts-ignore: has yet to be converted to TypeScript\n} from './OverflowScroll';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Dropzone } from './Dropzone';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as messages } from './i18n';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as Truncate } from './Truncate';\n// @ts-ignore: has yet to be converted to TypeScript\nexport { default as ColorPicker } from './ColorPicker';\n\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\n// Pass through any needed whole third-party library functionality\n// useTable for example is needed to use the DataTable component seamlessly\n// rather than setting a peer dependency in this project, we opt to tightly\n// couple these dependencies by passing through needed functionality.\n// // // // // // // // // // // // // // // // // // // // // // // // // // //\nexport {\n default as MediaQuery,\n useMediaQuery,\n Context as ResponsiveContext,\n} from 'react-responsive';\nexport {\n useTable,\n useFilters,\n useGlobalFilter,\n useSortBy,\n useGroupBy,\n useExpanded,\n usePagination,\n useRowSelect,\n useRowState,\n useColumnOrder,\n useResizeColumns,\n useBlockLayout,\n useAbsoluteLayout,\n useFlexLayout,\n} from 'react-table';\n"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import React, { ForwardedRef } from 'react';
|
|
2
|
+
import BaseBadge from 'react-bootstrap/Badge';
|
|
3
|
+
import { ComponentWithAsProp } from '../utils/types/bootstrap';
|
|
4
|
+
|
|
5
|
+
const STYLE_VARIANTS = [
|
|
6
|
+
'primary',
|
|
7
|
+
'secondary',
|
|
8
|
+
'success',
|
|
9
|
+
'danger',
|
|
10
|
+
'warning',
|
|
11
|
+
'info',
|
|
12
|
+
'light',
|
|
13
|
+
'dark',
|
|
14
|
+
];
|
|
15
|
+
|
|
16
|
+
interface BadgeProps {
|
|
17
|
+
/** Specifies element type for this component */
|
|
18
|
+
as?: React.ElementType;
|
|
19
|
+
/** Visual style of the badge. The full type definition can be seen [here](https://github.com/openedx/paragon/blob/release-23.x/src/Badge/index.tsx) */
|
|
20
|
+
variant?: typeof STYLE_VARIANTS[number];
|
|
21
|
+
/** Add the `pill` modifier to make badges more rounded with some additional horizontal padding */
|
|
22
|
+
pill?: boolean;
|
|
23
|
+
/** Overrides underlying component base CSS class name */
|
|
24
|
+
bsPrefix?: string;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
const Badge: ComponentWithAsProp<'span', BadgeProps> = React.forwardRef(({
|
|
28
|
+
as = 'span', variant = 'primary', pill = false, bsPrefix = 'badge', ...props
|
|
29
|
+
}: BadgeProps, ref: ForwardedRef<HTMLSpanElement>) => (
|
|
30
|
+
<BaseBadge as={as} variant={variant} pill={pill} bsPrefix={bsPrefix} {...props} ref={ref} />
|
|
31
|
+
));
|
|
32
|
+
|
|
33
|
+
export default Badge;
|
|
@@ -1,15 +1,30 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
import classNames from 'classnames';
|
|
4
3
|
|
|
5
|
-
|
|
4
|
+
interface BreadcrumbLinkProps {
|
|
5
|
+
as: React.ElementType;
|
|
6
|
+
clickHandler?: (event: React.MouseEvent, link: any) => void;
|
|
7
|
+
linkProps: {
|
|
8
|
+
label: string;
|
|
9
|
+
url?: string; // deprecated, use href instead when rendering as 'a'
|
|
10
|
+
className?: string;
|
|
11
|
+
[key: string]: any;
|
|
12
|
+
};
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
interface AdditionalProps {
|
|
16
|
+
href?: string;
|
|
17
|
+
onClick?: (event: React.MouseEvent, link: any) => void;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export default function BreadcrumbLink({ as, clickHandler = undefined, linkProps }: BreadcrumbLinkProps) {
|
|
6
21
|
const {
|
|
7
22
|
label,
|
|
8
23
|
url,
|
|
9
24
|
className,
|
|
10
25
|
...props
|
|
11
26
|
} = linkProps;
|
|
12
|
-
const addtlProps = {};
|
|
27
|
+
const addtlProps: AdditionalProps = {};
|
|
13
28
|
|
|
14
29
|
if (as === 'a' && url) {
|
|
15
30
|
// eslint-disable-next-line no-console
|
|
@@ -34,17 +49,3 @@ export default function BreadcrumbLink({ as, clickHandler, linkProps }) {
|
|
|
34
49
|
label,
|
|
35
50
|
);
|
|
36
51
|
}
|
|
37
|
-
|
|
38
|
-
BreadcrumbLink.propTypes = {
|
|
39
|
-
as: PropTypes.elementType.isRequired,
|
|
40
|
-
clickHandler: PropTypes.func,
|
|
41
|
-
linkProps: PropTypes.shape({
|
|
42
|
-
label: PropTypes.string.isRequired,
|
|
43
|
-
url: PropTypes.string,
|
|
44
|
-
className: PropTypes.string,
|
|
45
|
-
}).isRequired,
|
|
46
|
-
};
|
|
47
|
-
|
|
48
|
-
BreadcrumbLink.defaultProps = {
|
|
49
|
-
clickHandler: undefined,
|
|
50
|
-
};
|
|
@@ -1,15 +1,39 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
import classNames from 'classnames';
|
|
4
3
|
|
|
5
4
|
import BreadcrumbLink from './BreadcrumbLink';
|
|
6
5
|
import { ChevronRight } from '../../icons';
|
|
7
6
|
import Icon from '../Icon';
|
|
8
7
|
|
|
8
|
+
interface BreadcrumbProps {
|
|
9
|
+
/** An array of objects describing links to be rendered. The contents of an object depend on the value of `linkAs`
|
|
10
|
+
* prop as these objects will get passed down as props to the underlying component defined by `linkAs` prop.
|
|
11
|
+
*/
|
|
12
|
+
links: Array<{ label: string, [key: string]: any }>;
|
|
13
|
+
/** allows to add a label that is not a link to the end of the breadcrumb. */
|
|
14
|
+
activeLabel?: string;
|
|
15
|
+
/** label of the element */
|
|
16
|
+
ariaLabel?: string;
|
|
17
|
+
/** allows to add a custom element between the breadcrumb items.
|
|
18
|
+
* Defaults to `>` rendered using the `Icon` component. */
|
|
19
|
+
spacer?: React.ReactElement;
|
|
20
|
+
/** allows to add a custom function to be called `onClick` of a breadcrumb link.
|
|
21
|
+
* The use case for this is for adding custom analytics to the component. */
|
|
22
|
+
clickHandler?: (event: React.MouseEvent, link: any) => void;
|
|
23
|
+
/** The `Breadcrumbs` style variant to use. */
|
|
24
|
+
variant?: 'light' | 'dark';
|
|
25
|
+
/** The `Breadcrumbs` mobile variant view. */
|
|
26
|
+
isMobile?: boolean;
|
|
27
|
+
/** Specifies the base element to use when rendering links, you should generally use either plain 'a' or
|
|
28
|
+
* [react-router's Link](https://reactrouter.com/en/main/components/link).
|
|
29
|
+
*/
|
|
30
|
+
linkAs?: React.ElementType;
|
|
31
|
+
}
|
|
32
|
+
|
|
9
33
|
function Breadcrumb({
|
|
10
34
|
links, activeLabel, spacer, clickHandler,
|
|
11
|
-
variant, isMobile, ariaLabel, linkAs, ...props
|
|
12
|
-
}) {
|
|
35
|
+
variant = 'light', isMobile = false, ariaLabel = 'breadcrumb', linkAs = 'a', ...props
|
|
36
|
+
}: BreadcrumbProps) {
|
|
13
37
|
const linkCount = links.length;
|
|
14
38
|
const displayLinks = isMobile ? [links[linkCount - 1]] : links;
|
|
15
39
|
|
|
@@ -39,41 +63,4 @@ function Breadcrumb({
|
|
|
39
63
|
);
|
|
40
64
|
}
|
|
41
65
|
|
|
42
|
-
Breadcrumb.propTypes = {
|
|
43
|
-
/** An array of objects describing links to be rendered. The contents of an object depend on the value of `linkAs`
|
|
44
|
-
* prop as these objects will get passed down as props to the underlying component defined by `linkAs` prop.
|
|
45
|
-
*/
|
|
46
|
-
links: PropTypes.arrayOf(PropTypes.shape({
|
|
47
|
-
label: PropTypes.string,
|
|
48
|
-
})).isRequired,
|
|
49
|
-
/** allows to add a label that is not a link to the end of the breadcrumb. */
|
|
50
|
-
activeLabel: PropTypes.string,
|
|
51
|
-
/** label of the element */
|
|
52
|
-
ariaLabel: PropTypes.string,
|
|
53
|
-
/** allows to add a custom element between the breadcrumb items.
|
|
54
|
-
* Defaults to `>` rendered using the `Icon` component. */
|
|
55
|
-
spacer: PropTypes.element,
|
|
56
|
-
/** allows to add a custom function to be called `onClick` of a breadcrumb link.
|
|
57
|
-
* The use case for this is for adding custom analytics to the component. */
|
|
58
|
-
clickHandler: PropTypes.func,
|
|
59
|
-
/** The `Breadcrumbs` style variant to use. */
|
|
60
|
-
variant: PropTypes.oneOf(['light', 'dark']),
|
|
61
|
-
/** The `Breadcrumbs` mobile variant view. */
|
|
62
|
-
isMobile: PropTypes.bool,
|
|
63
|
-
/** Specifies the base element to use when rendering links, you should generally use either plain 'a' or
|
|
64
|
-
* [react-router's Link](https://reactrouter.com/en/main/components/link).
|
|
65
|
-
*/
|
|
66
|
-
linkAs: PropTypes.elementType,
|
|
67
|
-
};
|
|
68
|
-
|
|
69
|
-
Breadcrumb.defaultProps = {
|
|
70
|
-
activeLabel: undefined,
|
|
71
|
-
ariaLabel: 'breadcrumb',
|
|
72
|
-
spacer: undefined,
|
|
73
|
-
clickHandler: undefined,
|
|
74
|
-
variant: 'light',
|
|
75
|
-
isMobile: false,
|
|
76
|
-
linkAs: 'a',
|
|
77
|
-
};
|
|
78
|
-
|
|
79
66
|
export default Breadcrumb;
|
|
@@ -1,8 +1,16 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
2
|
import classNames from 'classnames';
|
|
4
3
|
|
|
5
|
-
|
|
4
|
+
interface CardCarouselSubtitleProps {
|
|
5
|
+
/** Specifies contents of the component. */
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
/** Specifies the base element */
|
|
8
|
+
as?: React.ElementType;
|
|
9
|
+
/** A class name to append to the base element. */
|
|
10
|
+
className?: string;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
function CardCarouselSubtitle({ children, as, className }: CardCarouselSubtitleProps) {
|
|
6
14
|
const Component = as || 'p';
|
|
7
15
|
return (
|
|
8
16
|
<Component className={classNames('pgn__card-carousel-subtitle', className)}>
|
|
@@ -11,18 +19,4 @@ function CardCarouselSubtitle({ children, as, className }) {
|
|
|
11
19
|
);
|
|
12
20
|
}
|
|
13
21
|
|
|
14
|
-
CardCarouselSubtitle.propTypes = {
|
|
15
|
-
/** Specifies contents of the component. */
|
|
16
|
-
children: PropTypes.node.isRequired,
|
|
17
|
-
/** Specifies the base element */
|
|
18
|
-
as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
|
|
19
|
-
/** A class name to append to the base element. */
|
|
20
|
-
className: PropTypes.string,
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
CardCarouselSubtitle.defaultProps = {
|
|
24
|
-
as: undefined,
|
|
25
|
-
className: undefined,
|
|
26
|
-
};
|
|
27
|
-
|
|
28
22
|
export default CardCarouselSubtitle;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
|
|
4
|
+
interface CardCarouselTitleProps {
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
as?: React.ElementType;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
function CardCarouselTitle({ children, as, className }: CardCarouselTitleProps) {
|
|
11
|
+
const Component = as || 'h2';
|
|
12
|
+
return (
|
|
13
|
+
<Component className={classNames('pgn__card-carousel-title', className)}>
|
|
14
|
+
{children}
|
|
15
|
+
</Component>
|
|
16
|
+
);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export default CardCarouselTitle;
|
package/src/IconButton/index.tsx
CHANGED
|
@@ -5,7 +5,7 @@ import { OverlayTrigger } from '../Overlay';
|
|
|
5
5
|
import Tooltip from '../Tooltip';
|
|
6
6
|
import Icon from '../Icon';
|
|
7
7
|
|
|
8
|
-
interface Props extends React.
|
|
8
|
+
interface Props extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
9
|
/** Component that renders the icon, currently defaults to `Icon` */
|
|
10
10
|
iconAs?: React.ComponentType<any>,
|
|
11
11
|
/** Additional CSS class[es] to apply to this button */
|
|
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
|
|
|
4
4
|
/**
|
|
5
5
|
*
|
|
6
6
|
* @param {object} args arguments
|
|
7
|
-
* @param {
|
|
7
|
+
* @param {string} args.activeValue the current value of the active/selected iconButton.
|
|
8
8
|
* if not provided, none of the iconButtons will initially be active
|
|
9
9
|
* @param {Function} args.onChange callback to call when toggle value changes.
|
|
10
10
|
* Receives value of the selected toggle button.
|
|
@@ -91,6 +91,10 @@
|
|
|
91
91
|
&.pgn__searchfield--external {
|
|
92
92
|
border: none;
|
|
93
93
|
|
|
94
|
+
.pgn__searchfield-form {
|
|
95
|
+
background-color: transparent;
|
|
96
|
+
}
|
|
97
|
+
|
|
94
98
|
&.has-focus {
|
|
95
99
|
box-shadow: none;
|
|
96
100
|
|
|
@@ -112,6 +116,7 @@
|
|
|
112
116
|
display: flex;
|
|
113
117
|
align-items: center;
|
|
114
118
|
width: 100%;
|
|
119
|
+
background-color: var(--pgn-color-search-field-form-bg);
|
|
115
120
|
border: var(--pgn-size-search-field-border-width-base) solid var(--pgn-color-search-field-border-base);
|
|
116
121
|
|
|
117
122
|
&:hover,
|
package/src/index.ts
CHANGED
|
@@ -6,6 +6,8 @@ export { default as Alert, ALERT_CLOSE_LABEL_TEXT } from './Alert';
|
|
|
6
6
|
export { default as Annotation } from './Annotation';
|
|
7
7
|
export { default as Avatar } from './Avatar';
|
|
8
8
|
export { default as AvatarButton } from './AvatarButton';
|
|
9
|
+
export { default as Badge } from './Badge';
|
|
10
|
+
export { default as Breadcrumb } from './Breadcrumb';
|
|
9
11
|
export { default as Bubble } from './Bubble';
|
|
10
12
|
export { default as Button, ButtonGroup, ButtonToolbar } from './Button';
|
|
11
13
|
export { default as Chip, CHIP_PGN_CLASS } from './Chip';
|
|
@@ -57,10 +59,6 @@ export { default as breakpoints } from './utils/breakpoints';
|
|
|
57
59
|
// // // // // // // // // // // // // // // // // // // // // // // // // // //
|
|
58
60
|
// @ts-ignore: has yet to be converted to TypeScript
|
|
59
61
|
export { default as asInput } from './asInput';
|
|
60
|
-
// @ts-ignore: has yet to be converted to TypeScript
|
|
61
|
-
export { default as Badge } from './Badge';
|
|
62
|
-
// @ts-ignore: has yet to be converted to TypeScript
|
|
63
|
-
export { default as Breadcrumb } from './Breadcrumb';
|
|
64
62
|
|
|
65
63
|
export {
|
|
66
64
|
default as Card,
|
package/src/Badge/index.jsx
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import BaseBadge from 'react-bootstrap/Badge';
|
|
4
|
-
|
|
5
|
-
const Badge = React.forwardRef((props, ref) => <BaseBadge {...props} ref={ref} />);
|
|
6
|
-
|
|
7
|
-
const STYLE_VARIANTS = [
|
|
8
|
-
'primary',
|
|
9
|
-
'secondary',
|
|
10
|
-
'success',
|
|
11
|
-
'danger',
|
|
12
|
-
'warning',
|
|
13
|
-
'info',
|
|
14
|
-
'light',
|
|
15
|
-
'dark',
|
|
16
|
-
];
|
|
17
|
-
|
|
18
|
-
Badge.propTypes = {
|
|
19
|
-
/** Specifies element type for this component */
|
|
20
|
-
as: PropTypes.elementType,
|
|
21
|
-
/** Visual style of the badge */
|
|
22
|
-
variant: PropTypes.oneOf(STYLE_VARIANTS),
|
|
23
|
-
/** Add the `pill` modifier to make badges more rounded with some additional horizontal padding */
|
|
24
|
-
pill: PropTypes.bool,
|
|
25
|
-
/** Overrides underlying component base CSS class name */
|
|
26
|
-
bsPrefix: PropTypes.string,
|
|
27
|
-
};
|
|
28
|
-
|
|
29
|
-
Badge.defaultProps = {
|
|
30
|
-
as: 'span',
|
|
31
|
-
variant: 'primary',
|
|
32
|
-
pill: false,
|
|
33
|
-
bsPrefix: 'badge',
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
export default Badge;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import PropTypes from 'prop-types';
|
|
3
|
-
import classNames from 'classnames';
|
|
4
|
-
|
|
5
|
-
function CardCarouselTitle({ children, as, className }) {
|
|
6
|
-
const Component = as || 'h2';
|
|
7
|
-
return (
|
|
8
|
-
<Component className={classNames('pgn__card-carousel-title', className)}>
|
|
9
|
-
{children}
|
|
10
|
-
</Component>
|
|
11
|
-
);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
CardCarouselTitle.propTypes = {
|
|
15
|
-
children: PropTypes.node.isRequired,
|
|
16
|
-
as: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),
|
|
17
|
-
className: PropTypes.string,
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
CardCarouselTitle.defaultProps = {
|
|
21
|
-
as: undefined,
|
|
22
|
-
className: undefined,
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export default CardCarouselTitle;
|