ab-ui-library 1.0.1

package/components/Stepper/Stepper.js

@@ -0,0 +1,45 @@
+import { _ as _slicedToArray } from '../../slicedToArray-0c706912.js';
+import React, { useState, useEffect } from 'react';
+
+var Stepper = function Stepper(props) {
+  var list = props.list,
+    _props$activeStep = props.activeStep,
+    activeStep = _props$activeStep === void 0 ? 0 : _props$activeStep,
+    setActiveStep = props.setActiveStep;
+  var _useState = useState(activeStep),
+    _useState2 = _slicedToArray(_useState, 2),
+    activeStepIndex = _useState2[0],
+    setActiveStepIndex = _useState2[1];
+  var decreaseStepIndex = function decreaseStepIndex() {
+    var newIndex = activeStepIndex;
+    --newIndex;
+    setActiveStepIndex(newIndex);
+    if (setActiveStep) {
+      setActiveStep(newIndex);
+    }
+  };
+  var increaseStepIndex = function increaseStepIndex() {
+    var newIndex = activeStepIndex;
+    ++newIndex;
+    setActiveStepIndex(newIndex);
+    if (setActiveStep) {
+      setActiveStep(newIndex);
+    }
+  };
+  useEffect(function () {
+    if (activeStep && activeStep !== activeStepIndex) {
+      setActiveStepIndex(activeStep);
+    }
+  }, [activeStep, activeStepIndex]);
+  var Content = list[activeStepIndex];
+  return /*#__PURE__*/React.createElement(Content, {
+    activeStepIndex: activeStepIndex,
+    isNextDisabled: activeStepIndex === list.length - 1,
+    isPrevDisabled: activeStepIndex === 0,
+    prevHandler: decreaseStepIndex,
+    nextHandler: increaseStepIndex,
+    stepCount: list.length
+  });
+};
+
+export { Stepper };

package/components/Stepper/index.d.ts

@@ -0,0 +1 @@
+export * from './Stepper';

package/components/Stepper/index.js

@@ -0,0 +1,3 @@
+export { Stepper } from './Stepper.js';
+import '../../slicedToArray-0c706912.js';
+import 'react';

package/components/Stepper/types.d.ts

@@ -0,0 +1,16 @@
+import type { JSX } from 'react';
+export interface TStepperContentWrapperProps {
+    isPrevDisabled: boolean;
+    isNextDisabled: boolean;
+    prevHandler: () => void;
+    nextHandler: () => void;
+    activeStepIndex: number;
+    stepCount: number;
+}
+declare type TComp = (props: TStepperContentWrapperProps) => JSX.Element;
+export interface TStepperProps {
+    list: TComp[];
+    activeStep?: number;
+    setActiveStep?: (step: number) => void;
+}
+export {};

package/components/Stepper/types.js

@@ -0,0 +1 @@
+

package/components/Switcher/Switcher.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import type { TSwitcherProps } from './types';
+export declare const Switcher: React.ForwardRefExoticComponent<TSwitcherProps & React.RefAttributes<unknown>>;

package/components/Switcher/Switcher.js

