@luscii-healthtech/web-ui 35.14.1 → 35.14.3

package/dist/components/Icons/ImageLibraryIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from "./types/IconProps.type";
+declare const _default: (props: IconProps) => JSX.Element;
+export default _default;

package/dist/components/Icons/UploadIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from "./types/IconProps.type";
+declare const _default: (props: IconProps) => JSX.Element;
+export default _default;

package/dist/components/Icons/VideoIcon.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IconProps } from "./types/IconProps.type";
+declare const _default: (props: IconProps) => JSX.Element;
+export default _default;

package/dist/components/Icons/index.d.ts

@@ -54,6 +54,7 @@ export { default as HeartMinusIcon } from "./HeartMinusIcon";
 export { default as HomeIcon } from "./HomeIcon";
 export { default as IdBadgeIcon } from "./IdBadgeIcon";
 export { default as ImageIcon } from "./ImageIcon";
+export { default as ImageLibraryIcon } from "./ImageLibraryIcon";
 export { default as InfoIcon } from "./InfoIcon";
 export { default as LifebuoyIcon } from "./LifebuoyIcon";
 export { default as LightBulbIcon } from "./LightBulbIcon";
@@ -94,6 +95,8 @@ export { default as TadaIcon } from "./TadaIcon";
 export { default as TrashBinIcon } from "./TrashBinIcon";
 export { default as TreeIcon } from "./TreeIcon";
 export { default as UnassignedIcon } from "./UnassignedIcon";
