impact-ui 4.0.6 → 4.0.7-alpha.1

package/dist/components/Prompt/index.js

@@ -1,89 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var e=document.createElement("style");e.appendChild(document.createTextNode('@keyframes ia-shimmer-horizontal{0%{background-position:100% 0}to{background-position:0 0}}@keyframes ia-shimmer-vertical{0%{background-position:0 100%}to{background-position:0 0}}@property --ia-shimmer-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes ia-shimmer-circular{0%{--ia-shimmer-angle:0deg}to{--ia-shimmer-angle:360deg}}.ia-shimmer{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ltr{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(90deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ltr{animation:none;background-image:linear-gradient(90deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--rtl{animation:ia-shimmer-horizontal 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(270deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:300% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--rtl{animation:none;background-image:linear-gradient(270deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--btt{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:reverse;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--btt{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--ttb{animation:ia-shimmer-vertical 1.6s ease-in-out infinite;animation-direction:normal;background-color:#e8edf5;background-image:linear-gradient(0deg,#e8edf5,#eceef4 22%,#e8edf5 48%,#d5dbe8 62%,#e8edf5);background-repeat:no-repeat;background-size:100% 300%}@media (prefers-reduced-motion:reduce){.ia-shimmer--ttb{animation:none;background-image:linear-gradient(0deg,#e8edf5,#eceef4 40%,#d5dbe8);background-size:100% 100%}}.ia-shimmer--circular{background-color:#e8edf5;background-repeat:no-repeat;--ia-shimmer-angle:0deg;animation:ia-shimmer-circular 1.6s linear infinite;background-image:conic-gradient(from var(--ia-shimmer-angle),#eceef4 0deg,#e8edf5 80deg,#d5dbe8 160deg,#e8edf5 260deg,#eceef4 1turn);background-size:100% 100%}@media (prefers-reduced-motion:reduce){.ia-shimmer--circular{animation:none;background-image:conic-gradient(from 0deg,#eceef4,#e8edf5,#d5dbe8,#e8edf5 1turn)}}.ia-styles.ia-prompt .MuiDialogContent-root{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:flex-start;padding:0 0 12px}.ia-styles.ia-prompt .MuiDialogContent-root .MuiDialogContentText-root{align-items:center;color:#60697d;display:flex;font-family:Manrope,sans-serif;font-size:14px;font-weight:500;justify-content:center;padding:0 24px;text-align:center;width:400px;word-wrap:break-word;box-sizing:border-box;overflow-wrap:break-word}.ia-styles.ia-prompt .MuiDialog-paper{border-radius:8px;box-shadow:0 0 4px #0000001f;min-height:224px;min-width:400px;position:relative}.ia-styles.ia-prompt .MuiDialog-paper h2{align-items:center;color:#0d152c;display:flex;font-size:16px;font-weight:800;justify-content:center;line-height:24px;padding:0 40px;text-align:center}.ia-styles.ia-prompt .ia-prompt-close-button{cursor:pointer;display:flex;justify-content:flex-end;padding-right:16px;padding-top:8px}.ia-styles.ia-prompt .ia-prompt-close-icon{color:#60697d;cursor:pointer}.ia-styles.ia-prompt .ia-prompt-close-icon:focus-visible{box-shadow:0 0 0 var(--ia-focus-ring-offset,2px) var(--ia-focus-bg,#fff),0 0 0 calc(var(--ia-focus-ring-offset, 2px) + var(--ia-focus-ring-width, 2px)) var(--ia-focus-color,#4259ee);outline:none;transition:box-shadow .15s ease-in-out}.ia-styles.ia-prompt .ia-prompt-close-icon:focus:not(:focus-visible){box-shadow:none;outline:none}.ia-styles.ia-prompt .ia-prompt-info-icon-container{align-items:center;background-color:#eceefd;background-image:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/prompt-info-icon.svg);background-position:50%;background-repeat:no-repeat;border-radius:12px;display:flex;height:48px;justify-content:center;width:48px}.ia-styles.ia-prompt .ia-prompt-info-icon-container.ia-prompt-warning{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/prompt-warning-icon.svg);background-color:#f6ebbf;background-position:50%;background-repeat:no-repeat}.ia-styles.ia-prompt .ia-prompt-info-icon-container.ia-prompt-error{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/prompt-delete-icon.svg);background-color:#fceeee;background-position:50%;background-repeat:no-repeat}.ia-styles.ia-prompt .ia-prompt-info-icon-container.ia-prompt-success{background:url(https://impact-kit.devs.iaproducts.ai/api/v1/files/uploads/impact-ui/prod/icons/prompt-success-icon.svg);background-color:#ebf7f1;background-position:50%;background-repeat:no-repeat}.ia-styles.ia-prompt .MuiDialogActions-root{gap:12px;justify-content:center;padding:16px}.ia-styles.ia-prompt .MuiDialogActions-root>:not(:first-of-type){margin-left:0}.ia-styles.ia-prompt .ia-styles.ia-btn.ia-btn-contained:focus{outline:none}')),document.head.appendChild(e)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { Button } from "../Button/index.js";
-
-import Dialog from "../../node_modules/@mui/material/Dialog/Dialog.js";
-import CloseIcon from "../../node_modules/@mui/icons-material/esm/Close.js";
-import DialogContent from "../../node_modules/@mui/material/DialogContent/DialogContent.js";
-import DialogTitle from "../../node_modules/@mui/material/DialogTitle/DialogTitle.js";
-import DialogContentText from "../../node_modules/@mui/material/DialogContentText/DialogContentText.js";
-import DialogActions from "../../node_modules/@mui/material/DialogActions/DialogActions.js";
-function getVariantClassName(variant) {
-  switch (variant) {
-    case "error":
-      return "ia-prompt-error";
-    case "success":
-      return "ia-prompt-success";
-    case "warning":
-      return "ia-prompt-warning";
-    case "info":
-    default:
-      return "ia-prompt-info";
-  }
-}
-function Prompt({
-  variant = "info",
-  title,
-  children,
-  primaryButtonLabel,
-  secondaryButtonLabel,
-  isOpen,
-  onPrimaryButtonClick,
-  onSecondaryButtonClick,
-  handleClose,
-  primaryButtonProps,
-  secondaryButtonProps,
-  ...args
-}) {
-  const variantClassName = useMemo(() => getVariantClassName(variant), [variant]);
-  return /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      "aria-describedby": "alert-dialog-description",
-      "aria-labelledby": "alert-dialog-title",
-      className: `ia-styles ia-prompt ${variantClassName}`,
-      open: isOpen,
-      onClose: handleClose,
-      ...args,
-      children: [
-        handleClose && /* @__PURE__ */ jsx(
-          "div",
-          {
-            "aria-label": "Close",
-            className: "ia-prompt-close-button",
-            role: "button",
-            tabIndex: 0,
-            onClick: handleClose,
-            onKeyDown: (e) => {
-              if (e.key === "Enter" || e.key === " ") handleClose();
-            },
-            children: /* @__PURE__ */ jsx(CloseIcon, { className: "ia-prompt-close-icon" })
-          }
-        ),
-        /* @__PURE__ */ jsxs(DialogContent, { children: [
-          /* @__PURE__ */ jsx("div", { className: `ia-prompt-info-icon-container ${variantClassName}` }),
-          /* @__PURE__ */ jsx(DialogTitle, { className: `ia-dialog-title ${variantClassName}`, id: "alert-dialog-title", children: title }),
-          /* @__PURE__ */ jsx(DialogContentText, { className: "ia-dialog-content", id: "alert-dialog-description", children })
-        ] }),
-        /* @__PURE__ */ jsxs(DialogActions, { children: [
-          secondaryButtonLabel ? /* @__PURE__ */ jsx(Button, { variant: "text", onClick: onSecondaryButtonClick, ...secondaryButtonProps, children: secondaryButtonLabel }) : null,
-          primaryButtonLabel && variant !== "success" ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              autoFocus: true,
-              type: variant === "error" ? "destructive" : "default",
-              onClick: onPrimaryButtonClick,
-              ...primaryButtonProps,
-              children: primaryButtonLabel
-            }
-          ) : null
-        ] })
-      ]
-    }
-  );
-}
-Prompt.displayName = "Prompt";
-export {
-  Prompt
-};

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