@@ -0,0 +1,91 @@
+import React, { forwardRef } from 'react';
+import classNames from 'classnames';
+import { Label } from '../../helperComponents/Label/Label.js';
+import 'dayjs';
+import '../Checkbox/Checkbox.js';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import { IconCheckmark } from '../SVGIcons/IconCheckmark.js';
+import 'react-syntax-highlighter';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import '../../defineProperty-7db32082.js';
+import '../../typeof-ecd92d7f.js';
+import '../../extends-e8ef956f.js';
+import '../Popover/Popover.js';
+import '../../slicedToArray-0c706912.js';
+import '../../hooks/useGetTooltipStyles.js';
+import '../../hooks/useGetElemSizes.js';
+import '../../hooks/useGetElemPositions.js';
+import '../../hooks/useGetTooltipPosition.js';
+import '../Tooltip/types.js';
+import '../../hooks/useHideOnScroll.js';
+import '../../consts/index.js';
+import '../../hooks/useOnOutsideClick.js';
+import '../Link/Link.js';
+import '../SVGIcons/IconInfo.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../helperComponents/IconDynamicComponent/constants.js';
+
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+var Switcher = /*#__PURE__*/forwardRef(function (props, ref) {
+  var onClick = props.onClick,
+    _props$id = props.id,
+    id = _props$id === void 0 ? '' : _props$id,
+    name = props.name,
+    value = props.value,
+    disabled = props.disabled,
+    label = props.label,
+    _props$inlineType = props.inlineType,
+    inlineType = _props$inlineType === void 0 ? false : _props$inlineType,
+    dataId = props.dataId,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    setFieldValue = props.setFieldValue,
+    selectedValue = props.selectedValue,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    labelAddons = props.labelAddons;
+  var isChecked = !!value || !!selectedValue;
+  var changeHandler = function changeHandler() {
+    if (name && setFieldValue) {
+      setFieldValue(name, !isChecked);
+    }
+    if (onClick) {
+      onClick(!isChecked);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('switcher', {
+      'switcher--inline': inlineType
+    })
+  }, label && /*#__PURE__*/React.createElement(Label, {
+    text: label,
+    disabled: disabled,
+    labelAddons: labelAddons,
+    size: inlineType ? 'standard' : size,
+    className: "switcher__label"
+  }), /*#__PURE__*/React.createElement("label", {
+    id: id,
+    className: classNames('controller', 'controller--switch', "controller--switch-".concat(size), className, {
+      'controller--disabled': disabled
+    })
+  }, /*#__PURE__*/React.createElement("input", {
+    "data-id": dataId,
+    type: "checkbox",
+    tabIndex: 0,
+    onChange: changeHandler,
+    checked: isChecked,
+    disabled: disabled
+  }), /*#__PURE__*/React.createElement("span", {
+    className: "controller__icon"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "controller__icon__inner"
+  }, /*#__PURE__*/React.createElement(IconCheckmark, {
+    size: "xsmall",
+    className: "controller__mark"
+  })))));
+});
+Switcher.displayName = 'Switcher';
+
+export { Switcher };

package/components/Switcher/index.d.ts

@@ -0,0 +1 @@
+export * from './Switcher';

package/components/Switcher/index.js

@@ -0,0 +1,29 @@
+export { Switcher } from './Switcher.js';
+import 'react';
+import 'classnames';
+import '../../helperComponents/Label/Label.js';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import 'dayjs';
+import '../Checkbox/Checkbox.js';
+import '../../defineProperty-7db32082.js';
+import '../../typeof-ecd92d7f.js';
+import '../../extends-e8ef956f.js';
+import '../Popover/Popover.js';
+import '../../slicedToArray-0c706912.js';
+import '../../hooks/useGetTooltipStyles.js';
+import '../../hooks/useGetElemSizes.js';
+import '../../hooks/useGetElemPositions.js';
+import '../../hooks/useGetTooltipPosition.js';
+import '../Tooltip/types.js';
+import '../../hooks/useHideOnScroll.js';
+import '../../consts/index.js';
+import '../../hooks/useOnOutsideClick.js';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import '../Link/Link.js';
+import '../SVGIcons/IconInfo.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../helperComponents/IconDynamicComponent/constants.js';
+import 'react-syntax-highlighter';
+import '../SVGIcons/IconCheckmark.js';

package/components/Switcher/types.d.ts

@@ -0,0 +1,12 @@
+import type { JSX } from 'react';
+export interface TSwitcherProps extends IFormCompProps {
+    onClick?: (isChecked: boolean) => void;
+    className?: string;
+    disabled?: boolean;
+    selectedValue?: boolean;
+    size?: 'large' | 'small';
+    inlineType?: boolean;
+    id?: string;
+    label?: string;
+    labelAddons?: JSX.Element;
+}

package/components/Switcher/types.js

@@ -0,0 +1 @@
+

package/components/Tab/Tab.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+import type { TTabProps } from './types';
+export declare const Tab: (props: TTabProps) => ReactElement;

package/components/Tab/Tab.js

