@luscii-healthtech/web-ui 8.4.0 → 9.0.1

package/dist/components/CheckboxList/CheckboxGroup.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { CheckboxGroupProps } from "./CheckboxList.types";
-export declare const CheckboxGroup: ({ title, items, onChange, className, hasDividers, isCollapsed, collapsible, }: CheckboxGroupProps) => JSX.Element;
+export declare const CheckboxGroup: ({ title, items, onChange, className, isCollapsed, collapsible, }: CheckboxGroupProps) => JSX.Element;

package/dist/components/CheckboxList/CheckboxList.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { CheckboxListProps } from "./CheckboxList.types";
 export { CheckboxListProps };
-export declare const CheckboxList: ({ groups, onChange, className, hasDividers, }: CheckboxListProps) => JSX.Element;
+export declare const CheckboxList: ({ groups, onChange, className, }: CheckboxListProps) => JSX.Element;
 export default CheckboxList;

package/dist/components/CheckboxList/CheckboxList.types.d.ts

@@ -29,10 +29,6 @@ export interface CheckboxListProps {
      */
     groups: CheckboxGroup[];
     onChange: (event: CheckboxChangeEvent) => void;
-    /**
-     * Renders dividers between each item, including groups and inside of groups.
-     */
-    hasDividers?: boolean;
     className?: string;
 }
 type WithCollapsible = {
@@ -45,7 +41,6 @@ type WithCollapsible = {
 };
 export type CheckboxGroupProps = CheckboxGroup & {
     onChange: (event: CheckboxChangeEvent) => void;
-    hasDividers?: boolean;
     className?: string;
 } & WithCollapsible;
 export interface CheckboxGroupItemProps extends CheckboxListItem {

package/dist/components/Form/form.types.d.ts

@@ -6,7 +6,6 @@ import { SelectProps } from "../Select/Select";
 import { ImagePickerProps } from "../MediaPicker/MediaPicker";
 import { PartialProperties } from "../../types/general.types";
 import { CheckboxProps } from "../Checkbox/Checkbox";
-import { CheckboxListProps } from "../CheckboxList/CheckboxList.types";
 import { TextareaProps } from "../Textarea/Textarea";
 import { TitleProps } from "../Title/Title";
 export type AllowedTextInputTypes = Extract<HTMLInputTypeAttribute, "email" | "number" | "password" | "text">;
@@ -74,7 +73,9 @@ export interface FieldCheckboxConfiguration extends FormFieldBaseConfiguration<O
  * Omiting `groups` and `onChange` here because these will be handled by
  * the `Control` component from react-hook-form.
  */
-export interface FieldCheckboxListConfiguration extends FormFieldBaseConfiguration<Pick<CheckboxListProps, "hasDividers" | "className">> {
+export interface FieldCheckboxListConfiguration extends FormFieldBaseConfiguration<{
+    className?: string;
+}> {
     type: "checkboxlist";
 }
 /**

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

@@ -1,4 +1,24 @@
 import React from "react";
-import { InputProps } from "./Input";
-export type SearchInputProps = Omit<InputProps, "icon" | "withSuffix" | "withPrefix" | "type" | "clearable">;
-export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;
+import Input from "./Input";
+type InputProps = React.ComponentProps<typeof Input>;
+export type SearchInputProps = Omit<InputProps, "icon" | "type" | "width" | "clearable" | "withSuffix" | "withPrefix" | "asFormField" | "isError"> & {
+    /**
+     * WARNING: Please note that this value is currently not passed on to the
+     * component. It's not deprecated, it will most likely be implemented correctly
+     * at a later stage.
+     */
+    width?: InputProps["width"];
+    /**
+     * @deprecated
+     * A search input should never be used in a form with multiple fields.
+     */
+    asFormField?: InputProps["asFormField"];
+    /**
+     * @deprecated
+     * A search input should never be in error state, because the
+     * user cannot do anything wrong when typing in this field.
+     */
+    isError?: InputProps["isError"];
+};
+export declare const SearchInput: React.ForwardRefExoticComponent<Omit<SearchInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/index.development.js

@@ -3545,7 +3545,7 @@ var CheckboxState;
   CheckboxState2["UNCHECKED"] = "unchecked";
 })(CheckboxState || (CheckboxState = {}));
 
