@luscii-healthtech/web-ui 60.2.0 → 60.2.1

package/dist/esm/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;AA8DO,MAAM,KAAA,GAAQA,cAAA,CAAM,UAAA,CACzB,CACE,IAaA,GAAA,KACE;AAdF,EAAA,IAAA,EACE,UAAA,GAAa,EAAA,EACb,UAAA,GAAa,IACb,SAAA,GAAY,KAAA,EACZ,UAAA,GAAa,KAAA,EACb,IAAA,EACA,KAAA,GAAQ,EAAA,EACR,QAAA,EACA,aACA,SAAA,EACA,MAAA,GAAS,IAAA,EAAI,GAAA,EAAA,EACV,UAAA,GAAU,MAAA,CAAA,EAAA,EAXf,0HAYC,CAAA;AAGD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,SAAA,CAAU,MAAK;AACb,IAAA,aAAA,CAAc,KAAK,CAAA;AAAA,EACrB,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,aAAa,MAAK;AACtB,IAAA,aAAA,CAAc,EAAE,CAAA;AAGhB,IAAA,QAAA,KAAQ,IAAA,IAAR,QAAA,KAAQ,MAAA,GAAA,MAAA,GAAR,QAAA,CAAW;AAAA,MACT,MAAA,EAAQ;AAAA,QACN,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO;AAAA,OACR;AAAA,MACD,aAAA,EAAe;AAAA,QACb,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO;AAAA;AACR,KACF,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAA8C;AACvE,IAAA,aAAA,CAAc,KAAA,CAAM,cAAc,KAAK,CAAA;AAGvC,IAAA,QAAA,KAAQ,IAAA,IAAR,aAAQ,MAAA,GAAA,MAAA,GAAR,SACE,WAAA,GACI,KAAA,CAAM,cAAc,KAAA,GACpB;AAAA,MACE,MAAA,EAAQ;AAAA,QACN,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO,MAAM,aAAA,CAAc;AAAA,OAC5B;AAAA,MACD,aAAA,EAAe;AAAA,QACb,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO,MAAM,aAAA,CAAc;AAAA;AAC5B,KACF,CAAA;AAAA,EAET,CAAA;AAEA,EAAA,MAAM,kBAAA,GAAqB,SAAA,IAAa,CAAC,CAAC,UAAA;AAE1C,EAAA,OACEC,GAAA,CAAC,WAAA,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,cAAA,EACI,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAC3B,IAAA,EACA,KAAA,EAAO,UAAA,EACP,QAAA,EAAU,iBAAA,EACV,GAAA,EACA,IAAA,EAAM,SAAA,EACN,QAAA,EAAU,UAAA,EACV,kBAAA,EACA,iBAAA,EAAmB,UAAA,EACnB,MAAA,EAAQ,UAAA,EACR,MAAA,EAAQ,UAAA,EACR,MAAA,EAAc,EACV,UAAU,CAAA,CAAA;AAGpB,CAAC;;"}
+{"version":3,"file":"Input.js","sources":["../../../../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;AAgEO,MAAM,KAAA,GAAQA,cAAA,CAAM,UAAA,CACzB,CACE,IAaA,GAAA,KACE;AAdF,EAAA,IAAA,EACE,UAAA,GAAa,EAAA,EACb,UAAA,GAAa,IACb,SAAA,GAAY,KAAA,EACZ,UAAA,GAAa,KAAA,EACb,IAAA,EACA,KAAA,GAAQ,EAAA,EACR,QAAA,EACA,aACA,SAAA,EACA,MAAA,GAAS,IAAA,EAAI,GAAA,EAAA,EACV,UAAA,GAAU,MAAA,CAAA,EAAA,EAXf,0HAYC,CAAA;AAGD,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,KAAK,CAAA;AAElD,EAAA,SAAA,CAAU,MAAK;AACb,IAAA,aAAA,CAAc,KAAK,CAAA;AAAA,EACrB,CAAA,EAAG,CAAC,KAAK,CAAC,CAAA;AAEV,EAAA,MAAM,aAAa,MAAK;AACtB,IAAA,aAAA,CAAc,EAAE,CAAA;AAGhB,IAAA,QAAA,KAAQ,IAAA,IAAR,QAAA,KAAQ,MAAA,GAAA,MAAA,GAAR,QAAA,CAAW;AAAA,MACT,MAAA,EAAQ;AAAA,QACN,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO;AAAA,OACR;AAAA,MACD,aAAA,EAAe;AAAA,QACb,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO;AAAA;AACR,KACF,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,MAAM,iBAAA,GAAoB,CAAC,KAAA,KAA8C;AACvE,IAAA,aAAA,CAAc,KAAA,CAAM,cAAc,KAAK,CAAA;AAGvC,IAAA,QAAA,KAAQ,IAAA,IAAR,aAAQ,MAAA,GAAA,MAAA,GAAR,SACE,WAAA,GACI,KAAA,CAAM,cAAc,KAAA,GACpB;AAAA,MACE,MAAA,EAAQ;AAAA,QACN,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO,MAAM,aAAA,CAAc;AAAA,OAC5B;AAAA,MACD,aAAA,EAAe;AAAA,QACb,MAAM,IAAA,IAAQ,EAAA;AAAA,QACd,KAAA,EAAO,MAAM,aAAA,CAAc;AAAA;AAC5B,KACF,CAAA;AAAA,EAET,CAAA;AAEA,EAAA,MAAM,kBAAA,GAAqB,SAAA,IAAa,CAAC,CAAC,UAAA;AAE1C,EAAA,OACEC,GAAA,CAAC,WAAA,EAAW,MAAA,CAAA,MAAA,CAAA,EAAA,cAAA,EACI,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAC3B,IAAA,EACA,KAAA,EAAO,UAAA,EACP,QAAA,EAAU,iBAAA,EACV,GAAA,EACA,IAAA,EAAM,SAAA,EACN,QAAA,EAAU,UAAA,EACV,kBAAA,EACA,iBAAA,EAAmB,UAAA,EACnB,MAAA,EAAQ,UAAA,EACR,MAAA,EAAQ,UAAA,EACR,MAAA,EAAc,EACV,UAAU,CAAA,CAAA;AAGpB,CAAC;;"}

package/dist/esm/components/Input/SearchInput.js

@@ -4,7 +4,7 @@ import { Input } from './Input.js';
 
 const SearchInput = React__default.forwardRef((props, ref) => {
   var _a;
-  return jsx(Input, Object.assign({}, props, { icon: "SearchIcon", type: "text", width: (_a = props.width) !== null && _a !== void 0 ? _a : "xl", clearable: true, ref }));
+  return jsx(Input, Object.assign({}, props, { icon: "SearchIcon", type: "search", width: (_a = props.width) !== null && _a !== void 0 ? _a : "xl", clearable: true, ref }));
 });
 
 export { SearchInput };

package/dist/esm/components/Input/SearchInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.js","sources":["../../../../../../src/components/Input/SearchInput.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;AAwBO,MAAM,WAAA,GAAcA,cAAA,CAAM,UAAA,CAC/B,CAAC,OAAO,GAAA,KAAO;;AACb,EAAA,OACEC,GAAA,CAAC,KAAA,EAAK,MAAA,CAAA,MAAA,CAAA,IACA,KAAA,EAAK,EACT,IAAA,EAAK,YAAA,EACL,IAAA,EAAK,MAAA,EACL,QAAO,EAAA,GAAA,KAAA,CAAM,KAAA,MAAK,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAA,EACtB,SAAA,EAAS,IAAA,EACT,GAAA,EAAQ,CAAA,CAAA;AAGd,CAAC;;"}
+{"version":3,"file":"SearchInput.js","sources":["../../../../../../src/components/Input/SearchInput.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;AAwBO,MAAM,WAAA,GAAcA,cAAA,CAAM,UAAA,CAC/B,CAAC,OAAO,GAAA,KAAO;;AACb,EAAA,OACEC,GAAA,CAAC,KAAA,EAAK,MAAA,CAAA,MAAA,CAAA,IACA,KAAA,EAAK,EACT,IAAA,EAAK,YAAA,EACL,IAAA,EAAK,QAAA,EACL,QAAO,EAAA,GAAA,KAAA,CAAM,KAAA,MAAK,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAI,IAAA,EACtB,SAAA,EAAS,IAAA,EACT,GAAA,EAAQ,CAAA,CAAA;AAGd,CAAC;;"}

package/dist/esm/components/Input/StyledInput.js

@@ -8,9 +8,14 @@ import { IconComponentOrKey } from '../Icon/Icon.js';
 import CrossIcon from '../Icons/CrossIcon.js';
 
 const StyledInput = React__default.forwardRef((_a, ref) => {
-  var { suffix, prefix, className, width = "full", height = "lg", icon, isError, isClearIconVisible, onClickClearField } = _a, attributes = __rest(_a, ["suffix", "prefix", "className", "width", "height", "icon", "isError", "isClearIconVisible", "onClickClearField"]);
+  var { suffix, prefix, className, width = "full", height = "lg", icon, isError, isClearIconVisible, onClickClearField, clearButtonLabel = "Clear" } = _a, attributes = __rest(_a, ["suffix", "prefix", "className", "width", "height", "icon", "isError", "isClearIconVisible", "onClickClearField", "clearButtonLabel"]);
   const inputRef = React__default.useRef(null);
   React__default.useImperativeHandle(ref, () => inputRef.current);
+  const handleClearClick = () => {
+    var _a2;
+    onClickClearField === null || onClickClearField === void 0 ? void 0 : onClickClearField();
+    (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
+  };
   const hasPrefix = !!prefix;
   const hasSuffix = !!suffix;
   const hasNoExtraContent = !hasPrefix && !hasSuffix;
@@ -44,30 +49,54 @@ const StyledInput = React__default.forwardRef((_a, ref) => {
   ), style: {
     transform: "translateY(-50%)",
     zIndex: 20
-  }, children: jsx(IconComponentOrKey, { name: icon, className: "ui:h-6 ui:w-6 ui:text-slate-300" }) }), jsx("input", Object.assign({ ref: inputRef, className: classNames("ui:block", calculateResponsiveWidthClasses(width), { "ui:pl-12": icon }, {
-    "ui:bg-slate-50 ui:text-slate-400": attributes.disabled,
-    "ui:text-slate-800": !attributes.disabled,
-    "ui:border-input-border": !attributes.disabled && !isError,
-    "ui:hover:border-input-border-dark": !attributes.disabled,
-    "ui:border-red-700": isError,
-    "ui:focus:outline-negative": isError,
-    "ui:focus:border-primary": !isError,
-    "ui:focus:outline-primary": !isError,
-    "ui:bg-white": !attributes.disabled
-  }, heightClasses[height], "ui:p-2", "ui:border", "ui:text-base ui:sm:text-sm", "ui:placeholder-slate-500", "ui:border-solid", "ui:transition-colors", "ui:duration-300", {
-    "ui:z-10": hasSuffix || hasPrefix,
-    // to make sure the ui:outline is displayed completely
-    "ui:rounded": hasNoExtraContent,
-    "ui:rounded-l": hasSuffix,
-    "ui:rounded-r": hasPrefix,
-    "ui:order-2": hasPrefix,
-    "ui:order-1": hasSuffix
-  }, "ui:shadow-default", className) }, attributes)), jsx("div", { className: "ui:absolute ui:right-0 ui:top-1/2", style: {
-    transform: "translateY(-50%)"
-  }, children: jsx(CrossIcon, { className: classNames("ui:mr-3 ui:h-6 ui:w-6 ui:cursor-pointer ui:text-slate-300", {
-    "ui:block": isClearIconVisible,
-    "ui:hidden": !isClearIconVisible
-  }), onClick: onClickClearField }) })] })] });
+  }, children: jsx(IconComponentOrKey, { name: icon, className: "ui:h-6 ui:w-6 ui:text-slate-300" }) }), jsx("input", Object.assign({ ref: inputRef, className: classNames(
+    "ui:block",
+    calculateResponsiveWidthClasses(width),
+    { "ui:pl-12": icon },
+    {
+      "ui:bg-slate-50 ui:text-slate-400": attributes.disabled,
+      "ui:text-slate-800": !attributes.disabled,
+      "ui:border-input-border": !attributes.disabled && !isError,
+      "ui:hover:border-input-border-dark": !attributes.disabled,
+      "ui:border-red-700": isError,
+      "ui:focus:outline-negative": isError,
+      "ui:focus:border-primary": !isError,
+      "ui:focus:outline-primary": !isError,
+      "ui:bg-white": !attributes.disabled
+    },
+    heightClasses[height],
+    "ui:p-2",
+    "ui:border",
+    "ui:text-base ui:sm:text-sm",
+    "ui:placeholder-slate-500",
+    "ui:border-solid",
+    "ui:transition-colors",
+    "ui:duration-300",
+    {
+      "ui:z-10": hasSuffix || hasPrefix,
+      // to make sure the ui:outline is displayed completely
+      "ui:rounded": hasNoExtraContent,
+      "ui:rounded-l": hasSuffix,
+      "ui:rounded-r": hasPrefix,
+      "ui:order-2": hasPrefix,
+      "ui:order-1": hasSuffix
+    },
+    "ui:shadow-default",
+    // Safari keeps its native searchfield look for type="search" unless appearance is reset.
+    "ui:[&[type=search]]:appearance-none",
+    "ui:[&::-webkit-search-cancel-button]:appearance-none",
+    className
+  ) }, attributes)), jsx("button", {
+    type: "button",
+    "aria-label": clearButtonLabel,
+    onClick: handleClearClick,
+    // `display: none` keeps the hidden button out of the tab order and the accessibility tree.
+    className: classNames("ui:absolute ui:right-0 ui:top-1/2 ui:mr-3 ui:cursor-pointer ui:rounded ui:focus-visible:outline-primary", { "ui:hidden": !isClearIconVisible }),
+    style: {
+      transform: "translateY(-50%)"
+    },
+    children: jsx(CrossIcon, { className: "ui:block ui:h-6 ui:w-6 ui:text-slate-300" })
+  })] })] });
 });
 
 export { StyledInput };