@@ -0,0 +1,45 @@
+import { _ as _extends } from '../../extends-e8ef956f.js';
+import { _ as _objectWithoutProperties } from '../../objectWithoutProperties-fcd64cc7.js';
+import React from 'react';
+import { TabItem } from './TabItem.js';
+import classNames from 'classnames';
+import '../Badge/Badge.js';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import 'dayjs';
+import '../Badge/consts.js';
+import './consts.js';
+
+var _excluded = ["selectedValue", "tabItems", "onSelect", "size", "className", "type", "color"];
+var Tab = function Tab(props) {
+  var selectedValue = props.selectedValue,
+    tabItems = props.tabItems,
+    onSelect = props.onSelect,
+    size = props.size,
+    className = props.className,
+    _props$type = props.type,
+    type = _props$type === void 0 ? 'primary' : _props$type,
+    color = props.color,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames('tabs-container', "tabs-container--".concat(type), "".concat(color ? 'tabs-container--' + color : null), "tabs-container--".concat(size), className)
+  }, tabItems.map(function (tabInfo) {
+    return /*#__PURE__*/React.createElement(TabItem, _extends({
+      label: tabInfo.label,
+      size: size,
+      badgeProps: tabInfo.badgeProps,
+      onClick: function onClick() {
+        return onSelect(tabInfo.value);
+      },
+      key: tabInfo.value,
+      val: tabInfo.value,
+      isSelected: selectedValue === tabInfo.value,
+      dataId: (tabInfo === null || tabInfo === void 0 ? void 0 : tabInfo.dataId) || '',
+      disabled: tabInfo.disabled,
+      iconProps: tabInfo.iconProps,
+      rightIconProps: tabInfo.rightIconProps
+    }, rest));
+  }));
+};
+
+export { Tab };

package/components/Tab/TabItem.d.ts

@@ -0,0 +1,3 @@
+import type { JSX } from 'react';
+import type { TTabItemProps } from './types';
+export declare const TabItem: (props: TTabItemProps) => JSX.Element | null;

package/components/Tab/TabItem.js

@@ -0,0 +1,58 @@
+import { _ as _extends } from '../../extends-e8ef956f.js';
+import React from 'react';
+import { Badge } from '../Badge/Badge.js';
+import { noop } from '../../utils/helpers.js';
+import classNames from 'classnames';
+import { Text } from '../Text/Text.js';
+import { ICON_SIZE_MAPPING, TEXT_SIZE_MAPPING } from './consts.js';
+import '../Badge/consts.js';
+import 'dayjs';
+
+var TabItem = function TabItem(props) {
+  var iconProps = props.iconProps,
+    badgeProps = props.badgeProps,
+    label = props.label,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'large' : _props$size,
+    _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$disabled = props.disabled,
+    disabled = _props$disabled === void 0 ? false : _props$disabled,
+    isSelected = props.isSelected,
+    rightIconProps = props.rightIconProps,
+    val = props.val,
+    onClick = props.onClick,
+    dataId = props.dataId;
+  return /*#__PURE__*/React.createElement("div", {
+    onClick: disabled ? noop : onClick,
+    className: classNames('tab', {
+      'tab--disabled': disabled
+    }, {
+      'tab--selected': isSelected
+    }, className)
+  }, iconProps !== null && iconProps !== void 0 && iconProps.Component ? /*#__PURE__*/React.createElement(iconProps.Component, _extends({
+    className: "tab__icon mr-8",
+    size: ICON_SIZE_MAPPING[size]
+  }, iconProps)) : null, /*#__PURE__*/React.createElement(Text, {
+    as: 'span',
+    className: 'tab__label',
+    "data-id": dataId,
+    lineHeight: 'xsmall',
+    size: TEXT_SIZE_MAPPING[size]
+  }, label), rightIconProps !== null && rightIconProps !== void 0 && rightIconProps.Component ? /*#__PURE__*/React.createElement(rightIconProps.Component, _extends({
+    onClick: function onClick(e) {
+      if (rightIconProps !== null && rightIconProps !== void 0 && rightIconProps.action) {
+        e.stopPropagation();
+        rightIconProps === null || rightIconProps === void 0 || rightIconProps.action(val);
+      }
+    },
+    className: "tab__icon ml-8",
+    size: ICON_SIZE_MAPPING[size]
+  }, rightIconProps)) : null, badgeProps !== null && badgeProps !== void 0 && badgeProps.text ? /*#__PURE__*/React.createElement(Badge, _extends({
+    className: "tab__badge ml-8",
+    size: "small",
+    type: "grey"
+  }, badgeProps)) : null);
+};
+
+export { TabItem };