+export { default as UploadIcon } from "./UploadIcon";
+export { default as VideoIcon } from "./VideoIcon";
 /**
  * These exports are to ensure backwards compatibility with the
  * old icon names, until we are ready to make the breaking change

package/dist/components/Input/StyledInput.d.ts

@@ -4,7 +4,7 @@ import { FormFieldSize } from "../../types/general.types";
 export declare const StyledInput: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "width"> & {
     suffix?: string | undefined;
     prefix?: string | undefined;
-    icon?: "AbsentIcon" | "AlarmClockIcon" | "AmberAlertIcon" | "ArrowForward" | "AssignedIcon" | "BellIconSlashed" | "BellIcon" | "BluetoothIcon" | "BrushIcon" | "CakeIcon" | "CalendarDayIcon" | "CalendarMonthIcon" | "CalendarRepeatIcon" | "ChartBarsIcon" | "ChartLineAndBarsIcon" | "ChatBubbleIcon" | "ChatBubbleWithTextIcon" | "CheckIcon" | "ChevronDoubleIcon" | "ChevronDownIcon" | "ChevronLeftIcon" | "ChevronRightIcon" | "ClockIcon" | "CogwheelIcon" | "CopyToClipboardIcon" | "CrossIcon" | "CrossInCircleIcon" | "CrossInFilledCircleIcon" | "DatabaseIcon" | "DownloadIcon" | "DragIndicatorIcon" | "EarthIcon" | "EmailIcon" | "EmptyIcon" | "ExclamationMarkIcon" | "ExportIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeOpenIcon" | "FilterIcon" | "FireIcon" | "FirstAidKitIcon" | "FlagIcon" | "FolderIcon" | "ForwardIcon" | "GrayAlertIcon" | "GroupIcon" | "GroupOfThreeIcon" | "HamburgerIcon" | "HandshakeIcon" | "HeartIcon" | "HeartMinusIcon" | "HomeIcon" | "IdBadgeIcon" | "ImageIcon" | "InfoIcon" | "LifebuoyIcon" | "LightBulbIcon" | "LinkIcon" | "ListIcon" | "LockIcon" | "LogInIcon" | "LogOutIcon" | "MessageWithArrowIcon" | "MoreIcon" | "MouseIcon" | "NoteIcon" | "PageIcon" | "PageViewIcon" | "PaperclipIcon" | "PatientIcon" | "PencilIcon" | "PersonIcon" | "PhoneIcon" | "PieChartIcon" | "PinIcon" | "PlusIcon" | "PrinterIcon" | "RedAlertIcon" | "RobotIcon" | "RocketIcon" | "SearchIcon" | "ShareIcon" | "SmallArrowDownIcon" | "SmallArrowUpIcon" | "SmallCircleIcon" | "SmallDiamondIcon" | "SmallSquareIcon" | "SmallUpsideDownTriangleIcon" | "StarIcon" | "StopwatchIcon" | "TadaIcon" | "TrashBinIcon" | "TreeIcon" | "UnassignedIcon" | "AddIcon" | "AlertsIcon" | "ChartIcon" | "ChatBoxIcon" | "DeleteIcon" | "DragIcon" | "EditIcon" | "EyeIcon" | "EyeIconSlashed" | "GearIcon" | "MessagesIcon" | "NotesIcon" | "PrintIcon" | "SpaceRocketIcon" | "SettingsIcon" | "RightArrowIcon" | "DownArrowIcon" | "LeftArrowIcon" | "WarningIcon" | "ChartLineColoredIcon" | "FlagDeColoredIcon" | "FlagFrColoredIcon" | "FlagNlColoredIcon" | "FlagPtColoredIcon" | "FlagUkColoredIcon" | "GearColoredIcon" | "GroupColoredIcon" | "StatusColoredIcon" | React.FC<IconProps> | undefined;
+    icon?: "AbsentIcon" | "AlarmClockIcon" | "AmberAlertIcon" | "ArrowForward" | "AssignedIcon" | "BellIconSlashed" | "BellIcon" | "BluetoothIcon" | "BrushIcon" | "CakeIcon" | "CalendarDayIcon" | "CalendarMonthIcon" | "CalendarRepeatIcon" | "ChartBarsIcon" | "ChartLineAndBarsIcon" | "ChatBubbleIcon" | "ChatBubbleWithTextIcon" | "CheckIcon" | "ChevronDoubleIcon" | "ChevronDownIcon" | "ChevronLeftIcon" | "ChevronRightIcon" | "ClockIcon" | "CogwheelIcon" | "CopyToClipboardIcon" | "CrossIcon" | "CrossInCircleIcon" | "CrossInFilledCircleIcon" | "DatabaseIcon" | "DownloadIcon" | "DragIndicatorIcon" | "EarthIcon" | "EmailIcon" | "EmptyIcon" | "ExclamationMarkIcon" | "ExportIcon" | "ExternalLinkIcon" | "EyeClosedIcon" | "EyeOpenIcon" | "FilterIcon" | "FireIcon" | "FirstAidKitIcon" | "FlagIcon" | "FolderIcon" | "ForwardIcon" | "GrayAlertIcon" | "GroupIcon" | "GroupOfThreeIcon" | "HamburgerIcon" | "HandshakeIcon" | "HeartIcon" | "HeartMinusIcon" | "HomeIcon" | "IdBadgeIcon" | "ImageIcon" | "ImageLibraryIcon" | "InfoIcon" | "LifebuoyIcon" | "LightBulbIcon" | "LinkIcon" | "ListIcon" | "LockIcon" | "LogInIcon" | "LogOutIcon" | "MessageWithArrowIcon" | "MoreIcon" | "MouseIcon" | "NoteIcon" | "PageIcon" | "PageViewIcon" | "PaperclipIcon" | "PatientIcon" | "PencilIcon" | "PersonIcon" | "PhoneIcon" | "PieChartIcon" | "PinIcon" | "PlusIcon" | "PrinterIcon" | "RedAlertIcon" | "RobotIcon" | "RocketIcon" | "SearchIcon" | "ShareIcon" | "SmallArrowDownIcon" | "SmallArrowUpIcon" | "SmallCircleIcon" | "SmallDiamondIcon" | "SmallSquareIcon" | "SmallUpsideDownTriangleIcon" | "StarIcon" | "StopwatchIcon" | "TadaIcon" | "TrashBinIcon" | "TreeIcon" | "UnassignedIcon" | "UploadIcon" | "VideoIcon" | "AddIcon" | "AlertsIcon" | "ChartIcon" | "ChatBoxIcon" | "DeleteIcon" | "DragIcon" | "EditIcon" | "EyeIcon" | "EyeIconSlashed" | "GearIcon" | "MessagesIcon" | "NotesIcon" | "PrintIcon" | "SpaceRocketIcon" | "SettingsIcon" | "RightArrowIcon" | "DownArrowIcon" | "LeftArrowIcon" | "WarningIcon" | "ChartLineColoredIcon" | "FlagDeColoredIcon" | "FlagFrColoredIcon" | "FlagNlColoredIcon" | "FlagPtColoredIcon" | "FlagUkColoredIcon" | "GearColoredIcon" | "GroupColoredIcon" | "StatusColoredIcon" | React.FC<IconProps> | undefined;
     width?: FormFieldSize | [FormFieldSize, (FormFieldSize | undefined)?, (FormFieldSize | undefined)?, (FormFieldSize | undefined)?, (FormFieldSize | undefined)?] | undefined;
     isError?: boolean | undefined;
     isClearIconVisible?: boolean | undefined;

package/dist/index.development.js

@@ -911,6 +911,13 @@ const SvgImageIcon = (props) => React__namespace.default.createElement(
 );
 var ImageIcon = IconWrapper(SvgImageIcon);
 
+const SvgImageLibraryIcon = (props) => React__namespace.default.createElement(
+  "svg",
+  Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
+  React__namespace.default.createElement("path", { fill: "currentColor", d: "m12.942 12.808-1.207-1.5a.441.441 0 0 0-.357-.171.433.433 0 0 0-.357.18l-1.377 1.806c-.12.154-.14.313-.058.477a.424.424 0 0 0 .41.246h7.508a.424.424 0 0 0 .41-.246.427.427 0 0 0-.049-.477l-2.184-2.886a.438.438 0 0 0-.362-.181.437.437 0 0 0-.361.18l-2.016 2.572ZM8.058 17.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V4.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h11.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v11.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H8.058Zm0-1.5h11.384a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V4.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H8.058a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v11.384c0 .077.032.148.096.212a.294.294 0 0 0 .212.096Zm-3.5 5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V7.058c0-.213.072-.391.216-.535a.726.726 0 0 1 .534-.215.73.73 0 0 1 .535.215.727.727 0 0 1 .215.535v12.134c0 .077.032.148.096.212a.294.294 0 0 0 .212.096h12.134a.73.73 0 0 1 .535.215.726.726 0 0 1 .215.535.726.726 0 0 1-.215.535.726.726 0 0 1-.535.215H4.558Z" })
+);
+var ImageLibraryIcon = IconWrapper(SvgImageLibraryIcon);
+
 const SvgInfoIcon = (props) => React__namespace.default.createElement(
   "svg",
   Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
@@ -1194,6 +1201,20 @@ const SvgUnassignedIcon = (props) => React__namespace.default.createElement(
 );
 var UnassignedIcon = IconWrapper(SvgUnassignedIcon);
 
+const SvgUploadIcon = (props) => React__namespace.default.createElement(
+  "svg",
+  Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
+  React__namespace.default.createElement("path", { fill: "currentColor", d: "m11.25 12.215-1.333 1.318a.692.692 0 0 1-.513.207.726.726 0 0 1-.531-.223.683.683 0 0 1-.212-.526.732.732 0 0 1 .212-.527l2.494-2.495A.867.867 0 0 1 12 9.698c.241 0 .452.09.633.271l2.494 2.495a.749.749 0 0 1 .22.518.681.681 0 0 1-.22.536.715.715 0 0 1-.52.21.746.746 0 0 1-.534-.205l-1.323-1.308v5.477c0 .077.032.148.096.212a.294.294 0 0 0 .212.096H18.5c.7 0 1.292-.242 1.775-.725.483-.483.725-1.075.725-1.775s-.242-1.292-.725-1.775C19.792 13.242 19.2 13 18.5 13H17v-2c0-1.383-.488-2.563-1.463-3.537C14.563 6.487 13.383 6 12 6s-2.563.487-3.537 1.463C7.488 8.437 7 9.617 7 11h-.52c-.947 0-1.764.342-2.45 1.025A3.364 3.364 0 0 0 3 14.5c0 .967.342 1.792 1.025 2.475A3.372 3.372 0 0 0 6.5 18h1.75c.213 0 .39.072.534.216A.726.726 0 0 1 9 18.75a.726.726 0 0 1-.216.535.726.726 0 0 1-.534.215H6.5c-1.382 0-2.56-.48-3.537-1.438-.975-.96-1.463-2.13-1.463-3.516 0-1.242.4-2.335 1.199-3.278.8-.943 1.79-1.501 2.974-1.676.32-1.495 1.072-2.717 2.255-3.667C9.111 4.975 10.468 4.5 12 4.5c1.81 0 3.347.63 4.608 1.892C17.869 7.653 18.5 9.189 18.5 11v.5h.308c1.054.082 1.932.506 2.636 1.271.704.766 1.056 1.675 1.056 2.729 0 1.115-.385 2.06-1.154 2.837-.77.775-1.711 1.163-2.827 1.163h-5.461c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283v-5.477Z" })
+);
+var UploadIcon = IconWrapper(SvgUploadIcon);
+
+const SvgVideoIcon = (props) => React__namespace.default.createElement(
+  "svg",
+  Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 24, height: 24, fill: "none", viewBox: "0 0 24 24" }, props),
+  React__namespace.default.createElement("path", { fill: "currentColor", d: "m10.794 15.365 4.356-2.798a.637.637 0 0 0 .321-.566.642.642 0 0 0-.321-.568l-4.356-2.798a.616.616 0 0 0-.69-.037.643.643 0 0 0-.354.604v5.596c0 .274.118.475.354.604.236.13.466.117.69-.037Zm1.208 6.135a9.254 9.254 0 0 1-3.706-.748 9.596 9.596 0 0 1-3.016-2.03 9.595 9.595 0 0 1-2.032-3.016 9.246 9.246 0 0 1-.748-3.704c0-1.314.25-2.55.748-3.706a9.596 9.596 0 0 1 2.03-3.016 9.594 9.594 0 0 1 3.016-2.032 9.246 9.246 0 0 1 3.704-.748c1.314 0 2.55.25 3.706.748a9.596 9.596 0 0 1 3.017 2.03 9.594 9.594 0 0 1 2.03 3.016 9.247 9.247 0 0 1 .749 3.704 9.27 9.27 0 0 1-.748 3.706 9.596 9.596 0 0 1-2.03 3.017 9.595 9.595 0 0 1-3.016 2.03 9.247 9.247 0 0 1-3.704.749ZM12 20c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z" })
+);
+var VideoIcon = IconWrapper(SvgVideoIcon);
+
 var Icons = /*#__PURE__*/Object.freeze({
     __proto__: null,
     AbsentIcon: AbsentIcon,
@@ -1270,6 +1291,7 @@ var Icons = /*#__PURE__*/Object.freeze({
     HomeIcon: HomeIcon,
     IdBadgeIcon: IdBadgeIcon,
     ImageIcon: ImageIcon,
+    ImageLibraryIcon: ImageLibraryIcon,
     InfoIcon: InfoIcon,
     LeftArrowIcon: LeftArrowIcon,
     LifebuoyIcon: LifebuoyIcon,
@@ -1318,6 +1340,8 @@ var Icons = /*#__PURE__*/Object.freeze({
     TrashBinIcon: TrashBinIcon,
     TreeIcon: TreeIcon,
     UnassignedIcon: UnassignedIcon,
+    UploadIcon: UploadIcon,
+    VideoIcon: VideoIcon,
     WarningIcon: ExclamationMarkIcon
 });
 
@@ -6547,7 +6571,7 @@ const FiltersMenus = (props) => {
               React__namespace.default.createElement("form", { className: "ui-max-h-120 ui-overflow-y-auto" }, categorizedFilter.options.map((option) => React__namespace.default.createElement(
                 "label",
                 { key: `${option.id}`, className: classNames__default.default("first-of-type:ui-rounded-t-2xl", "last-of-type:ui-rounded-b-2xl", "ui-flex ui-items-center ui-p-3", "ui-transition-colors ui-duration-300 ui-ease-in-out hover:ui-bg-blue-50"), htmlFor: `filter-${option.id}` },
-                React__namespace.default.createElement("input", { id: `filter-${option.id}`, name: `${option.value}`, defaultValue: option.value, type: "checkbox", checked: option.isChecked, onChange: () => {
+                React__namespace.default.createElement("input", { id: `filter-${option.id}`, name: `${option.value}`, defaultValue: option.value, type: "checkbox", defaultChecked: option.isChecked, onChange: () => {
                   props.onFilterOptionChange({
                     changedFilterOption: Object.assign(Object.assign({}, option), { isChecked: !option.isChecked })
                   });
@@ -7325,6 +7349,7 @@ exports.Icon = Icon;
 exports.IdBadgeIcon = IdBadgeIcon;
 exports.Image = Image$2;
 exports.ImageIcon = ImageIcon;
+exports.ImageLibraryIcon = ImageLibraryIcon;
 exports.InfoField = InfoField;
 exports.InfoIcon = InfoIcon;
 exports.Input = Input;
@@ -7432,7 +7457,9 @@ exports.TreeIcon = TreeIcon;
 exports.UList = UnorderedList;
 exports.UnassignedIcon = UnassignedIcon;
 exports.UnorderedList = UnorderedList;
+exports.UploadIcon = UploadIcon;
 exports.VerticalMenu = VerticalMenu;
+exports.VideoIcon = VideoIcon;
 exports.WarningIcon = ExclamationMarkIcon;
 exports.WeekdaysPicker = WeekdaysPicker;
 exports.getDndListItemProps = getDndListItemProps;