@hellobetterdigitalnz/betterui 0.0.3-11 → 0.0.3-110
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 +23 -23
- package/dist/Components/BetterUIProvider/BetterUIContext.d.ts +3 -2
- package/dist/Components/DataDisplay/Accordion/AccordionItemProps.d.ts +3 -0
- package/dist/Components/DataDisplay/Cards/BannerCard/BannerCard.d.ts +1 -0
- package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCard.d.ts +1 -0
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationProps.d.ts +1 -1
- package/dist/Components/DataDisplay/Tab/TabNavItemProps.d.ts +1 -0
- package/dist/Components/DataDisplay/Table/TableFooter.d.ts +2 -1
- package/dist/Components/DataDisplay/Table/TableFooterProps.d.ts +6 -0
- package/dist/Components/DataDisplay/Table/TableHeaderCellProps.d.ts +1 -0
- package/dist/Components/DataDisplay/index.d.ts +3 -3
- package/dist/Components/Form/Button/ButtonProps.d.ts +1 -0
- package/dist/Components/Form/Checkbox/CheckboxProps.d.ts +3 -2
- package/dist/Components/Form/DropdownBadge/DropdownBadgeProps.d.ts +1 -0
- package/dist/Components/Form/DropdownField/DropdownFieldItemProps.d.ts +2 -2
- package/dist/Components/Form/DropdownField/DropdownFieldProps.d.ts +3 -2
- package/dist/Components/Form/FormFieldHolder/FormFieldHolderProps.d.ts +1 -0
- package/dist/Components/Form/InputProps.d.ts +3 -1
- package/dist/Components/Form/MultiSelectField/MultiSelectField.d.ts +2 -1
- package/dist/Components/Form/MultiSelectField/MultiSelectFieldItem.d.ts +2 -1
- package/dist/Components/Form/MultiSelectField/MultiSelectFieldItemProps.d.ts +10 -0
- package/dist/Components/Form/MultiSelectField/MultiSelectFieldProps.d.ts +29 -0
- package/dist/Components/Form/MultiSelectField/MultiSelectFieldTag.d.ts +2 -1
- package/dist/Components/Form/MultiSelectField/MultiSelectFieldTagProps.d.ts +5 -0
- package/dist/Components/Form/NumberField/NumberField.d.ts +3 -0
- package/dist/Components/Form/NumberField/NumberField.stories.d.ts +13 -0
- package/dist/Components/Form/NumberField/NumberFieldProps.d.ts +5 -0
- package/dist/Components/Form/PhoneField/PhoneField.d.ts +3 -0
- package/dist/Components/Form/PhoneField/PhoneField.stories.d.ts +13 -0
- package/dist/Components/Form/RichTextEditor/RichTextEditor.d.ts +3 -0
- package/dist/Components/Form/RichTextEditor/RichTextEditor.stories.d.ts +18 -0
- package/dist/Components/Form/RichTextEditor/RichTextEditorProps.d.ts +22 -0
- package/dist/Components/Form/TypableDropdownField/TypableDropdownField.d.ts +3 -0
- package/dist/Components/Form/TypableDropdownField/TypableDropdownFieldItem.d.ts +3 -0
- package/dist/Components/Form/TypableDropdownField/TypableDropdownFieldItemProps.d.ts +7 -0
- package/dist/Components/Form/TypableDropdownField/TypableDropdownFieldProps.d.ts +29 -0
- package/dist/Components/Form/TypableDropdownField/TypableDropdownFieldSelector.d.ts +3 -0
- package/dist/Components/Form/TypableDropdownField/TypableDropdownFieldSelectorProps.d.ts +5 -0
- package/dist/Components/Form/UnitInput/UnitField.d.ts +3 -0
- package/dist/Components/Form/UnitInput/UnitField.stories.d.ts +13 -0
- package/dist/Components/Form/UnitInput/UnitFieldProps.d.ts +6 -0
- package/dist/Components/Form/index.d.ts +10 -0
- package/dist/Components/Icons/Arrows/ArrowLeft/ArrowLeft.d.ts +3 -0
- package/dist/Components/Icons/Arrows/ArrowsDownUp/ArrowsDownUp.d.ts +3 -0
- package/dist/Components/Icons/Arrows/ArrowsOutCardinal/ArrowsOutCardinal.d.ts +3 -0
- package/dist/Components/Icons/Arrows/CaretUpDown/CaretUpDown.d.ts +3 -0
- package/dist/Components/Icons/Communication/EnvelopeSimple/EnvelopeSimple.d.ts +3 -0
- package/dist/Components/Icons/Communication/Export/Export.d.ts +3 -0
- package/dist/Components/Icons/Communication/Phone/Phone.d.ts +3 -0
- package/dist/Components/Icons/Communication/Translate/Translate.d.ts +3 -0
- package/dist/Components/Icons/Design/PencilLine/PencilLine.d.ts +3 -0
- package/dist/Components/Icons/Design/PencilSimple/PencilSimple.d.ts +3 -0
- package/dist/Components/Icons/Design/Ruler/Ruler.d.ts +3 -0
- package/dist/Components/Icons/Education/BookOpenText/BookOpenText.d.ts +3 -0
- package/dist/Components/Icons/HealthAndWellness/Barbell/Barbell.d.ts +3 -0
- package/dist/Components/Icons/MapAndTravel/Globe/Globe.d.ts +3 -0
- package/dist/Components/Icons/MapAndTravel/HouseSimple/HouseSimple.d.ts +3 -0
- package/dist/Components/Icons/MapAndTravel/Path/Path.d.ts +3 -0
- package/dist/Components/Icons/MapAndTravel/Tram/Tram.d.ts +3 -0
- package/dist/Components/Icons/MathsAndFinance/ChartBar/ChartBar.d.ts +3 -0
- package/dist/Components/Icons/MathsAndFinance/ChartBarHorizontal/ChartBarHorizontal.d.ts +3 -0
- package/dist/Components/Icons/MathsAndFinance/ChartLine/ChartLine.d.ts +3 -0
- package/dist/Components/Icons/MathsAndFinance/ChartPie/ChartPie.d.ts +3 -0
- package/dist/Components/Icons/MathsAndFinance/NumberSquareThree/NumberSquareThree.d.ts +3 -0
- package/dist/Components/Icons/MathsAndFinance/Plus/Plus.d.ts +3 -0
- package/dist/Components/Icons/Media/SlidersHorizontal/SlidersHorizontal.d.ts +3 -0
- package/dist/Components/Icons/OfficeAndEditing/Folder/Folder.d.ts +3 -0
- package/dist/Components/Icons/OfficeAndEditing/List/List.d.ts +3 -0
- package/dist/Components/Icons/OfficeAndEditing/ListBullets/ListBullets.d.ts +3 -0
- package/dist/Components/Icons/OfficeAndEditing/Printer/Printer.d.ts +3 -0
- package/dist/Components/Icons/OfficeAndEditing/TextAa/TextAa.d.ts +3 -0
- package/dist/Components/Icons/OfficeAndEditing/TextColumns/TextColumns.d.ts +3 -0
- package/dist/Components/Icons/People/PersonSimpleBike/PersonSimpleBike.d.ts +3 -0
- package/dist/Components/Icons/People/PersonSimpleWalk/PersonSimpleWalk.d.ts +3 -0
- package/dist/Components/Icons/People/User/User.d.ts +3 -0
- package/dist/Components/Icons/People/UserCircle/UserCircle.d.ts +3 -0
- package/dist/Components/Icons/People/UserSwitch/UserSwitch.d.ts +3 -0
- package/dist/Components/Icons/SecurityAndWarnings/LockKeyOpen/LockKeyOpen.d.ts +3 -0
- package/dist/Components/Icons/SecurityAndWarnings/LockSimple/LockSimple.d.ts +3 -0
- package/dist/Components/Icons/SecurityAndWarnings/Question/Question.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/Check/Check.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/CheckSquare/CheckSquare.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/DotsThreeVertical/DotsThreeVertical.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/DownloadSimple/DownloadSimple.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/Gear/Gear.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/RadioButtonIcon/RadioButtonIcon.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/SignIn/SignIn.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/SignOut/SignOut.d.ts +3 -0
- package/dist/Components/Icons/WeatherAndNature/Mountains/Mountains.d.ts +3 -0
- package/dist/Components/Icons/WeatherAndNature/Tree/Tree.d.ts +3 -0
- package/dist/Components/Icons/index.d.ts +49 -1
- package/dist/Components/Layout/CalloutPopup/CalloutPopupActionHolderProps.d.ts +4 -1
- package/dist/Components/Layout/Header/HeaderLeftProps.d.ts +1 -0
- package/dist/Components/Layout/Header/HeaderRightProps.d.ts +1 -0
- package/dist/Components/Layout/ProfileDropdown/ProfileNavigationItemProps.d.ts +1 -1
- package/dist/Components/Layout/Sidebar/SidebarChevronProps.d.ts +2 -1
- package/dist/Components/Layout/Sidebar/SidebarNavigationItemProps.d.ts +1 -0
- package/dist/Components/Layout/Sidebar/SidebarSubNavigation.d.ts +2 -2
- package/dist/Components/Layout/Sidebar/SidebarSubNavigationItemProps.d.ts +1 -0
- package/dist/Components/Layout/Sidebar/SidebarSubNavigationProps.d.ts +3 -0
- package/dist/index.cjs.js +21 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +5640 -1986
- package/dist/index.es.js.map +1 -1
- package/dist/lib/tinymce/icons/default/icons.min.js +1 -0
- package/dist/lib/tinymce/langs/README.md +3 -0
- package/dist/lib/tinymce/license.md +6 -0
- package/dist/lib/tinymce/models/dom/model.min.js +4 -0
- package/dist/lib/tinymce/plugins/accordion/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/advlist/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/anchor/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/autolink/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/autoresize/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/autosave/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/charmap/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/code/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/codesample/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/directionality/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/emoticons/js/emojiimages.js +1 -0
- package/dist/lib/tinymce/plugins/emoticons/js/emojiimages.min.js +3 -0
- package/dist/lib/tinymce/plugins/emoticons/js/emojis.js +1 -0
- package/dist/lib/tinymce/plugins/emoticons/js/emojis.min.js +2 -0
- package/dist/lib/tinymce/plugins/emoticons/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/fullscreen/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/ar.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/bg_BG.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/ca.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/cs.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/da.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/de.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/el.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/en.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/es.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/eu.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/fa.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/fi.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/fr_FR.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/he_IL.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/hi.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/hr.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/hu_HU.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/id.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/it.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/ja.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/kk.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/ko_KR.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/ms.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/nb_NO.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/nl.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/pl.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/pt_BR.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/pt_PT.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/ro.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/ru.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/sk.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/sl_SI.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/sv_SE.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/th_TH.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/tr.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/uk.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/vi.js +90 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/zh_CN.js +84 -0
- package/dist/lib/tinymce/plugins/help/js/i18n/keynav/zh_TW.js +90 -0
- package/dist/lib/tinymce/plugins/help/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/image/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/importcss/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/insertdatetime/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/link/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/lists/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/media/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/nonbreaking/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/pagebreak/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/preview/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/quickbars/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/save/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/searchreplace/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/table/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/visualblocks/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/visualchars/plugin.min.js +4 -0
- package/dist/lib/tinymce/plugins/wordcount/plugin.min.js +4 -0
- package/dist/lib/tinymce/skins/content/dark/content.js +2 -0
- package/dist/lib/tinymce/skins/content/dark/content.min.css +1 -0
- package/dist/lib/tinymce/skins/content/default/content.js +2 -0
- package/dist/lib/tinymce/skins/content/default/content.min.css +1 -0
- package/dist/lib/tinymce/skins/content/document/content.js +2 -0
- package/dist/lib/tinymce/skins/content/document/content.min.css +1 -0
- package/dist/lib/tinymce/skins/content/tinymce-5/content.js +2 -0
- package/dist/lib/tinymce/skins/content/tinymce-5/content.min.css +1 -0
- package/dist/lib/tinymce/skins/content/tinymce-5-dark/content.js +2 -0
- package/dist/lib/tinymce/skins/content/tinymce-5-dark/content.min.css +1 -0
- package/dist/lib/tinymce/skins/content/writer/content.js +2 -0
- package/dist/lib/tinymce/skins/content/writer/content.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/oxide/content.inline.js +2 -0
- package/dist/lib/tinymce/skins/ui/oxide/content.inline.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/oxide/content.js +2 -0
- package/dist/lib/tinymce/skins/ui/oxide/content.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/oxide/skin.js +2 -0
- package/dist/lib/tinymce/skins/ui/oxide/skin.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/oxide/skin.shadowdom.js +2 -0
- package/dist/lib/tinymce/skins/ui/oxide/skin.shadowdom.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/oxide-dark/content.inline.js +2 -0
- package/dist/lib/tinymce/skins/ui/oxide-dark/content.inline.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/oxide-dark/content.js +2 -0
- package/dist/lib/tinymce/skins/ui/oxide-dark/content.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/oxide-dark/skin.js +2 -0
- package/dist/lib/tinymce/skins/ui/oxide-dark/skin.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/oxide-dark/skin.shadowdom.js +2 -0
- package/dist/lib/tinymce/skins/ui/oxide-dark/skin.shadowdom.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5/content.inline.js +2 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5/content.inline.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5/content.js +2 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5/content.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5/skin.js +2 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5/skin.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5/skin.shadowdom.js +2 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5/skin.shadowdom.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5-dark/content.inline.js +2 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5-dark/content.inline.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5-dark/content.js +2 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5-dark/content.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5-dark/skin.js +2 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5-dark/skin.min.css +1 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.js +2 -0
- package/dist/lib/tinymce/skins/ui/tinymce-5-dark/skin.shadowdom.min.css +1 -0
- package/dist/lib/tinymce/themes/silver/theme.min.js +4 -0
- package/dist/lib/tinymce/tinymce.d.ts +3250 -0
- package/dist/lib/tinymce/tinymce.min.js +4 -0
- package/dist/style.css +1 -1
- package/package.json +75 -74
package/README.md
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
# BetterUI
|
|
2
|
-
|
|
3
|
-
A reusable Rect component library by [Hello Better](https://hellobetterdigital.com).
|
|
4
|
-
|
|
5
|
-
We at Hello Better builds many web applications using React + Typescript and headless APIs. We make use of Figma design systems and have our own component library that we have shared here.
|
|
6
|
-
|
|
7
|
-
## Installation
|
|
8
|
-
|
|
9
|
-
To install simply use
|
|
10
|
-
|
|
11
|
-
```
|
|
12
|
-
npm install @hellobetterdigitalnz/betteru
|
|
13
|
-
```
|
|
14
|
-
|
|
15
|
-
or if you are using yarn
|
|
16
|
-
|
|
17
|
-
```
|
|
18
|
-
yarn add @hellobetterdigitalnz/betteru
|
|
19
|
-
```
|
|
20
|
-
|
|
21
|
-
## Using components
|
|
22
|
-
|
|
23
|
-
Components are used from the libraries root entry.
|
|
1
|
+
# BetterUI
|
|
2
|
+
|
|
3
|
+
A reusable Rect component library by [Hello Better](https://hellobetterdigital.com).
|
|
4
|
+
|
|
5
|
+
We at Hello Better builds many web applications using React + Typescript and headless APIs. We make use of Figma design systems and have our own component library that we have shared here.
|
|
6
|
+
|
|
7
|
+
## Installation
|
|
8
|
+
|
|
9
|
+
To install simply use
|
|
10
|
+
|
|
11
|
+
```
|
|
12
|
+
npm install @hellobetterdigitalnz/betteru
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
or if you are using yarn
|
|
16
|
+
|
|
17
|
+
```
|
|
18
|
+
yarn add @hellobetterdigitalnz/betteru
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
## Using components
|
|
22
|
+
|
|
23
|
+
Components are used from the libraries root entry.
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
2
|
interface BetterUIContextType {
|
|
3
3
|
curtain: boolean;
|
|
4
|
-
|
|
4
|
+
modalStack: ReactNode[];
|
|
5
5
|
openModal: (modal: React.ReactNode) => void;
|
|
6
6
|
closeModal: () => void;
|
|
7
|
+
closeAllModals: () => void;
|
|
7
8
|
setCurtain: (value: boolean) => void;
|
|
8
9
|
}
|
|
9
10
|
declare const BetterUIContext: import("react").Context<BetterUIContextType>;
|
|
@@ -32,10 +32,10 @@ export type { default as NotificationsBellProps } from './NotificationsBell/Noti
|
|
|
32
32
|
export { default as Notification } from './NotificationsPanel/Notification';
|
|
33
33
|
export { default as NotificationsGroup } from './NotificationsPanel/NotificationsGroup';
|
|
34
34
|
export { default as NotificationsGroups } from './NotificationsPanel/NotificationsGroups';
|
|
35
|
+
export { default as NotificationsPanel } from './NotificationsPanel/NotificationsPanel';
|
|
36
|
+
export { default as NotificationsHeader } from './NotificationsPanel/NotificationsHeader';
|
|
37
|
+
export { default as NotificationsNone } from './NotificationsPanel/NotificationsNone';
|
|
35
38
|
export type { default as NotificationProps } from './NotificationsPanel/NotificationProps';
|
|
36
|
-
export type { default as NotificationsHeader } from './NotificationsPanel/NotificationsHeader';
|
|
37
|
-
export type { default as NotificationsNone } from './NotificationsPanel/NotificationsNone';
|
|
38
|
-
export type { default as NotificationsPanel } from './NotificationsPanel/NotificationsPanel';
|
|
39
39
|
export type { default as NotificationsGroupProps } from './NotificationsPanel/NotificationsGroupProps';
|
|
40
40
|
export type { default as NotificationsGroupsProps } from './NotificationsPanel/NotificationsGroupsProps';
|
|
41
41
|
export type { default as NotificationsHeaderProps } from './NotificationsPanel/NotificationsHeaderProps';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { FocusEvent, MouseEvent } from "react";
|
|
1
|
+
import { ChangeEvent, FocusEvent, MouseEvent } from "react";
|
|
2
2
|
interface CheckboxProps {
|
|
3
3
|
label?: string;
|
|
4
4
|
name?: string;
|
|
@@ -14,7 +14,8 @@ interface CheckboxProps {
|
|
|
14
14
|
ariaLabel?: string;
|
|
15
15
|
ariaLabeledby?: string;
|
|
16
16
|
ariaDescribedby?: string;
|
|
17
|
-
|
|
17
|
+
onClick?: (e: MouseEvent, checked?: boolean) => void;
|
|
18
|
+
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
18
19
|
onFocus?: (e: FocusEvent) => void;
|
|
19
20
|
onBlur?: (e: FocusEvent) => void;
|
|
20
21
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { MouseEvent } from "react";
|
|
2
2
|
interface DropdownFieldItemProps {
|
|
3
3
|
label: string;
|
|
4
|
-
value: string | number;
|
|
5
|
-
handleSelect: (e: MouseEvent, value: string | number) => void;
|
|
4
|
+
value: string | number | undefined | null | boolean;
|
|
5
|
+
handleSelect: (e: MouseEvent, value: string | number | undefined | null | boolean) => void;
|
|
6
6
|
}
|
|
7
7
|
export default DropdownFieldItemProps;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { MouseEvent, FocusEvent } from "react";
|
|
2
2
|
interface NameValueInterface {
|
|
3
3
|
label: string;
|
|
4
|
-
value: string | number;
|
|
4
|
+
value: string | number | undefined | null | boolean;
|
|
5
5
|
}
|
|
6
6
|
interface DropdownFieldProps {
|
|
7
7
|
name?: string;
|
|
@@ -10,6 +10,7 @@ interface DropdownFieldProps {
|
|
|
10
10
|
options: NameValueInterface[] | string[];
|
|
11
11
|
extraClass?: string;
|
|
12
12
|
placeholder?: string;
|
|
13
|
+
emptyString?: string;
|
|
13
14
|
error?: boolean;
|
|
14
15
|
disabled?: boolean;
|
|
15
16
|
readonly?: boolean;
|
|
@@ -21,7 +22,7 @@ interface DropdownFieldProps {
|
|
|
21
22
|
ariaLabeledby?: string;
|
|
22
23
|
ariaDescribedby?: string;
|
|
23
24
|
onClick?: (e: MouseEvent) => void;
|
|
24
|
-
onChange?: (e: MouseEvent) => void;
|
|
25
|
+
onChange?: (e: React.MouseEvent, value: string | number | undefined | null | boolean) => void;
|
|
25
26
|
onFocus?: (e: FocusEvent) => void;
|
|
26
27
|
onBlur?: (e: FocusEvent) => void;
|
|
27
28
|
}
|
|
@@ -2,7 +2,7 @@ import { FocusEvent, ChangeEvent, MouseEvent } from "react";
|
|
|
2
2
|
interface InputProps {
|
|
3
3
|
name?: string;
|
|
4
4
|
id?: string;
|
|
5
|
-
value?: string;
|
|
5
|
+
value?: string | number;
|
|
6
6
|
extraClass?: string;
|
|
7
7
|
placeholder?: string;
|
|
8
8
|
error?: boolean;
|
|
@@ -11,6 +11,8 @@ interface InputProps {
|
|
|
11
11
|
autoComplete?: boolean;
|
|
12
12
|
required?: boolean;
|
|
13
13
|
ariaLabel?: string;
|
|
14
|
+
min?: string;
|
|
15
|
+
max?: string;
|
|
14
16
|
minLength?: number;
|
|
15
17
|
maxLength?: number;
|
|
16
18
|
ariaLabeledby?: string;
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import MultiSelectFieldItemProps from "./MultiSelectFieldItemProps.tsx";
|
|
2
|
+
declare const MultiSelectFieldItem: (props: MultiSelectFieldItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
3
|
export default MultiSelectFieldItem;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface MultiSelectFieldItemProps {
|
|
3
|
+
id?: number | string;
|
|
4
|
+
label?: string;
|
|
5
|
+
value?: string | number;
|
|
6
|
+
handleSelect: (e: React.MouseEvent, value: string | number | undefined) => void;
|
|
7
|
+
onMouseEnter?: () => void;
|
|
8
|
+
isSelected?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export default MultiSelectFieldItemProps;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { MouseEvent, FocusEvent } from "react";
|
|
2
|
+
interface SelectOption {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string | number;
|
|
5
|
+
}
|
|
6
|
+
interface MultiSelectFieldProps {
|
|
7
|
+
name?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
value: SelectOption[];
|
|
10
|
+
options: SelectOption[];
|
|
11
|
+
extraClass?: string;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
error?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
readonly?: boolean;
|
|
16
|
+
autoComplete?: boolean;
|
|
17
|
+
minLength?: number;
|
|
18
|
+
maxLength?: number;
|
|
19
|
+
required?: boolean;
|
|
20
|
+
ariaLabel?: string;
|
|
21
|
+
ariaLabeledby?: string;
|
|
22
|
+
ariaDescribedby?: string;
|
|
23
|
+
onClick?: (e: MouseEvent) => void;
|
|
24
|
+
onChange: (value: SelectOption[]) => void;
|
|
25
|
+
onFocus?: (e: FocusEvent) => void;
|
|
26
|
+
onBlur?: (e: FocusEvent) => void;
|
|
27
|
+
}
|
|
28
|
+
export type { SelectOption };
|
|
29
|
+
export default MultiSelectFieldProps;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import NumberField from "././NumberField.tsx";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./NumberFieldProps.tsx").default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof NumberField>;
|
|
13
|
+
export declare const Example: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import PhoneField from "./PhoneField.tsx";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("../InputProps.tsx").default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof PhoneField>;
|
|
13
|
+
export declare const Example: Story;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react';
|
|
2
|
+
import RichTextEditor from "./RichTextEditor";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./RichTextEditorProps").default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
docs: {
|
|
9
|
+
description: {
|
|
10
|
+
component: string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
tags: string[];
|
|
15
|
+
};
|
|
16
|
+
export default meta;
|
|
17
|
+
type Story = StoryObj<typeof RichTextEditor>;
|
|
18
|
+
export declare const Example: Story;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
interface RichTextEditorProps {
|
|
2
|
+
name?: string;
|
|
3
|
+
id?: string;
|
|
4
|
+
value?: string;
|
|
5
|
+
extraClass?: string;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
error?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
readonly?: boolean;
|
|
10
|
+
autoComplete?: boolean;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
ariaLabel?: string;
|
|
13
|
+
ariaLabeledby?: string;
|
|
14
|
+
ariaDescribedby?: string;
|
|
15
|
+
rows?: number;
|
|
16
|
+
displayChars?: boolean;
|
|
17
|
+
onClick?: (e: any) => void;
|
|
18
|
+
onChange?: (value: string) => void;
|
|
19
|
+
onFocus?: (e: any) => void;
|
|
20
|
+
onBlur?: (e: any) => void;
|
|
21
|
+
}
|
|
22
|
+
export default RichTextEditorProps;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { MouseEvent, FocusEvent } from "react";
|
|
2
|
+
interface NameValueInterface {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string | number;
|
|
5
|
+
}
|
|
6
|
+
interface TypableDropdownFieldProps {
|
|
7
|
+
name?: string;
|
|
8
|
+
id?: string;
|
|
9
|
+
value?: string | number | undefined;
|
|
10
|
+
options: NameValueInterface[] | string[];
|
|
11
|
+
extraClass?: string;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
error?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
readonly?: boolean;
|
|
16
|
+
autoComplete?: boolean;
|
|
17
|
+
required?: boolean;
|
|
18
|
+
ariaLabel?: string;
|
|
19
|
+
minLength?: number;
|
|
20
|
+
maxLength?: number;
|
|
21
|
+
ariaLabeledby?: string;
|
|
22
|
+
creatable: boolean;
|
|
23
|
+
onClick?: (e: MouseEvent) => void;
|
|
24
|
+
onChange?: (e: MouseEvent, value: string | number) => void;
|
|
25
|
+
onFocus?: (e: FocusEvent) => void;
|
|
26
|
+
onBlur?: (e: FocusEvent) => void;
|
|
27
|
+
}
|
|
28
|
+
export type { NameValueInterface };
|
|
29
|
+
export default TypableDropdownFieldProps;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { StoryObj } from "@storybook/react";
|
|
2
|
+
import UnitField from "./UnitField";
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import("./UnitFieldProps").default) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: string;
|
|
8
|
+
};
|
|
9
|
+
tags: string[];
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof UnitField>;
|
|
13
|
+
export declare const Example: Story;
|
|
@@ -32,15 +32,25 @@ export type { default as IconButtonProps } from './IconButton/IconButtonProps';
|
|
|
32
32
|
export { default as MultiSelectField } from './MultiSelectField/MultiSelectField';
|
|
33
33
|
export { default as MultiSelectFieldItem } from './MultiSelectField/MultiSelectFieldItem';
|
|
34
34
|
export { default as MultiSelectFieldTag } from './MultiSelectField/MultiSelectFieldTag';
|
|
35
|
+
export type { default as MultiSelectFieldTagProps } from './MultiSelectField/MultiSelectFieldTagProps.tsx';
|
|
36
|
+
export type { default as MultiSelectFieldProps } from './MultiSelectField/MultiSelectFieldProps.tsx';
|
|
37
|
+
export type { default as MultiSelectFieldItemProps } from './MultiSelectField/MultiSelectFieldItemProps.tsx';
|
|
35
38
|
export { default as PasswordField } from './PasswordField/PasswordField';
|
|
36
39
|
export { default as RadioButton } from './RadioButtons/RadioButton';
|
|
37
40
|
export { default as RadioButtons } from './RadioButtons/RadioButtons';
|
|
38
41
|
export type { default as RadioButtonProps } from './RadioButtons/RadioButtonProps';
|
|
39
42
|
export type { default as RadioButtonsProps } from './RadioButtons/RadioButtonsProps';
|
|
43
|
+
export { default as RichTextEditor } from './RichTextEditor/RichTextEditor';
|
|
44
|
+
export type { default as RichTextEditorProps } from './RichTextEditor/RichTextEditorProps';
|
|
40
45
|
export { default as Textarea } from './Textarea/Textarea';
|
|
41
46
|
export type { default as TextareaProps } from './Textarea/TextareaProps';
|
|
42
47
|
export { default as TextField } from './TextField/TextField';
|
|
43
48
|
export type { default as TextFieldProps } from './TextField/TextFieldProps';
|
|
49
|
+
export { default as NumberField } from './NumberField/NumberField.tsx';
|
|
50
|
+
export type { default as NumberFieldProps } from './NumberField/NumberFieldProps.tsx';
|
|
51
|
+
export { default as UnitField } from './UnitInput/UnitField.tsx';
|
|
52
|
+
export type { default as UnitFieldProps } from './UnitInput/UnitField.tsx';
|
|
44
53
|
export { default as TimeField } from './TimeField/TimeField';
|
|
54
|
+
export { default as PhoneField } from './PhoneField/PhoneField.tsx';
|
|
45
55
|
export { default as ToggleSwitch } from './ToggleSwitch/ToggleSwitch';
|
|
46
56
|
export type { default as ToggleSwitchProps } from './ToggleSwitch/ToggleSwitchProps';
|