package/components/Tab/consts.d.ts

@@ -0,0 +1,7 @@
+import type { TSVGIconSize, TTextSize } from '../SVGIcons/types';
+export declare const ICON_SIZE_MAPPING: {
+    [key: string]: TSVGIconSize;
+};
+export declare const TEXT_SIZE_MAPPING: {
+    [key: string]: TTextSize;
+};

package/components/Tab/consts.js

@@ -0,0 +1,12 @@
+var ICON_SIZE_MAPPING = {
+  large: 'medium',
+  medium: 'small',
+  small: 'small'
+};
+var TEXT_SIZE_MAPPING = {
+  large: 'medium',
+  medium: 'standard',
+  small: 'standard'
+};
+
+export { ICON_SIZE_MAPPING, TEXT_SIZE_MAPPING };

package/components/Tab/index.d.ts

@@ -0,0 +1 @@
+export * from './Tab';

package/components/Tab/index.js

@@ -0,0 +1,12 @@
+export { Tab } from './Tab.js';
+import '../../extends-e8ef956f.js';
+import '../../objectWithoutProperties-fcd64cc7.js';
+import 'react';
+import './TabItem.js';
+import '../Badge/Badge.js';
+import '../Text/Text.js';
+import 'classnames';
+import '../../utils/helpers.js';
+import 'dayjs';
+import '../Badge/consts.js';
+import './consts.js';

package/components/Tab/types.d.ts

@@ -0,0 +1,51 @@
+import type { JSX } from 'react';
+import type { TBadgeProps } from '../Badge/types';
+export type TTabItem = {
+    value: number | string;
+    label: string | JSX.Element;
+    dataId?: string;
+    disabled?: boolean;
+    badgeProps?: TBadgeProps;
+    iconProps?: {
+        alignment?: string;
+        Component?: TSVGIconComponent;
+    };
+    rightIconProps?: {
+        name?: string;
+        alignment?: string;
+        action?: (value: string | number) => void;
+        Component?: TSVGIconComponent;
+    };
+};
+export interface TTabProps extends IFormCompProps {
+    tabItems: TTabItem[];
+    type?: 'primary' | 'secondary' | 'tertiary';
+    color?: 'dark' | 'light';
+    size?: 'large' | 'medium' | 'small';
+    className?: string;
+    disabled?: boolean;
+    selectedValue: number | string;
+    onSelect: (value: string | number) => void;
+}
+export type TTabItemProps = {
+    dataId?: string;
+    label?: string | JSX.Element;
+    size?: 'large' | 'medium' | 'small';
+    className?: string;
+    iconProps?: {
+        name?: string;
+        alignment?: string;
+        Component?: TSVGIconComponent;
+    };
+    rightIconProps?: {
+        name?: string;
+        alignment?: string;
+        action?: (value: string | number) => void;
+        Component?: TSVGIconComponent;
+    };
+    badgeProps?: TBadgeProps;
+    val: string | number;
+    disabled?: boolean;
+    isSelected: boolean;
+    onClick: () => void;
+};

package/components/Tab/types.js

@@ -0,0 +1 @@
+

package/components/Table/Header.d.ts

@@ -0,0 +1,16 @@
+import type { ReactElement } from 'react';
+import type { HeaderGroup } from 'react-table';
+import type { TSVGIconType } from '../SVGIcons/types';
+type Props = {
+    fixedHeader?: boolean;
+    withSelect: boolean;
+    tableWidth: number;
+    headerGroup: HeaderGroup;
+    sortIconProps?: {
+        size?: TIconSize;
+        type?: TSVGIconType;
+        Component?: TSVGIconComponent;
+    };
+};
+export declare function Header({ headerGroup, tableWidth, withSelect, fixedHeader, sortIconProps }: Props): ReactElement;
+export {};

