@hellobetterdigitalnz/betterui 0.0.3-4 → 0.0.3-40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Components/BetterUIProvider/BetterUIContext.d.ts +10 -0
- package/dist/Components/BetterUIProvider/BetterUIProvider.d.ts +6 -0
- package/dist/Components/BetterUIProvider/index.d.ts +2 -0
- package/dist/Components/DataDisplay/Accordion/AccordionItemProps.d.ts +1 -0
- package/dist/Components/DataDisplay/Modal/ModalActions.d.ts +2 -1
- package/dist/Components/DataDisplay/Modal/ModalActionsLeft.d.ts +2 -1
- package/dist/Components/DataDisplay/Modal/ModalActionsLeftProps.d.ts +6 -0
- package/dist/Components/DataDisplay/Modal/ModalActionsProps.d.ts +6 -0
- package/dist/Components/DataDisplay/Modal/ModalActionsRight.d.ts +2 -1
- package/dist/Components/DataDisplay/Modal/ModalActionsRightProps.d.ts +6 -0
- package/dist/Components/DataDisplay/Modal/ModalBodyProps.d.ts +1 -0
- package/dist/Components/DataDisplay/Modal/ModalCurtain.d.ts +1 -1
- package/dist/Components/DataDisplay/Modal/ModalHeaderProps.d.ts +1 -1
- package/dist/Components/DataDisplay/NotificationsPanel/NotificationProps.d.ts +1 -1
- package/dist/Components/DataDisplay/Table/TableFooter.d.ts +2 -1
- package/dist/Components/DataDisplay/Table/TableFooterProps.d.ts +6 -0
- package/dist/Components/DataDisplay/index.d.ts +3 -0
- package/dist/Components/Form/Checkbox/CheckboxProps.d.ts +1 -0
- package/dist/Components/Form/DropdownBadge/DropdownBadgeProps.d.ts +3 -3
- package/dist/Components/Form/MultiSelectField/MultiSelectField.d.ts +8 -1
- package/dist/Components/Form/MultiSelectField/MultiSelectFieldItem.d.ts +10 -1
- package/dist/Components/Form/MultiSelectField/MultiSelectFieldTag.d.ts +9 -1
- 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 +6 -0
- package/dist/Components/Form/RadioButtons/RadioButtonProps.d.ts +1 -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 +7 -1
- 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/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/MapAndTravel/Globe/Globe.d.ts +3 -0
- package/dist/Components/Icons/MapAndTravel/HouseSimple/HouseSimple.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/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/User/User.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/CheckSquare/CheckSquare.d.ts +3 -0
- package/dist/Components/Icons/SystemAndDevice/DotSixVertical/DotSixVertical.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/index.d.ts +29 -0
- package/dist/Components/Layout/CalloutPopup/CalloutPopup.d.ts +2 -1
- package/dist/Components/Layout/CalloutPopup/CalloutPopupActionHolder.d.ts +3 -0
- package/dist/Components/Layout/CalloutPopup/CalloutPopupActionHolderProps.d.ts +6 -0
- package/dist/Components/Layout/CalloutPopup/CalloutPopupProps.d.ts +6 -0
- package/dist/Components/Layout/Sidebar/SidebarChevronProps.d.ts +2 -1
- package/dist/Components/Layout/Sidebar/SidebarSubNavigation.d.ts +2 -2
- package/dist/Components/Layout/Sidebar/SidebarSubNavigationProps.d.ts +1 -0
- package/dist/Components/Layout/index.d.ts +1 -0
- package/dist/index.cjs.js +2 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.es.js +3082 -1461
- package/dist/index.es.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface BetterUIContextType {
|
|
3
|
+
curtain: boolean;
|
|
4
|
+
modal?: React.ReactNode;
|
|
5
|
+
openModal: (modal: React.ReactNode) => void;
|
|
6
|
+
closeModal: () => void;
|
|
7
|
+
setCurtain: (value: boolean) => void;
|
|
8
|
+
}
|
|
9
|
+
declare const BetterUIContext: import("react").Context<BetterUIContextType>;
|
|
10
|
+
export default BetterUIContext;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const ModalCurtain: () =>
|
|
1
|
+
declare const ModalCurtain: () => import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
export default ModalCurtain;
|
|
@@ -24,6 +24,9 @@ export { default as ModalHeader } from './Modal/ModalHeader';
|
|
|
24
24
|
export type { default as ModalProps } from './Modal/ModalProps';
|
|
25
25
|
export type { default as ModalHeaderProps } from './Modal/ModalHeaderProps';
|
|
26
26
|
export type { default as ModalBodyProps } from './Modal/ModalBodyProps';
|
|
27
|
+
export type { default as ModalActionsProps } from './Modal/ModalActionsProps.tsx';
|
|
28
|
+
export type { default as ModalActionsRightProps } from './Modal/ModalActionsRightProps.tsx';
|
|
29
|
+
export type { default as ModalActionsLeftProps } from './Modal/ModalActionsLeftProps.tsx';
|
|
27
30
|
export { default as NotificationsBell } from './NotificationsBell/NotificationsBell';
|
|
28
31
|
export type { default as NotificationsBellProps } from './NotificationsBell/NotificationsBellProps';
|
|
29
32
|
export { default as Notification } from './NotificationsPanel/Notification';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MouseEvent, FocusEvent } from "react";
|
|
2
|
-
interface
|
|
2
|
+
interface BadgeNameValueInterface {
|
|
3
3
|
label: string;
|
|
4
4
|
status?: "pending" | "inProgress" | "complete" | undefined;
|
|
5
5
|
value: string | number;
|
|
@@ -8,7 +8,7 @@ interface DropdownBadgeProps {
|
|
|
8
8
|
name?: string;
|
|
9
9
|
id?: string;
|
|
10
10
|
value?: string;
|
|
11
|
-
options: (
|
|
11
|
+
options: (BadgeNameValueInterface | string)[];
|
|
12
12
|
status?: "pending" | "inProgress" | "complete" | undefined;
|
|
13
13
|
extraClass?: string;
|
|
14
14
|
disabled?: boolean;
|
|
@@ -23,5 +23,5 @@ interface DropdownBadgeProps {
|
|
|
23
23
|
onFocus?: (e: FocusEvent) => void;
|
|
24
24
|
onBlur?: (e: FocusEvent) => void;
|
|
25
25
|
}
|
|
26
|
-
export type {
|
|
26
|
+
export type { BadgeNameValueInterface };
|
|
27
27
|
export default DropdownBadgeProps;
|
|
@@ -1,2 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface MultiSelectFieldItemProps {
|
|
3
|
+
item: {
|
|
4
|
+
id: number;
|
|
5
|
+
label: string;
|
|
6
|
+
};
|
|
7
|
+
onClick: () => void;
|
|
8
|
+
isSelected: boolean;
|
|
9
|
+
}
|
|
10
|
+
declare const MultiSelectFieldItem: React.FC<MultiSelectFieldItemProps>;
|
|
2
11
|
export default MultiSelectFieldItem;
|
|
@@ -1,2 +1,10 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface MultiSelectFieldTagProps {
|
|
3
|
+
item: {
|
|
4
|
+
id: number;
|
|
5
|
+
label: string;
|
|
6
|
+
};
|
|
7
|
+
onRemove: () => void;
|
|
8
|
+
}
|
|
9
|
+
declare const MultiSelectFieldTag: React.FC<MultiSelectFieldTagProps>;
|
|
2
10
|
export default MultiSelectFieldTag;
|
|
@@ -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 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;
|
|
@@ -3,9 +3,11 @@ export { default as Button } from './Button/Button';
|
|
|
3
3
|
export type { default as ButtonProps } from './Button/ButtonProps';
|
|
4
4
|
export { default as Checkbox } from './Checkbox/Checkbox';
|
|
5
5
|
export type { default as CheckboxProps } from './Checkbox/CheckboxProps';
|
|
6
|
+
export { default as CheckboxSet } from './CheckboxSet/CheckboxSet.tsx';
|
|
7
|
+
export { default as CheckboxSetItem } from './CheckboxSet/CheckboxSetItem.tsx';
|
|
8
|
+
export type { default as CheckboxSetProps } from './CheckboxSet/CheckboxSetProps.tsx';
|
|
6
9
|
export { default as CheckboxSelect } from './CheckboxSelect/CheckboxSelect';
|
|
7
10
|
export { default as CheckboxSelectItem } from './CheckboxSelect/CheckboxSelectItem';
|
|
8
|
-
export type { default as CheckboxSetProps } from './CheckboxSet/CheckboxSetProps';
|
|
9
11
|
export { default as CurrencyField } from './CurrencyField/CurrencyField';
|
|
10
12
|
export type { default as CurrencyFieldProps } from './CurrencyField/CurrencyFieldProps';
|
|
11
13
|
export { default as DateField } from './DateField/DateField';
|
|
@@ -39,6 +41,10 @@ export { default as Textarea } from './Textarea/Textarea';
|
|
|
39
41
|
export type { default as TextareaProps } from './Textarea/TextareaProps';
|
|
40
42
|
export { default as TextField } from './TextField/TextField';
|
|
41
43
|
export type { default as TextFieldProps } from './TextField/TextFieldProps';
|
|
44
|
+
export { default as NumberField } from './NumberField/NumberField.tsx';
|
|
45
|
+
export type { default as NumberFieldProps } from './NumberField/NumberFieldProps.tsx';
|
|
46
|
+
export { default as UnitField } from './UnitInput/UnitField.tsx';
|
|
47
|
+
export type { default as UnitFieldProps } from './UnitInput/UnitField.tsx';
|
|
42
48
|
export { default as TimeField } from './TimeField/TimeField';
|
|
43
49
|
export { default as ToggleSwitch } from './ToggleSwitch/ToggleSwitch';
|
|
44
50
|
export type { default as ToggleSwitchProps } from './ToggleSwitch/ToggleSwitchProps';
|
|
@@ -3,6 +3,9 @@ export { default as CaretDown } from './Arrows/CaretDown/CaretDown';
|
|
|
3
3
|
export { default as CaretUp } from './Arrows/CaretUp/CaretUp';
|
|
4
4
|
export { default as CaretRight } from './Arrows/CaretRight/CaretRight';
|
|
5
5
|
export { default as CaretLeft } from './Arrows/CaretLeft/CaretLeft';
|
|
6
|
+
export { default as CaretUpDown } from './Arrows/CaretUpDown/CaretUpDown.tsx';
|
|
7
|
+
export { default as ArrowsDownUp } from './Arrows/ArrowsDownUp/ArrowsDownUp.tsx';
|
|
8
|
+
export { default as ArrowsOutCardinal } from './Arrows/ArrowsOutCardinal/ArrowsOutCardinal.tsx';
|
|
6
9
|
export { default as WindowsLogo } from './Brands/WindowsLogo/WindowsLogo';
|
|
7
10
|
export { default as CurrencyDollarSimple } from './Commerce/CurrencyDollarSimple/CurrencyDollarSimple';
|
|
8
11
|
export { default as AddressBook } from './Communication/AddressBook/AddressBook';
|
|
@@ -10,11 +13,37 @@ export { default as Asterisk } from './Communication/Asterisk/Asterisk';
|
|
|
10
13
|
export { default as At } from './Communication/At/At';
|
|
11
14
|
export { default as Broadcast } from './Communication/Broadcast/Broadcast';
|
|
12
15
|
export { default as Chat } from './Communication/Chat/Chat';
|
|
16
|
+
export { default as Translate } from './Communication/Translate/Translate.tsx';
|
|
13
17
|
export { default as Eye } from './Design/Eye/Eye';
|
|
14
18
|
export { default as EyeSlash } from './Design/EyeSlash/EyeSlash';
|
|
19
|
+
export { default as PencilLine } from './Design/PencilLine/PencilLine.tsx';
|
|
20
|
+
export { default as PencilSimple } from './Design/PencilSimple/PencilSimple.tsx';
|
|
21
|
+
export { default as Ruler } from './Design/Ruler/Ruler.tsx';
|
|
22
|
+
export { default as BookOpenText } from './Education/BookOpenText/BookOpenText.tsx';
|
|
23
|
+
export { default as Globe } from './MapAndTravel/Globe/Globe.tsx';
|
|
24
|
+
export { default as HouseSimple } from './MapAndTravel/HouseSimple/HouseSimple.tsx';
|
|
15
25
|
export { default as XIcon } from './MathsAndFinance/XIcon/XIcon';
|
|
26
|
+
export { default as Plus } from './MathsAndFinance/Plus/Plus.tsx';
|
|
27
|
+
export { default as NumberSquareThree } from './MathsAndFinance/NumberSquareThree/NumberSquareThree.tsx';
|
|
28
|
+
export { default as ChartBar } from './MathsAndFinance/ChartBar/ChartBar.tsx';
|
|
29
|
+
export { default as ChartLine } from './MathsAndFinance/ChartLine/ChartLine.tsx';
|
|
30
|
+
export { default as ChartPie } from './MathsAndFinance/ChartPie/ChartPie.tsx';
|
|
31
|
+
export { default as ChartBarHorizontal } from './MathsAndFinance/ChartBarHorizontal/ChartBarHorizontal.tsx';
|
|
32
|
+
export { default as SildersHorizontal } from './Media/SlidersHorizontal/SlidersHorizontal.tsx';
|
|
33
|
+
export { default as TextAa } from './OfficeAndEditing/TextAa/TextAa.tsx';
|
|
34
|
+
export { default as TextColumns } from './OfficeAndEditing/TextColumns/TextColumns.tsx';
|
|
35
|
+
export { default as Folder } from './OfficeAndEditing/Folder/Folder.tsx';
|
|
36
|
+
export { default as ListBullets } from './OfficeAndEditing/ListBullets/ListBullets.tsx';
|
|
37
|
+
export { default as Printer } from './OfficeAndEditing/Printer/Printer.tsx';
|
|
38
|
+
export { default as User } from './People/User/User.tsx';
|
|
16
39
|
export { default as WarningCircle } from './SecurityAndWarnings/WarningCircle/WarningCircle';
|
|
17
40
|
export { default as Bell } from './SystemAndDevice/Bell/Bell';
|
|
18
41
|
export { default as MagnifyingGlass } from './SystemAndDevice/MagnifyingGlass/MagnifyingGlass';
|
|
42
|
+
export { default as DotsSixVertical } from './SystemAndDevice/DotSixVertical/DotSixVertical.tsx';
|
|
43
|
+
export { default as DotsThreeVertical } from './SystemAndDevice/DotsThreeVertical/DotsThreeVertical.tsx';
|
|
44
|
+
export { default as CheckSquare } from './SystemAndDevice/CheckSquare/CheckSquare.tsx';
|
|
45
|
+
export { default as RadioButtonIcon } from './SystemAndDevice/RadioButtonIcon/RadioButtonIcon.tsx';
|
|
46
|
+
export { default as Gear } from './SystemAndDevice/Gear/Gear.tsx';
|
|
47
|
+
export { default as DownloadSimple } from './SystemAndDevice/DownloadSimple/DownloadSimple.tsx';
|
|
19
48
|
export { default as CalendarBank } from './Time/CalendarBank/CalendarBank';
|
|
20
49
|
export { default as Clock } from './Time/Clock/Clock';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import sidebarSubNavigationProps from "./SidebarSubNavigationProps.tsx";
|
|
2
|
-
declare const
|
|
3
|
-
export default
|
|
2
|
+
declare const SidebarSubNavigation: (props: sidebarSubNavigationProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default SidebarSubNavigation;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export { default as CalloutPopup } from './CalloutPopup/CalloutPopup';
|
|
2
|
+
export { default as CalloutPopupActionHolder } from './CalloutPopup/CalloutPopupActionHolder.tsx';
|
|
2
3
|
export { default as Header } from './Header/Header';
|
|
3
4
|
export { default as HeaderLeft } from './Header/HeaderLeft';
|
|
4
5
|
export { default as HeaderRight } from './Header/HeaderRight';
|