@luscii-healthtech/web-ui 2.44.5 → 2.45.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +18 -0
- package/dist/components/Icon/Icon.d.ts +6 -0
- package/dist/components/Icon/index.d.ts +1 -0
- package/dist/components/Icons/types/IconProps.type.d.ts +2 -0
- package/dist/index.d.ts +2 -1
- package/dist/web-ui.cjs.development.js +55 -0
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.js +55 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +7 -1
package/README.md
CHANGED
|
@@ -80,3 +80,21 @@ We have configured at lot of magic for your convenience.
|
|
|
80
80
|
1. Draft a github release
|
|
81
81
|
2. Version bump of the package
|
|
82
82
|
3. Publish new package to NPM
|
|
83
|
+
|
|
84
|
+
---
|
|
85
|
+
|
|
86
|
+
## IE11
|
|
87
|
+
|
|
88
|
+
This package includes [dnd-kit](https://dndkit.com) as a peer dependency. The bundle of dnd-kit contains syntax which isn't compatible with IE11, therefore any application needing to support IE11 has to transpile dnd-kit.
|
|
89
|
+
|
|
90
|
+
It should also at least include the following polyfills to make it work:
|
|
91
|
+
|
|
92
|
+
- [core-js](https://www.npmjs.com/package/core-js)
|
|
93
|
+
- [regenerator-runtime](https://www.npmjs.com/package/regenerator-runtime)
|
|
94
|
+
- [smoothscroll-polyfill](https://www.npmjs.com/package/smoothscroll-polyfill)
|
|
95
|
+
|
|
96
|
+
Optional:
|
|
97
|
+
|
|
98
|
+
- [web-animations-js](https://www.npmjs.com/package/web-animations-js)
|
|
99
|
+
|
|
100
|
+
This isn't necessary if the [drop animation is disabled](https://github.com/clauderic/dnd-kit/issues/705#issuecomment-1103056336). Check out [this ticket](https://github.com/clauderic/dnd-kit/issues/271) for more information on IE11.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Icon } from "./Icon";
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import * as Icons from "../index";
|
|
2
3
|
export interface IconProps {
|
|
3
4
|
className?: string;
|
|
4
5
|
onClick?: (event: React.MouseEvent<SVGSVGElement> | undefined) => void;
|
|
5
6
|
"data-test-id"?: string;
|
|
6
7
|
}
|
|
8
|
+
export declare type IconKey = keyof typeof Icons;
|
package/dist/index.d.ts
CHANGED
|
@@ -73,7 +73,8 @@ export { default as Text } from "./components/Text/Text";
|
|
|
73
73
|
export { SearchInput, SearchInputProps } from "./components/Input/SearchInput";
|
|
74
74
|
export { GenericForm, Form } from "./components/Form/Form";
|
|
75
75
|
export { GenericFormProps, FormProps } from "./components/Form/form.types";
|
|
76
|
-
export {
|
|
76
|
+
export { Icon } from "./components/Icon";
|
|
77
|
+
export type { IconProps, IconKey, } from "./components/Icons/types/IconProps.type";
|
|
77
78
|
export * from "./components/Icons";
|
|
78
79
|
export { Divider } from "./components/Divider/Divider";
|
|
79
80
|
export { FullPageModal } from "./components/Modal/FullPageModal";
|
|
@@ -7821,6 +7821,60 @@ var StatusColoredIcon = function StatusColoredIcon(props) {
|
|
|
7821
7821
|
}));
|
|
7822
7822
|
};
|
|
7823
7823
|
|
|
7824
|
+
|
|
7825
|
+
|
|
7826
|
+
var Icons = {
|
|
7827
|
+
__proto__: null,
|
|
7828
|
+
AddIcon: AddIcon,
|
|
7829
|
+
AlertsIcon: AlertsIcon,
|
|
7830
|
+
BellIcon: BellIcon,
|
|
7831
|
+
ChartIcon: ChartIcon,
|
|
7832
|
+
ChartLineColoredIcon: ChartLineColoredIcon,
|
|
7833
|
+
ChatBoxIcon: ChatBoxIcon,
|
|
7834
|
+
CheckIcon: CheckIcon,
|
|
7835
|
+
ChevronDoubleIcon: ChevronDoubleIcon,
|
|
7836
|
+
CrossIcon: CrossIcon,
|
|
7837
|
+
DeleteIcon: DeleteIcon,
|
|
7838
|
+
DownArrowIcon: DownArrowIcon,
|
|
7839
|
+
DragIcon: DragIcon,
|
|
7840
|
+
EditIcon: EditIcon,
|
|
7841
|
+
EmptyStateDashboardIcon: EmptyStateDashboardIcon,
|
|
7842
|
+
ExclamationMarkIcon: ExclamationMarkIcon,
|
|
7843
|
+
EyeIcon: EyeIcon,
|
|
7844
|
+
GearIcon: GearIcon,
|
|
7845
|
+
GearColoredIcon: GearColoredIcon,
|
|
7846
|
+
GroupIcon: GroupIcon,
|
|
7847
|
+
GroupColoredIcon: GroupColoredIcon,
|
|
7848
|
+
HeartIcon: HeartIcon,
|
|
7849
|
+
LeftArrowIcon: LeftArrowIcon,
|
|
7850
|
+
LinkIcon: LinkIcon,
|
|
7851
|
+
LightBulbIcon: LightBulbIcon,
|
|
7852
|
+
LockIcon: LockIcon,
|
|
7853
|
+
MessagesIcon: MessagesIcon,
|
|
7854
|
+
NotesIcon: NotesIcon,
|
|
7855
|
+
PinIcon: PinIcon,
|
|
7856
|
+
PrintIcon: PrintIcon,
|
|
7857
|
+
RightArrowIcon: RightArrowIcon,
|
|
7858
|
+
SmallCircleIcon: SmallCircleIcon,
|
|
7859
|
+
SmallDiamondIcon: SmallDiamondIcon,
|
|
7860
|
+
SmallSquareIcon: SmallSquareIcon,
|
|
7861
|
+
SpaceRocketIcon: SpaceRocketIcon,
|
|
7862
|
+
StarIcon: StarIcon,
|
|
7863
|
+
HamburgerIcon: HamburgerIcon,
|
|
7864
|
+
SearchIcon: SearchIcon,
|
|
7865
|
+
SearchCancelIcon: SearchCancelIcon,
|
|
7866
|
+
InfoIcon: InfoIcon,
|
|
7867
|
+
StatusColoredIcon: StatusColoredIcon
|
|
7868
|
+
};
|
|
7869
|
+
|
|
7870
|
+
var _excluded$r = ["name"];
|
|
7871
|
+
var Icon = function Icon(_ref) {
|
|
7872
|
+
var name = _ref.name,
|
|
7873
|
+
iconProps = _objectWithoutPropertiesLoose(_ref, _excluded$r);
|
|
7874
|
+
|
|
7875
|
+
return /*#__PURE__*/React__default.createElement(Icons[name], iconProps);
|
|
7876
|
+
};
|
|
7877
|
+
|
|
7824
7878
|
var FullPageModalHeader = function FullPageModalHeader(_ref) {
|
|
7825
7879
|
var primaryButtonProps = _ref.primaryButtonProps,
|
|
7826
7880
|
title = _ref.title;
|
|
@@ -7925,6 +7979,7 @@ exports.GroupIcon = GroupIcon;
|
|
|
7925
7979
|
exports.HamburgerIcon = HamburgerIcon;
|
|
7926
7980
|
exports.HeartIcon = HeartIcon;
|
|
7927
7981
|
exports.INPUT_TYPES = INPUT_TYPES;
|
|
7982
|
+
exports.Icon = Icon;
|
|
7928
7983
|
exports.ImagePicker = ImagePicker;
|
|
7929
7984
|
exports.InfoBlock = InfoBlock;
|
|
7930
7985
|
exports.InfoField = InfoField;
|