package/components/Table/Header.js

@@ -0,0 +1,100 @@
+import { _ as _extends } from '../../extends-e8ef956f.js';
+import { _ as _defineProperty } from '../../defineProperty-7db32082.js';
+import React from 'react';
+import classNames from 'classnames';
+import { CHECKBOX_DEFAULT_WIDTH, calcColumnWidth, CHECKBOX_HEADER_ID } from './utils.js';
+import { Text } from '../Text/Text.js';
+import { IconArrowDown } from '../SVGIcons/IconArrowDown.js';
+import { IconArrowUp } from '../SVGIcons/IconArrowUp.js';
+import '../../typeof-ecd92d7f.js';
+import '../../toConsumableArray-e0031ed3.js';
+import '../../slicedToArray-0c706912.js';
+import './IndeterminateCheckbox.js';
+import '../Checkbox/Checkbox.js';
+import '../Popover/Popover.js';
+import '../../hooks/useGetTooltipStyles.js';
+import '../../hooks/useGetElemSizes.js';
+import '../../hooks/useGetElemPositions.js';
+import '../../hooks/useGetTooltipPosition.js';
+import '../Tooltip/types.js';
+import '../../hooks/useHideOnScroll.js';
+import '../../consts/index.js';
+import 'dayjs';
+import '../../hooks/useOnOutsideClick.js';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import '../Link/Link.js';
+import '../../utils/helpers.js';
+import '../SVGIcons/IconInfo.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../helperComponents/IconDynamicComponent/constants.js';
+import 'react-syntax-highlighter';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function Header(_ref) {
+  var headerGroup = _ref.headerGroup,
+    tableWidth = _ref.tableWidth,
+    withSelect = _ref.withSelect,
+    _ref$fixedHeader = _ref.fixedHeader,
+    fixedHeader = _ref$fixedHeader === void 0 ? false : _ref$fixedHeader,
+    sortIconProps = _ref.sortIconProps;
+  return /*#__PURE__*/React.createElement("tr", _extends({}, headerGroup.getHeaderGroupProps(), {
+    className: classNames({
+      fixed_header: fixedHeader
+    })
+  }), headerGroup.headers.map(function (_ref2, i, arr) {
+    var _arr;
+    var id = _ref2.id,
+      minWidth = _ref2.minWidth,
+      maxWidth = _ref2.maxWidth,
+      width = _ref2.width,
+      widthInPercent = _ref2.widthInPercent,
+      getHeaderProps = _ref2.getHeaderProps,
+      fixed = _ref2.fixed,
+      columnProps = _ref2.columnProps,
+      render = _ref2.render,
+      isSorted = _ref2.isSorted,
+      isSortedDesc = _ref2.isSortedDesc,
+      getSortByToggleProps = _ref2.getSortByToggleProps;
+    var isSelection = id === CHECKBOX_HEADER_ID;
+    var style = _objectSpread(_objectSpread(_objectSpread({
+      width: isSelection ? CHECKBOX_DEFAULT_WIDTH : calcColumnWidth(widthInPercent, tableWidth),
+      left: !isSelection && withSelect && fixed === 'left' ? CHECKBOX_DEFAULT_WIDTH : 0
+    }, !isSelection && minWidth ? {
+      minWidth: minWidth
+    } : {}), !isSelection && maxWidth ? {
+      maxWidth: maxWidth
+    } : {}), !isSelection && width ? {
+      width: width
+    } : {});
+    return /*#__PURE__*/React.createElement("th", _extends({
+      key: i
+    }, getHeaderProps(columnProps !== null && columnProps !== void 0 && columnProps.sortable ? getSortByToggleProps() : undefined), {
+      className: classNames({
+        fixed_column_left: fixed === 'left',
+        fixed_column_right: fixed === 'right',
+        fixed_checkbox: isSelection && ((_arr = arr[i + 1]) === null || _arr === void 0 ? void 0 : _arr.fixed) === 'left',
+        pointer: columnProps === null || columnProps === void 0 ? void 0 : columnProps.sortable
+      }),
+      style: style
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "flexbox align-items--center"
+    }, /*#__PURE__*/React.createElement(Text, {
+      weight: "bold",
+      className: "text-truncate"
+    }, render('Header')), isSorted && isSortedDesc && /*#__PURE__*/React.createElement(IconArrowDown, {
+      size: "xsmall",
+      className: "ml-8 cursor-pointer"
+    }), isSorted && !isSortedDesc && /*#__PURE__*/React.createElement(IconArrowUp, {
+      size: "xsmall",
+      className: "ml-8 cursor-pointer"
+    }), !isSorted && (columnProps === null || columnProps === void 0 ? void 0 : columnProps.sortable) && (sortIconProps !== null && sortIconProps !== void 0 && sortIconProps.Component ? /*#__PURE__*/React.createElement(sortIconProps.Component, {
+      size: sortIconProps === null || sortIconProps === void 0 ? void 0 : sortIconProps.size,
+      type: sortIconProps === null || sortIconProps === void 0 ? void 0 : sortIconProps.type,
+      className: "cursor-pointer unsorted__icon ml-8"
+    }) : null)));
+  }));
+}
+
+export { Header };

