@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 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,6 @@
1
+ import React from "react";
2
+ import { IconProps, IconKey } from "../Icons/types/IconProps.type";
3
+ export declare const Icon: React.FC<{
4
+ name: IconKey;
5
+ } & IconProps>;
6
+ export default Icon;
@@ -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 { IconProps } from "./components/Icons/types/IconProps.type";
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;