@@ -1,22 +0,0 @@
-import { BaseComponentProps } from '../../types';
-
-export interface RadioButtonGroupOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-    icon?: React.ReactNode;
-}
-export interface RadioButtonGroupProps extends BaseComponentProps {
-    options: RadioButtonGroupOption[];
-    value?: string;
-    selectedOption?: string;
-    isDisabled?: boolean;
-    disabled?: boolean;
-    /** Called when selection changes. MUI RadioGroup passes (event, value). */
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string) => void;
-    name?: string;
-    orientation?: 'row' | 'column';
-    /** Optional group label rendered above the radio buttons */
-    label?: string;
-}
-//# sourceMappingURL=RadioButtonGroup.types.d.ts.map

package/dist/components/RadioButtonGroup/RadioButtonGroup.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioButtonGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButtonGroup/RadioButtonGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,qBAAsB,SAAQ,kBAAkB;IAC/D,OAAO,EAAE,sBAAsB,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/E,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC/B,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

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

@@ -1,8 +0,0 @@
-import { RadioButtonGroupProps } from './RadioButtonGroup.types';
-
-export type { RadioButtonGroupProps, RadioButtonGroupOption } from './RadioButtonGroup.types';
-export declare function RadioButtonGroup({ options, isDisabled, disabled, selectedOption, value, onChange, name, orientation, label, className, id, 'data-testid': dataTestId, ...args }: RadioButtonGroupProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace RadioButtonGroup {
-    var displayName: string;
-}
-//# sourceMappingURL=index.d.ts.map

package/dist/components/RadioButtonGroup/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButtonGroup/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAA0B,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAC9F,OAAO,gCAAgC,CAAC;AAExC,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AA4C9F,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,UAAU,EACV,QAAQ,EACR,cAAc,EACd,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,WAAsB,EACtB,KAAK,EACL,SAAc,EACd,EAAE,EACF,aAAa,EAAE,UAAU,EACzB,GAAG,IAAI,EACR,EAAE,qBAAqB,2CAkCvB;yBAhDe,gBAAgB"}

package/dist/components/RadioButtonGroup/index.js

@@ -1,90 +0,0 @@
-!function(){"use strict";try{if("undefined"!=typeof document){var o=document.createElement("style");o.appendChild(document.createTextNode(".ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root{padding:3px 8px;padding-left:0!important}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-focusVisible{outline:none}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-focusVisible .MuiSvgIcon-root:first-of-type{border-radius:50%;outline:2px solid var(--ia-focus-color,#4259ee);outline-offset:2px}.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-disabled.Mui-focusVisible,.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root.Mui-disabled.Mui-focusVisible .MuiSvgIcon-root,.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root:focus:not(.Mui-focusVisible),.ia-radioGroup .MuiFormControlLabel-root .MuiButtonBase-root:focus:not(.Mui-focusVisible) .MuiSvgIcon-root{outline:none}.MuiFormGroup-root.orientation-row{flex-direction:row;gap:8px}.MuiFormGroup-root.orientation-row .ia-radioButton:first-child{margin-left:0!important}.MuiFormGroup-root.orientation-row .ia-radioButton:last-child{margin-right:0!important}.MuiFormGroup-root.orientation-column{flex-direction:column;gap:8px}.MuiFormGroup-root.orientation-column .ia-radioButton{margin:0!important}.ia-radioButton .MuiSvgIcon-root{border:1px solid #c3c8d4;border-radius:50%;height:16px;width:16px}.ia-radioButton path{display:none}.ia-radioButton:hover .MuiSvgIcon-root{border:1px solid #4259ee}.ia-radioButton-disabled .MuiSvgIcon-root{background:#f5f6fa;border:1px solid #d9dde7!important}.ia-radioButton.ia-radioButton-disabled .MuiSvgIcon-root:nth-child(2){background:#b3bdf8!important;border:none;border:1px solid #b3bdf8!important;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiSvgIcon-root:nth-child(2){background:#4259ee;border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .Mui-checked .MuiSvgIcon-root{background:#0000;border:1px solid #4259ee;border-radius:50%;height:16px;width:16px}.ia-radioButton .Mui-checked .MuiSvgIcon-root path{display:none}.ia-radioButton .Mui-checked .MuiSvgIcon-root:nth-child(2){background:#4259ee;border:none;border-radius:50%;bottom:0;height:10px;left:0;margin:auto;padding:0;position:absolute;right:0;top:0;width:10px}.ia-radioButton .MuiTypography-root{color:#5f6673;font-family:Manrope,sans-serif;font-size:14px;font-weight:500}.ia-radioButton .MuiRadio-root.Mui-checked+.MuiTypography-root{color:#1f2b4d}.ia-radioGroup-wrapper{display:flex;flex-direction:column;gap:16px}.ia-radioGroup-label{color:#31416e;font-size:12px;font-weight:700;line-height:20px;text-transform:capitalize}")),document.head.appendChild(o)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}}();
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
-
-import RadioGroup from "../../node_modules/@mui/material/RadioGroup/RadioGroup.js";
-import FormControlLabel from "../../node_modules/@mui/material/FormControlLabel/FormControlLabel.js";
-import Radio from "../../node_modules/@mui/material/Radio/Radio.js";
-function RadioButton({
-  selfProps: { icon, label, ...selfProps },
-  id,
-  parentProps
-}) {
-  const radioButtonClassName = useMemo(() => {
-    let retVal = "ia-styles ia-radioButton";
-    if (selfProps.disabled ?? parentProps.isDisabled) retVal += " ia-radioButton-disabled";
-    if (selfProps.value === parentProps.selectedOption) retVal += " ia-radioButton-selected";
-    return retVal;
-  }, [selfProps.disabled, selfProps.value, parentProps.isDisabled, parentProps.selectedOption]);
-  const { value, disabled: _optDisabled, ...restSelf } = selfProps;
-  const labelContent = icon != null ? /* @__PURE__ */ jsxs("span", { style: { display: "inline-flex", alignItems: "center", gap: 6 }, children: [
-    icon,
-    label
-  ] }) : label;
-  const isDisabled = selfProps.disabled ?? parentProps.isDisabled ?? parentProps.disabled ?? false;
-  return /* @__PURE__ */ jsx(
-    FormControlLabel,
-    {
-      className: radioButtonClassName,
-      control: /* @__PURE__ */ jsx(Radio, { disableRipple: true }),
-      disabled: isDisabled,
-      id: `${id}--${value}`,
-      label: labelContent,
-      value,
-      ...restSelf
-    }
-  );
-}
-function RadioButtonGroup({
-  options,
-  isDisabled,
-  disabled,
-  selectedOption,
-  value,
-  onChange,
-  name,
-  orientation = "column",
-  label,
-  className = "",
-  id,
-  "data-testid": dataTestId,
-  ...args
-}) {
-  const resolvedValue = value ?? selectedOption ?? "";
-  const groupDisabled = isDisabled ?? disabled ?? false;
-  const orientationClass = orientation === "row" ? "orientation-row" : "orientation-column";
-  return /* @__PURE__ */ jsxs("div", { className: "ia-styles ia-radioGroup-wrapper", children: [
-    label && /* @__PURE__ */ jsx("p", { className: "ia-radioGroup-label", children: label }),
-    /* @__PURE__ */ jsx(
-      RadioGroup,
-      {
-        "aria-labelledby": name,
-        className: `ia-styles ia-radioGroup ${orientationClass} ${className}`.trim(),
-        "data-testid": dataTestId,
-        id,
-        name,
-        value: resolvedValue,
-        onChange,
-        ...args,
-        children: options.map((opt) => /* @__PURE__ */ jsx(
-          RadioButton,
-          {
-            id,
-            parentProps: {
-              ...args,
-              isDisabled: groupDisabled,
-              disabled: groupDisabled,
-              selectedOption: resolvedValue
-            },
-            selfProps: opt
-          },
-          opt.value
-        ))
-      }
-    )
-  ] });
-}
-RadioButtonGroup.displayName = "RadioButtonGroup";
-export {
-  RadioButtonGroup
-};

package/dist/components/Select/SearchFilter.d.ts

@@ -1,5 +0,0 @@
-import { SearchFilterProps } from './Select.types';
-
-declare const SearchFilter: import('react').ForwardRefExoticComponent<SearchFilterProps & import('react').RefAttributes<HTMLInputElement>>;
-export default SearchFilter;
-//# sourceMappingURL=SearchFilter.d.ts.map

package/dist/components/Select/SearchFilter.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SearchFilter.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,QAAA,MAAM,YAAY,gHAyLjB,CAAC;AAIF,eAAe,YAAY,CAAC"}

package/dist/components/Select/SearchFilter.js

@@ -1,179 +0,0 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useCallback } from "react";
-import { Checkbox } from "../Checkbox/index.js";
-import { useTranslation } from "../../i18n/useTranslation.js";
-const SearchFilter = forwardRef(
-  ({
-    isClearable,
-    onSearch,
-    isMulti,
-    onSelectAll,
-    onClearAll,
-    isSelectAll,
-    selectedOptions,
-    toggleSelectAll,
-    isWithSearch,
-    onKeyDown,
-    onSubmenuKeyDown,
-    searchPlaceholder,
-    isLoading,
-    searchTerm,
-    setSearchTerm,
-    onSearchBlur,
-    selectionLabels = {},
-    onClose,
-    setHighlightedIndex,
-    setIsKeyboardNav,
-    highlightedIndex = -1,
-    isSelectAllHighlighted = false
-  }, ref) => {
-    const { t } = useTranslation();
-    const selectedArr = Array.isArray(selectedOptions) ? selectedOptions : [];
-    const hasSelectAll = !!(isMulti && toggleSelectAll && !isLoading);
-    useEffect(() => {
-      setSearchTerm("");
-    }, [setSearchTerm]);
-    const handleSearchKeyDown = useCallback(
-      (e) => {
-        if (onSubmenuKeyDown == null ? void 0 : onSubmenuKeyDown(e)) return;
-        if ((e.ctrlKey || e.metaKey) && e.key === "a" && isMulti) {
-          e.preventDefault();
-          if (onSelectAll) {
-            const syntheticEvent = {
-              target: { checked: !isSelectAll }
-            };
-            onSelectAll(syntheticEvent);
-          }
-          return;
-        }
-        const isOnOptions = highlightedIndex >= 0;
-        const isOnSelectAll = highlightedIndex === -1 && hasSelectAll;
-        switch (e.key) {
-          case "ArrowDown": {
-            e.preventDefault();
-            setIsKeyboardNav == null ? void 0 : setIsKeyboardNav(true);
-            if (isOnOptions || isOnSelectAll) {
-              onKeyDown == null ? void 0 : onKeyDown(e);
-            } else if (hasSelectAll) {
-              setHighlightedIndex == null ? void 0 : setHighlightedIndex(-1);
-            } else {
-              setHighlightedIndex == null ? void 0 : setHighlightedIndex(0);
-            }
-            break;
-          }
-          case "ArrowUp": {
-            e.preventDefault();
-            if (isOnOptions || isOnSelectAll) {
-              onKeyDown == null ? void 0 : onKeyDown(e);
-            }
-            break;
-          }
-          case "Enter": {
-            if (isOnOptions || isOnSelectAll) {
-              e.preventDefault();
-              onKeyDown == null ? void 0 : onKeyDown(e);
-            }
-            break;
-          }
-          case " ": {
-            if ((isOnOptions || isOnSelectAll) && !searchTerm) {
-              e.preventDefault();
-              onKeyDown == null ? void 0 : onKeyDown(e);
-            }
-            break;
-          }
-          case "Home":
-          case "End": {
-            if (isOnOptions) {
-              e.preventDefault();
-              onKeyDown == null ? void 0 : onKeyDown(e);
-            }
-            break;
-          }
-          case "Escape": {
-            e.preventDefault();
-            onClose == null ? void 0 : onClose();
-            break;
-          }
-          case "Tab":
-            onClose == null ? void 0 : onClose();
-            break;
-        }
-      },
-      [
-        onKeyDown,
-        onSubmenuKeyDown,
-        onClose,
-        setHighlightedIndex,
-        setIsKeyboardNav,
-        isMulti,
-        onSelectAll,
-        isSelectAll,
-        hasSelectAll,
-        highlightedIndex,
-        searchTerm
-      ]
-    );
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      isWithSearch && /* @__PURE__ */ jsx(
-        "input",
-        {
-          ref,
-          "aria-label": searchPlaceholder ?? t("select.searchAriaLabel"),
-          autoComplete: "off",
-          className: "ia-select-search-box",
-          placeholder: searchPlaceholder,
-          role: "searchbox",
-          value: searchTerm,
-          onBlur: onSearchBlur,
-          onChange: onSearch,
-          onKeyDown: handleSearchKeyDown
-        }
-      ),
-      hasSelectAll && /* @__PURE__ */ jsx("div", { className: "ia-select-search-container", children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          "aria-selected": isSelectAll,
-          className: `ia-select-selectAll-container${isSelectAllHighlighted ? " ia-select-option-highlighted" : ""}`,
-          role: "option",
-          children: [
-            /* @__PURE__ */ jsx(
-              Checkbox,
-              {
-                checked: isSelectAll,
-                className: "select-selectAll-checkbox",
-                id: "select-all",
-                label: isSelectAll ? selectionLabels.deselectAll ?? t("select.deselectAllLabel") : selectionLabels.selectAll ?? t("select.selectAllLabel"),
-                name: "select-all",
-                onChange: onSelectAll
-              }
-            ),
-            isClearable && selectedArr.length > 0 && /* @__PURE__ */ jsx(
-              "button",
-              {
-                "aria-label": t("select.ariaClearAll"),
-                className: "ia-select-clear-all-button",
-                type: "button",
-                onClick: () => {
-                  onClearAll();
-                },
-                onKeyDown: (e) => {
-                  if (e.key === "Enter" || e.key === " ") {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    onClearAll();
-                  }
-                },
-                children: t("common.clear")
-              }
-            )
-          ]
-        }
-      ) })
-    ] });
-  }
-);
-SearchFilter.displayName = "SearchFilter";
-export {
-  SearchFilter as default
-};

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