package/dist/esm/components/Input/StyledInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledInput.js","sources":["../../../../../../src/components/Input/StyledInput.tsx"],"sourcesContent":[null],"names":["React","_a","_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"StyledInput.js","sources":["../../../../../../src/components/Input/StyledInput.tsx"],"sourcesContent":[null],"names":["React","_a","_jsxs","_jsx"],"mappings":"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"}

package/dist/index.development.js

@@ -2511,9 +2511,14 @@ const calculateResponsiveGrowClasses = (size) => {
 };
 
 const StyledInput = React__namespace.default.forwardRef((_a, ref) => {
-  var { suffix, prefix, className, width = "full", height = "lg", icon, isError, isClearIconVisible, onClickClearField } = _a, attributes = __rest(_a, ["suffix", "prefix", "className", "width", "height", "icon", "isError", "isClearIconVisible", "onClickClearField"]);
+  var { suffix, prefix, className, width = "full", height = "lg", icon, isError, isClearIconVisible, onClickClearField, clearButtonLabel = "Clear" } = _a, attributes = __rest(_a, ["suffix", "prefix", "className", "width", "height", "icon", "isError", "isClearIconVisible", "onClickClearField", "clearButtonLabel"]);
   const inputRef = React__namespace.default.useRef(null);
   React__namespace.default.useImperativeHandle(ref, () => inputRef.current);
+  const handleClearClick = () => {
+    var _a2;
+    onClickClearField === null || onClickClearField === void 0 ? void 0 : onClickClearField();
+    (_a2 = inputRef.current) === null || _a2 === void 0 ? void 0 : _a2.focus();
+  };
   const hasPrefix = !!prefix;
   const hasSuffix = !!suffix;
   const hasNoExtraContent = !hasPrefix && !hasSuffix;
@@ -2547,30 +2552,54 @@ const StyledInput = React__namespace.default.forwardRef((_a, ref) => {
   ), style: {
     transform: "translateY(-50%)",
     zIndex: 20
-  }, children: jsxRuntime.jsx(IconComponentOrKey, { name: icon, className: "ui:h-6 ui:w-6 ui:text-slate-300" }) }), jsxRuntime.jsx("input", Object.assign({ ref: inputRef, className: classNames__default.default("ui:block", calculateResponsiveWidthClasses(width), { "ui:pl-12": icon }, {
-    "ui:bg-slate-50 ui:text-slate-400": attributes.disabled,
-    "ui:text-slate-800": !attributes.disabled,
-    "ui:border-input-border": !attributes.disabled && !isError,
-    "ui:hover:border-input-border-dark": !attributes.disabled,
-    "ui:border-red-700": isError,
-    "ui:focus:outline-negative": isError,
-    "ui:focus:border-primary": !isError,
-    "ui:focus:outline-primary": !isError,
-    "ui:bg-white": !attributes.disabled
-  }, heightClasses[height], "ui:p-2", "ui:border", "ui:text-base ui:sm:text-sm", "ui:placeholder-slate-500", "ui:border-solid", "ui:transition-colors", "ui:duration-300", {
-    "ui:z-10": hasSuffix || hasPrefix,
-    // to make sure the ui:outline is displayed completely
-    "ui:rounded": hasNoExtraContent,
-    "ui:rounded-l": hasSuffix,
-    "ui:rounded-r": hasPrefix,
-    "ui:order-2": hasPrefix,
-    "ui:order-1": hasSuffix
-  }, "ui:shadow-default", className) }, attributes)), jsxRuntime.jsx("div", { className: "ui:absolute ui:right-0 ui:top-1/2", style: {
-    transform: "translateY(-50%)"
-  }, children: jsxRuntime.jsx(CrossIcon, { className: classNames__default.default("ui:mr-3 ui:h-6 ui:w-6 ui:cursor-pointer ui:text-slate-300", {
-    "ui:block": isClearIconVisible,
-    "ui:hidden": !isClearIconVisible
-  }), onClick: onClickClearField }) })] })] });
+  }, children: jsxRuntime.jsx(IconComponentOrKey, { name: icon, className: "ui:h-6 ui:w-6 ui:text-slate-300" }) }), jsxRuntime.jsx("input", Object.assign({ ref: inputRef, className: classNames__default.default(
+    "ui:block",
+    calculateResponsiveWidthClasses(width),
+    { "ui:pl-12": icon },
+    {
+      "ui:bg-slate-50 ui:text-slate-400": attributes.disabled,
+      "ui:text-slate-800": !attributes.disabled,
+      "ui:border-input-border": !attributes.disabled && !isError,
+      "ui:hover:border-input-border-dark": !attributes.disabled,
+      "ui:border-red-700": isError,
+      "ui:focus:outline-negative": isError,
+      "ui:focus:border-primary": !isError,
+      "ui:focus:outline-primary": !isError,
+      "ui:bg-white": !attributes.disabled
+    },
+    heightClasses[height],
+    "ui:p-2",
+    "ui:border",
+    "ui:text-base ui:sm:text-sm",
+    "ui:placeholder-slate-500",
+    "ui:border-solid",
+    "ui:transition-colors",
+    "ui:duration-300",
+    {
+      "ui:z-10": hasSuffix || hasPrefix,
+      // to make sure the ui:outline is displayed completely
+      "ui:rounded": hasNoExtraContent,
+      "ui:rounded-l": hasSuffix,
+      "ui:rounded-r": hasPrefix,
+      "ui:order-2": hasPrefix,
+      "ui:order-1": hasSuffix
+    },
+    "ui:shadow-default",
+    // Safari keeps its native searchfield look for type="search" unless appearance is reset.
+    "ui:[&[type=search]]:appearance-none",
+    "ui:[&::-webkit-search-cancel-button]:appearance-none",
+    className
+  ) }, attributes)), jsxRuntime.jsx("button", {
+    type: "button",
+    "aria-label": clearButtonLabel,
+    onClick: handleClearClick,
+    // `display: none` keeps the hidden button out of the tab order and the accessibility tree.
+    className: classNames__default.default("ui:absolute ui:right-0 ui:top-1/2 ui:mr-3 ui:cursor-pointer ui:rounded ui:focus-visible:outline-primary", { "ui:hidden": !isClearIconVisible }),
+    style: {
+      transform: "translateY(-50%)"
+    },
+    children: jsxRuntime.jsx(CrossIcon, { className: "ui:block ui:h-6 ui:w-6 ui:text-slate-300" })
+  })] })] });
 });
 
 const Input = React__namespace.default.forwardRef((_a, ref) => {
@@ -4836,7 +4865,7 @@ ModalDialog.useModalDialog = useModalDialog;
 
 const SearchInput = React__namespace.default.forwardRef((props, ref) => {
   var _a;
-  return jsxRuntime.jsx(Input, Object.assign({}, props, { icon: "SearchIcon", type: "text", width: (_a = props.width) !== null && _a !== void 0 ? _a : "xl", clearable: true, ref }));
+  return jsxRuntime.jsx(Input, Object.assign({}, props, { icon: "SearchIcon", type: "search", width: (_a = props.width) !== null && _a !== void 0 ? _a : "xl", clearable: true, ref }));
 });
 
 const ImageCategory = (props) => {