-const CheckboxGroup = ({ title, items, onChange, className, hasDividers = false, isCollapsed = true, collapsible = true }) => {
+const CheckboxGroup = ({ title, items, onChange, className, isCollapsed = true, collapsible = true }) => {
   const [groupCheckboxState, setGroupCheckboxState] = React.useState(CheckboxState.UNCHECKED);
   const [collapsed, setCollapsed] = React.useState(collapsible ? isCollapsed : false);
   const [isDisabled, setIsDisabled] = React.useState(false);
@@ -3586,20 +3586,13 @@ const CheckboxGroup = ({ title, items, onChange, className, hasDividers = false,
   };
   const checkedItemsCount = items === null || items === void 0 ? void 0 : items.filter((item) => item === null || item === void 0 ? void 0 : item.isChecked).length;
   const groupTitle = checkedItemsCount > 0 ? `${title} (${checkedItemsCount})` : title;
-  const itemClassName = hasDividers ? "ui-py-3 last:ui-border-b-0 ui-border-b ui-border-slate-200" : "ui-my-1";
   const CollapseStateChevron = collapsed ? ChevronRightIcon : ChevronDownIcon;
   return React__namespace.default.createElement(
     "div",
-    { className: classNames__default.default("ui-flex ui-flex-col ", className, {
-      "ui-border-b ui-border-slate-200 last:ui-border-b-0": hasDividers && isCollapsed,
-      "ui-border-b-0": hasDividers && !isCollapsed
-    }) },
+    { className: classNames__default.default("ui-flex ui-flex-col ", className) },
     title && React__namespace.default.createElement(
       "div",
-      { className: classNames__default.default("ui-space-between ui-flex ui-w-full ui-flex-row ui-items-center", {
-        "ui-border-b ui-border-slate-200 ui-py-3": hasDividers,
-        "ui-my-1": !hasDividers
-      }, { "last:ui-border-b-0": hasDividers && isCollapsed }) },
+      { className: classNames__default.default("ui-space-between ui-flex ui-w-full ui-flex-row ui-items-center", "ui-my-1") },
       React__namespace.default.createElement(
         "div",
         { className: "ui-mr-auto ui-flex ui-h-6 ui-cursor-pointer ui-flex-row ui-items-center ui-text-slate-300 ui-transition ui-duration-300 hover:ui-text-slate-500", onClick: handleGroupCollapse },
@@ -3615,17 +3608,16 @@ const CheckboxGroup = ({ title, items, onChange, className, hasDividers = false,
     !collapsed && items.map((item) => React__namespace.default.createElement(CheckboxListItem, { key: item.id, id: item.id, label: item.label, onChange, isChecked: item.isChecked, isDisabled: item.isDisabled, className: classNames__default.default({
       "ui-ml-10": collapsible,
       "ui-ml-5": !collapsible
-    }, itemClassName) }))
+    }, "ui-my-1") }))
   );
 };
 
-const CheckboxList = ({ groups, onChange, className, hasDividers = false }) => {
-  const itemClassName = hasDividers ? "ui-py-3 ui-border-b ui-border-slate-200 last:ui-border-b-0" : "ui-my-1";
-  return React__namespace.default.createElement("div", { className: classNames__default.default("ui-flex ui-flex-col", className) }, (groups === null || groups === void 0 ? void 0 : groups.length) > 0 && groups.map((group) => {
+const CheckboxList = ({ groups, onChange, className }) => {
+  return React__namespace.default.createElement("div", { className: classNames__default.default("ui-flex ui-flex-col", className) }, groups.map((group) => {
     if (group.title) {
-      return React__namespace.default.createElement(CheckboxGroup, { key: group.title, items: group.items, title: group.title, isCollapsed: group.isCollapsed, collapsible: group.collapsible, onChange, hasDividers });
+      return React__namespace.default.createElement(CheckboxGroup, { key: group.title, items: group.items, title: group.title, isCollapsed: group.isCollapsed, collapsible: group.collapsible, onChange });
     } else {
-      return group.items.map((item) => React__namespace.default.createElement(CheckboxListItem, { key: item.id, id: item.id, label: item.label, onChange, isChecked: item.isChecked, isDisabled: item.isDisabled, className: itemClassName }));
+      return group.items.map((item) => React__namespace.default.createElement(CheckboxListItem, { key: item.id, id: item.id, label: item.label, onChange, isChecked: item.isChecked, isDisabled: item.isDisabled, className: "ui-my-1" }));
     }
   }));
 };
@@ -5160,12 +5152,12 @@ const FormFieldCheckboxList = ({ control, name, rules, fieldErrors, fieldRequire
     FormFieldLabeler,
     { name, fieldErrors, fieldRequired, label, info, decoratorClassname },
     React__namespace.default.createElement(index_ie11.Controller, { name, control, rules, render: ({ onChange, value }) => {
-      const { className, hasDividers } = fieldProps;
+      const { className } = fieldProps;
       const [checkboxListValues, setCheckboxListValues] = React.useState(value);
       React.useEffect(() => {
         setCheckboxListValues(value);
       }, [value]);
-      return React__namespace.default.createElement(CheckboxList, { groups: checkboxListValues, hasDividers, className, onChange: (event) => {
+      return React__namespace.default.createElement(CheckboxList, { groups: checkboxListValues, className, onChange: (event) => {
         setCheckboxListValues((previousState) => {
           const newState = previousState.map((group) => {
             const newItems = group.items.map((item) => {