@@ -1,241 +0,0 @@
-import { ReactNode, CSSProperties, RefObject, ChangeEvent, KeyboardEvent, FocusEvent, MouseEvent as ReactMouseEvent, MutableRefObject } from 'react';
-import { Props as ReactSelectProps, MenuListProps as RSMenuListProps, OptionProps as RSOptionProps, GroupHeadingProps as RSGroupHeadingProps } from 'react-select';
-
-export interface SelectFooterMessage {
-    description?: string;
-    actionButtonText?: string;
-    action?: () => void;
-}
-export interface SelectSelectionLabels {
-    selectAll?: string;
-    deselectAll?: string;
-    selected?: string;
-}
-export interface SelectOption {
-    label: string;
-    value: string | number;
-    icon?: ReactNode;
-    children?: SelectOption[];
-    disabled?: boolean;
-    isDisabled?: boolean;
-    options?: SelectOption[];
-    customBadgeLabel?: string;
-    customBadgeColor?: string;
-    customBadgeStyles?: Record<string, unknown>;
-}
-/** Loosely typed AG Grid column to avoid a hard dependency */
-export interface AgGridColumn {
-    getActualWidth?: () => number;
-    getWidth?: () => number;
-    addEventListener?: (event: string, handler: () => void) => void;
-    removeEventListener?: (event: string, handler: () => void) => void;
-}
-export interface SelectProps extends Omit<ReactSelectProps<SelectOption>, 'onChange' | 'options' | 'value' | 'isMulti' | 'isDisabled' | 'isLoading' | 'placeholder' | 'isClearable' | 'onBlur' | 'menuShouldBlockScroll' | 'noOptionsMessage' | 'onMenuScrollToBottom' | 'styles' | 'components' | 'className' | 'classNames'> {
-    isOpen: boolean;
-    setIsOpen: (open: boolean) => void;
-    initialOptions: SelectOption[];
-    currentOptions: SelectOption[];
-    setCurrentOptions: (opts: SelectOption[]) => void;
-    selectedOptions: SelectOption | SelectOption[];
-    setSelectedOptions: (opts: SelectOption | SelectOption[] | null) => void;
-    isSelectAll?: boolean;
-    setIsSelectAll?: (v: boolean) => void;
-    label?: string;
-    isRequired?: boolean;
-    name?: string;
-    placeholder?: string;
-    searchPlaceholder?: string;
-    labelOrientation?: 'top' | 'left';
-    isMulti?: boolean;
-    isDisabled?: boolean;
-    isLoading?: boolean;
-    isWithIcon?: boolean;
-    isError?: boolean;
-    isWithSearch?: boolean;
-    isClearable?: boolean;
-    isWithSelectedOptionTags?: boolean;
-    toggleSelectAll?: boolean;
-    icon?: ReactNode;
-    isGrouped?: boolean;
-    isMultiInSubmenu?: boolean;
-    isWithSelectAll?: boolean;
-    isCloseWhenClickOutside?: boolean;
-    noOptionMessage?: string;
-    withPortal?: boolean;
-    portalContainer?: HTMLElement;
-    dropDownPortalClassName?: string;
-    minWidth?: string | number;
-    width?: string | number;
-    dropdownPosition?: 'top' | 'bottom';
-    isAgGridCellRenderer?: boolean;
-    column?: AgGridColumn;
-    /** DOM id for the select root container; also used for the trigger when `selectId` is omitted */
-    id?: string;
-    'data-testid'?: string;
-    selectId?: string;
-    customPlaceholderAfterSelect?: string | number;
-    helperText?: string;
-    maxSelectableOptions?: number;
-    isLoadingMore?: boolean;
-    onSearchBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    showFooterMessage?: SelectFooterMessage;
-    selectionLabels?: SelectSelectionLabels;
-    handleChange?: (selected: SelectOption | SelectOption[] | null, event?: unknown, index?: number) => void;
-    onSelectAll?: (event: ChangeEvent<HTMLInputElement>) => void;
-    onClearAll?: () => void;
-    onSearch?: (event: ChangeEvent<HTMLInputElement>) => void;
-    onDropdownClose?: () => void;
-    onDropdownOpen?: () => void;
-    onBlur?: (event?: unknown) => void;
-    onMenuScrollToBottom?: () => void;
-}
-export interface SearchFilterProps {
-    isClearable?: boolean;
-    onSearch: (event: ChangeEvent<HTMLInputElement>) => void;
-    isMulti?: boolean;
-    onSelectAll: (event: ChangeEvent<HTMLInputElement>) => void;
-    onClearAll: () => void;
-    isSelectAll?: boolean;
-    selectedOptions: SelectOption | SelectOption[];
-    toggleSelectAll?: boolean;
-    isWithSearch?: boolean;
-    onKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => void;
-    onSubmenuKeyDown?: (event: KeyboardEvent<HTMLInputElement>) => boolean;
-    onClose?: () => void;
-    setHighlightedIndex?: (index: number) => void;
-    setIsKeyboardNav?: (active: boolean) => void;
-    highlightedIndex?: number;
-    isSelectAllHighlighted?: boolean;
-    searchPlaceholder?: string;
-    isLoading?: boolean;
-    searchTerm: string;
-    externalOnSearch?: (event: ChangeEvent<HTMLInputElement>) => void;
-    setSearchTerm: (term: string) => void;
-    onSearchBlur?: (event: FocusEvent<HTMLInputElement>) => void;
-    selectionLabels?: SelectSelectionLabels;
-}
-export interface SelectMenuListSelectProps {
-    onMenuScrollToBottom?: () => void;
-    noOptionMessage?: string;
-    maxSelectableOptions?: number;
-    isLoading?: boolean;
-    isLoadingMore?: boolean;
-    listboxId?: string;
-    highlightedIndex?: number;
-    setHighlightedIndex?: (index: number) => void;
-    isKeyboardNav?: boolean;
-    setIsKeyboardNav?: (active: boolean) => void;
-    listRef?: MutableRefObject<{
-        scrollToItem: (index: number, align: string) => void;
-    } | null>;
-    submenuParent?: SelectOption | null;
-    showFooterMessage?: SelectFooterMessage;
-}
-export interface DropdownProps {
-    children: ReactNode;
-    dropDownPortalClassName?: string;
-    isOpen: boolean;
-    target: ReactNode;
-    onClose: (event?: ReactMouseEvent<HTMLDivElement>) => void;
-    disabled?: boolean;
-    containerRef: RefObject<HTMLDivElement>;
-    menuRef?: RefObject<HTMLDivElement>;
-    withPortal?: boolean;
-    portalContainer?: HTMLElement | null;
-    dropdownButtonRef: RefObject<HTMLButtonElement>;
-    dropdownPosition?: 'top' | 'bottom';
-    isKeyboardNav?: boolean;
-}
-export interface UseMenuPositionParams {
-    isOpen: boolean;
-    triggerRef: RefObject<HTMLButtonElement>;
-    menuRef?: RefObject<HTMLDivElement>;
-    withPortal?: boolean;
-    dropdownPosition?: 'top' | 'bottom';
-}
-export interface UseClickOutsideParams {
-    isOpen: boolean;
-    containerRef: RefObject<HTMLDivElement>;
-    menuRef?: RefObject<HTMLDivElement>;
-    isCloseWhenClickOutside?: boolean;
-    onClose: (event: MouseEvent) => void;
-}
-export type MenuListPropsTyped = RSMenuListProps<SelectOption>;
-export type OptionPropsTyped = RSOptionProps<SelectOption> & {
-    isSelected: boolean;
-    selectedOptions?: SelectOption | SelectOption[];
-    initialOptions?: SelectOption[];
-    isDisabled?: boolean;
-    isLoadingOption?: boolean;
-    customOptionProps?: Record<string, unknown>;
-};
-export type GroupHeadingPropsTyped = RSGroupHeadingProps<SelectOption>;
-export interface OverflowTooltipLabelProps {
-    text: string;
-    popperProps?: Record<string, unknown>;
-}
-export interface SelectedOptionsTagsProps {
-    selectedOptions: SelectOption[];
-    setSelectedOptions?: (opts: SelectOption[]) => void;
-    onChange: (opts: SelectOption[], event?: unknown, index?: number) => void;
-}
-export interface SelectedOptionsTagListProps {
-    selectedOptions: SelectOption[];
-    handleOptionTagRemove: (option: SelectOption) => void;
-}
-export interface HandleSearchParams {
-    isMulti?: boolean;
-    event: ChangeEvent<HTMLInputElement>;
-    externalOnSearch?: (event: ChangeEvent<HTMLInputElement>) => void;
-    initialOptions: SelectOption[];
-    setCurrentOptions: (opts: SelectOption[]) => void;
-    setSearchTerm: (term: string) => void;
-    setOpenToast?: (open: boolean) => void;
-    setToastMessage?: (message: string) => void;
-}
-export interface HandleSelectAllParams {
-    event: ChangeEvent<HTMLInputElement>;
-    externalOnSelectAll?: (event: ChangeEvent<HTMLInputElement>) => void;
-    setIsSelectAll: (v: boolean) => void;
-    currentOptions: SelectOption[];
-    selectedOptions: SelectOption[];
-    setSelectedOptions: (opts: SelectOption[]) => void;
-    handleSelect: (opts: SelectOption[], event?: unknown) => void;
-}
-export interface HandleClearAllParams {
-    externalOnClearAll?: () => void;
-    setSelectedOptions: (opts: SelectOption[]) => void;
-    setIsSelectAll: (v: boolean) => void;
-    handleSelect: (opts: SelectOption[], event?: {
-        action: string;
-    }) => void;
-    syncParentChildSelection: (opts: SelectOption[]) => void;
-}
-export interface HandleDropdownCloseParams {
-    externalOnDropdownClose?: () => void;
-    setCurrentOptions: (opts: SelectOption[]) => void;
-    initialOptions: SelectOption[];
-    currentOptions: SelectOption[];
-    setIsOpen: (open: boolean) => void;
-    onBlur?: (event?: any) => void;
-    event?: any;
-}
-export interface HandleDropdownOpenParams {
-    externalOnDropdownOpen?: () => void;
-    isOpen: boolean;
-    setIsOpen: (open: boolean) => void;
-}
-export interface HandleSelectAllWhenCompLoadsParams {
-    currentOptions: SelectOption[];
-    selectedOptions: SelectOption[];
-    setSelectedOptions: (opts: SelectOption[]) => void;
-}
-export interface MenuPositionResult {
-    top?: number;
-    left?: number;
-    width?: string;
-    minWidth?: string;
-    opacity?: number;
-    position?: CSSProperties['position'];
-}
-//# sourceMappingURL=Select.types.d.ts.map