package/components/Table/IndeterminateCheckbox.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+type IndeterminateCheckboxProps = {
+    indeterminate: boolean;
+    checked: boolean;
+    onChange: (e: {
+        target: {
+            checked: boolean;
+        };
+    }) => void;
+};
+export declare const IndeterminateCheckbox: React.ForwardRefExoticComponent<IndeterminateCheckboxProps & React.RefAttributes<HTMLInputElement>>;
+export {};

package/components/Table/IndeterminateCheckbox.js

@@ -0,0 +1,53 @@
+import React, { forwardRef, useRef, useEffect } from 'react';
+import { Checkbox } from '../Checkbox/Checkbox.js';
+import '../../defineProperty-7db32082.js';
+import '../../typeof-ecd92d7f.js';
+import '../../extends-e8ef956f.js';
+import 'classnames';
+import '../Popover/Popover.js';
+import '../../slicedToArray-0c706912.js';
+import '../../hooks/useGetTooltipStyles.js';
+import '../../hooks/useGetElemSizes.js';
+import '../../hooks/useGetElemPositions.js';
+import '../../hooks/useGetTooltipPosition.js';
+import '../Tooltip/types.js';
+import '../../hooks/useHideOnScroll.js';
+import '../../consts/index.js';
+import 'dayjs';
+import '../../hooks/useOnOutsideClick.js';
+import '../../hooks/useScreenSize.js';
+import 'react-hook-form';
+import '../Text/Text.js';
+import '../../utils/helpers.js';
+import '../Link/Link.js';
+import '../SVGIcons/IconInfo.js';
+import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
+import '../../helperComponents/IconDynamicComponent/constants.js';
+import 'react-syntax-highlighter';
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+var IndeterminateCheckbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var indeterminate = _ref.indeterminate,
+    checked = _ref.checked,
+    onChange = _ref.onChange;
+  var defaultRef = useRef(null);
+  var resolvedRef = ref || defaultRef;
+  useEffect(function () {
+    resolvedRef.current.indeterminate = indeterminate;
+  }, [resolvedRef, indeterminate]);
+  var handleChange = function handleChange(v) {
+    onChange({
+      target: {
+        checked: v
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(Checkbox, {
+    value: checked,
+    onClick: handleChange,
+    ref: resolvedRef
+  });
+});
+IndeterminateCheckbox.displayName = 'IndeterminateCheckbox';
+
+export { IndeterminateCheckbox };

package/components/Table/Row.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from 'react';
+import type { Row as RowType } from 'react-table';
+type Props = {
+    row: RowType;
+    handleRowClick?: (row: any) => void;
+    withSelect: boolean;
+    selectedFlatRows: RowType[];
+};
+export declare function Row({ row, selectedFlatRows, withSelect, handleRowClick }: Props): ReactElement;
+export {};