@true-engineering/true-react-common-ui-kit 4.0.0-alpha70 → 4.0.0-alpha71

package/dist/true-react-common-ui-kit.js

@@ -2939,7 +2939,7 @@ const useStyles$Y = createThemedStyles("Icon", {
   }
 });
 const Icon = ({ type, data, testId, tweakStyles }) => {
-  const classes = useStyles$Y({ theme: tweakStyles });
+  const classes = useStyles$Y({ tweakStyles });
   const theme = useTheme();
   const icon = theme.icons?.[type] ?? iconsMap[type];
   if (isEmpty(icon)) {
@@ -3181,7 +3181,7 @@ const ListItem = ({
   data,
   onClick
 }) => {
-  const classes = useStyles$W({ theme: tweakStyles });
+  const classes = useStyles$W({ tweakStyles });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     shouldDrawSpacerAbove && /* @__PURE__ */ jsx("div", { className: classes.spacer }),
     /* @__PURE__ */ jsxs(
@@ -3224,7 +3224,7 @@ const withPopupStyles$1 = {
   }
 };
 const List = ({ items, size: size2, testId, data, tweakStyles, onClick }) => {
-  const classes = useStyles$V({ theme: tweakStyles });
+  const classes = useStyles$V({ tweakStyles });
   const handleItemClick = (event, { onClick: itemOnClick }) => {
     if (isNotEmpty(itemOnClick)) {
       itemOnClick(event);
@@ -3310,7 +3310,7 @@ const AccountInfo = ({
   accountName,
   options
 }) => {
-  const classes = useStyles$U({ theme: tweakStyles });
+  const classes = useStyles$U({ tweakStyles });
   const tweakListStyles = useTweakStyles({
     tweakStyles,
     className: "tweakList",
@@ -3383,7 +3383,7 @@ const AddButton = ({
   testId,
   tweakStyles
 }) => {
-  const classes = useStyles$T({ theme: tweakStyles });
+  const classes = useStyles$T({ tweakStyles });
   return /* @__PURE__ */ jsxs(
     "button",
     {
@@ -3448,7 +3448,7 @@ const useStyles$S = createThemedStyles("DotsPreloader", {
   }
 });
 const DotsPreloader = ({ tweakStyles }) => {
-  const classes = useStyles$S({ theme: tweakStyles });
+  const classes = useStyles$S({ tweakStyles });
   return /* @__PURE__ */ jsx("div", { className: classes.root, children: /* @__PURE__ */ jsx("span", { className: classes.dot }) });
 };
 const DefaultPreloader = () => /* @__PURE__ */ jsxs("svg", { width: "100%", height: "100%", viewBox: "0 0 40 40", xmlns: "http://www.w3.org/2000/svg", children: [
@@ -3481,7 +3481,7 @@ const useStyles$R = createThemedStyles("SvgPreloader", {
   }
 });
 const SvgPreloader = ({ type = "default", tweakStyles }) => {
-  const classes = useStyles$R({ theme: tweakStyles });
+  const classes = useStyles$R({ tweakStyles });
   const theme = useTheme();
   const PreloaderIcon = theme.preloaders?.[type] ?? DefaultPreloader;
   const isInlineSvg = typeof PreloaderIcon === "string";
@@ -3505,7 +3505,7 @@ const ThemedPreloader = ({
   testId,
   tweakStyles
 }) => {
-  const classes = useStyles$Q({ theme: tweakStyles });
+  const classes = useStyles$Q({ tweakStyles });
   const tweakDotsPreloaderStyles = useTweakStyles({
     tweakStyles,
     className: "tweakDotsPreloader",
@@ -3699,7 +3699,7 @@ const Button = forwardRef(function Button2({
   preloaderType = "dots",
   ...interactions
 }, ref) {
-  const classes = useStyles$P({ theme: tweakStyles });
+  const classes = useStyles$P({ tweakStyles });
   const tweakPreloaderStyles = useTweakStyles({
     innerStyles: getPreloaderStyles(size2),
     tweakStyles,
@@ -3806,7 +3806,7 @@ function Checkbox({
   tweakStyles,
   onSelect
 }) {
-  const classes = useStyles$O({ theme: tweakStyles });
+  const classes = useStyles$O({ tweakStyles });
   const hasAction = !isDisabled && !isReadonly;
   const isSelected = isChecked || isSemiChecked;
   const onToggle = (event) => onSelect?.({ value, isSelected: !isSelected }, event);
@@ -3874,7 +3874,7 @@ const CloseButton = ({
   icon = "close",
   onClose
 }) => {
-  const classes = useStyles$N({ theme: tweakStyles });
+  const classes = useStyles$N({ tweakStyles });
   return /* @__PURE__ */ jsx(
     "button",
     {
@@ -3897,7 +3897,7 @@ const useStyles$M = createThemedStyles("CssBaseline", {
   root: {}
 });
 const CssBaseline = ({ data, testId, tweakStyles }) => {
-  const classes = useStyles$M({ theme: tweakStyles });
+  const classes = useStyles$M({ tweakStyles });
   return /* @__PURE__ */ jsx("div", { className: classes.root, ...addDataAttributes$1(data, testId) });
 };
 const useStyles$L = createThemedStyles("WithMessages", {
@@ -3935,7 +3935,7 @@ const useStyles$L = createThemedStyles("WithMessages", {
   children: {}
 });
 const WithMessages = forwardRef(function WithMessages2({ children, infoMessage, errorMessage, controlsDirection, tweakStyles, testId, data }, ref) {
-  const classes = useStyles$L({ theme: tweakStyles });
+  const classes = useStyles$L({ tweakStyles });
   const shouldShowError = isReactNodeNotEmpty(errorMessage);
   const shouldShowInfo = isReactNodeNotEmpty(infoMessage) && !shouldShowError;
   return /* @__PURE__ */ jsxs(
@@ -4140,7 +4140,7 @@ const ControlWrapper = ({
   data,
   onClear
 }) => {
-  const classes = useStyles$K({ theme: tweakStyles });
+  const classes = useStyles$K({ tweakStyles });
   const [startControlsWidth, setStartControlsWidth] = useState();
   const startIcons = getArray(startIcon).map(convertToControlWrapperIcon);
   const endIcons = getArray(endIcon).map(convertToControlWrapperIcon);
@@ -4347,7 +4347,7 @@ const InputBase = forwardRef(function InputBase2({
   children,
   ...inputProps
 }, ref) {
-  const classes = useStyles$J({ theme: tweakStyles });
+  const classes = useStyles$J({ tweakStyles });
   const tweakControlWrapperStyles = useTweakStyles({
     tweakStyles,
     className: "tweakControlWrapper",
@@ -4512,7 +4512,7 @@ const DateInput = forwardRef(function DateInput2({
   onChange,
   ...inputProps
 }, ref) {
-  const classes = useStyles$I({ theme: tweakStyles });
+  const classes = useStyles$I({ tweakStyles });
   const tweakInputStyles = useTweakStyles({
     tweakStyles,
     className: "tweakInput",
@@ -4763,7 +4763,7 @@ function SelectList({
   convertValueToReactNode = convertValueToString,
   convertValueToId
 }) {
-  const classes = useStyles$H({ theme: tweakStyles });
+  const classes = useStyles$H({ tweakStyles });
   const isHeaderNotEmpty = isReactNodeNotEmpty(customListHeader);
   const isFooterNotEmpty = isReactNodeNotEmpty(customListFooter);
   const optionsDisableMap = useMemo(
@@ -4963,7 +4963,7 @@ function Select(props) {
     size: size2,
     ...inputProps
   } = props;
-  const classes = useStyles$G({ theme: tweakStyles });
+  const classes = useStyles$G({ tweakStyles });
   const { shouldRenderInList: shouldRenderSearchInputInList = false, ...searchInputProps } = searchInput ?? {};
   const hasSearchInputInList = optionsMode !== "normal" && shouldRenderSearchInputInList;
   const hasReadonlyInput = isReadonly || optionsMode === "normal" || shouldRenderSearchInputInList;
@@ -5418,7 +5418,7 @@ const DatePickerHeader = ({
   decreaseMonth,
   increaseMonth
 }) => {
-  const classes = useStyles$F({ theme: tweakStyles });
+  const classes = useStyles$F({ tweakStyles });
   const tweakSelectStyles = useTweakStyles({
     innerStyles: selectStyles$1,
     tweakStyles,
@@ -5562,7 +5562,7 @@ const DatePicker = forwardRef(function DatePicker2({
   tweakStyles,
   ...inputProps
 }, ref) {
-  const classes = useStyles$E({ theme: tweakStyles });
+  const classes = useStyles$E({ tweakStyles });
   const tweakDateInputStyles = useTweakStyles({
     tweakStyles,
     className: "tweakDateInput",
@@ -5770,7 +5770,7 @@ const Description = ({
   data,
   tweakStyles
 }) => {
-  const classes = useStyles$D({ theme: tweakStyles });
+  const classes = useStyles$D({ tweakStyles });
   const isTooShort = text.length < truncateIndex;
   const [isOpen, setIsOpen] = useState(isAlwaysOpen);
   const link = text.match(LINK_REGEXP);
@@ -5874,7 +5874,7 @@ const FileInput = forwardRef(function FileInput2({
   tweakStyles,
   data
 }, ref) {
-  const classes = useStyles$C({ theme: tweakStyles });
+  const classes = useStyles$C({ tweakStyles });
   const [isDragOver, setIsDragOver] = useState(false);
   const handleAdd = (files) => {
     if (isDisabled || isEmpty(files) || files?.length === 0) {
@@ -6016,7 +6016,7 @@ const IconButton = forwardRef(function IconButton2({
   onClick,
   ...restProps
 }, ref) {
-  const classes = useStyles$B({ theme: tweakStyles });
+  const classes = useStyles$B({ tweakStyles });
   const hasNoAction = isDisabled || isLoading;
   return /* @__PURE__ */ jsx(
     "button",
@@ -6085,7 +6085,7 @@ const Tooltip = ({
   testId,
   tweakStyles
 }) => {
-  const classes = useStyles$A({ theme: tweakStyles });
+  const classes = useStyles$A({ tweakStyles });
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -6128,7 +6128,7 @@ const TextWithTooltip = ({
   data,
   tweakStyles
 }) => {
-  const classes = useStyles$z({ theme: tweakStyles });
+  const classes = useStyles$z({ tweakStyles });
   const tweakTooltipStyles = useTweakStyles({
     tweakStyles,
     className: "tweakTooltip",
@@ -6359,7 +6359,7 @@ const FileItem = ({
   data,
   tweakStyles
 }) => {
-  const classes = useStyles$y({ theme: tweakStyles });
+  const classes = useStyles$y({ tweakStyles });
   const tweakIconButtonStyles = useTweakStyles({
     tweakStyles,
     className: "tweakRemoveIconButton",
@@ -6878,7 +6878,7 @@ const FilterInterval = ({
   toInput,
   testId
 }) => {
-  const classes = useStyles$v({ theme: tweakStyles });
+  const classes = useStyles$v({ tweakStyles });
   const translates = useMemo(() => getLocale$1(localeKey, locale), [localeKey, locale]);
   const handleClear = () => {
     onChange(void 0);
@@ -7110,7 +7110,7 @@ function MultiSelectList({
   testId
 }) {
   const isMounted = useIsMounted();
-  const classes = useStyles$u({ theme: tweakStyles });
+  const classes = useStyles$u({ tweakStyles });
   const tweakCheckboxStyles = useTweakStyles({
     innerStyles: checkboxStyles,
     tweakStyles,
@@ -7560,7 +7560,7 @@ function FilterSelect({
   hasClearButton = true,
   testId
 }) {
-  const classes = useStyles$t({ theme: tweakStyles });
+  const classes = useStyles$t({ tweakStyles });
   const tweakSearchInputStyles = useTweakStyles({
     innerStyles: searchInputStyles$1,
     tweakStyles,
@@ -7819,7 +7819,7 @@ const FilterWithDates = ({
   endPickerProps = DEFAULT_PICKER_PROPS,
   isClearable = true
 }) => {
-  const classes = useStyles$s({ theme: tweakStyles });
+  const classes = useStyles$s({ tweakStyles });
   const tweakClearButtonStyles = useTweakStyles({
     innerStyles: clearButtonStyles,
     tweakStyles,
@@ -7944,7 +7944,7 @@ const FilterWithPeriod = ({
   tweakStyles,
   testId
 }) => {
-  const classes = useStyles$r({ theme: tweakStyles });
+  const classes = useStyles$r({ tweakStyles });
   const translates = useMemo(() => getLocale$1(localeKey, locale), [localeKey, locale]);
   const [isPeriodPickerShown, setIsPeriodPickerShown] = useState(value?.periodType !== "CUSTOM");
   const [isDatePickerShown, setIsDatePickerShown] = useState(value?.periodType === "CUSTOM");
@@ -8289,7 +8289,7 @@ function FiltersPaneSearch({
   tweakStyles,
   testId
 }) {
-  const classes = useStyles$q({ theme: tweakStyles });
+  const classes = useStyles$q({ tweakStyles });
   const tweakSearchInputStyles = useTweakStyles({
     innerStyles: searchInputStyles,
     tweakStyles,
@@ -8586,7 +8586,7 @@ function FilterWrapper({
   onChange
 }) {
   const tweakStyles = useMixedStyles(baseTweakStyles, filter2.tweakWrapperStyles);
-  const classes = useStyles$o({ theme: tweakStyles });
+  const classes = useStyles$o({ tweakStyles });
   const tweakWithPopupStyles = useTweakStyles({
     tweakStyles,
     className: "tweakWithPopup",
@@ -8714,7 +8714,7 @@ function FiltersPane({
   onSettingsButtonClick,
   onClear
 }) {
-  const classes = useStyles$x({ theme: tweakStyles });
+  const classes = useStyles$x({ tweakStyles });
   const tweakClearButtonStyles = useTweakStyles({
     innerStyles: clearButtonStyles$5,
     tweakStyles,
@@ -8838,7 +8838,7 @@ const useStyles$n = createThemedStyles("Flag", {
   }
 });
 const Flag = ({ countryCode = "", tweakStyles }) => {
-  const classes = useStyles$n({ theme: tweakStyles });
+  const classes = useStyles$n({ tweakStyles });
   const countryFlagKey = countryCode.toUpperCase();
   const hasFlagInLibrary = hasFlag(countryFlagKey);
   if (hasFlagInLibrary) {
@@ -8894,7 +8894,7 @@ const useStyles$m = createThemedStyles("Skeleton", {
   }
 });
 const Skeleton = ({ height, tweakStyles }) => {
-  const classes = useStyles$m({ theme: tweakStyles });
+  const classes = useStyles$m({ tweakStyles });
   return /* @__PURE__ */ jsx("div", { className: classes.root, style: { height } });
 };
 const hasHorizontalScrollBar = (el) => isNotEmpty(el) && el.scrollWidth !== el.clientWidth;
@@ -9031,7 +9031,7 @@ function FlexibleTableCell({
   tweakStyles,
   ...valueComponentProps
 }) {
-  const classes = useStyles$k({ theme: tweakStyles });
+  const classes = useStyles$k({ tweakStyles });
   const value = row[columnName];
   const {
     component = formatCellContent(value, config[columnName]),
@@ -9115,7 +9115,7 @@ const FlexibleTableRow = genericMemo(function FlexibleTableRow2({
   onRowHover,
   onRowClick
 }) {
-  const classes = useStyles$j({ theme: tweakStyles });
+  const classes = useStyles$j({ tweakStyles });
   const tweakTableCellStyles = useTweakStyles({
     tweakStyles,
     className: "tweakTableCell",
@@ -9238,7 +9238,7 @@ function FlexibleTable({
   isExpandableRowComponentInitiallyOpen: isRowInitiallyOpen,
   ...restProps
 }) {
-  const classes = useStyles$l({ theme: tweakStyles });
+  const classes = useStyles$l({ tweakStyles });
   const tweakTableRowStyles = useTweakStyles({
     tweakStyles,
     className: "tweakTableRow",
@@ -9394,7 +9394,7 @@ const DocActions = ({
   tweakStyles,
   ...checkBoxProps
 }) => {
-  const classes = useStyles$i({ theme: tweakStyles });
+  const classes = useStyles$i({ tweakStyles });
   const tweakCheckboxStyles = useTweakStyles({
     tweakStyles,
     className: "tweakCheckbox",
@@ -9508,7 +9508,7 @@ const IncrementInput = ({
     className: "tweakInput",
     currentComponentName: "IncrementInput"
   });
-  const classes = useStyles$g({ theme: tweakStyles });
+  const classes = useStyles$g({ tweakStyles });
   const isEditDisabled = isDisabled || isReadonly;
   const isIncreaseDisabled = isEditDisabled || isNotEmpty(intPartPrecision) && getNumberLength((value ?? 0) + step) > intPartPrecision || isNotEmpty(max) && isNotEmpty(value) && value >= max;
   const isDecreaseDisabled = isEditDisabled || isNotEmpty(min) && isNotEmpty(value) && value <= min;
@@ -9841,7 +9841,7 @@ const Modal = ({
   onClose,
   ...restProps
 }) => {
-  const classes = useStyles$f({ theme: tweakStyles });
+  const classes = useStyles$f({ tweakStyles });
   const tweakCloseButtonStyles = useTweakStyles({
     innerStyles: closeButtonStyles,
     tweakStyles,
@@ -10028,7 +10028,7 @@ const MoreMenu = ({
   onMenuOpen,
   onMenuClose
 }) => {
-  const classes = useStyles$e({ theme: tweakStyles });
+  const classes = useStyles$e({ tweakStyles });
   const tweakListStyles = useTweakStyles({
     tweakStyles,
     className: "tweakList",
@@ -10147,7 +10147,7 @@ function MultiSelectInput({
   tweakStyles,
   onToggle
 }) {
-  const classes = useStyles$d({ theme: tweakStyles });
+  const classes = useStyles$d({ tweakStyles });
   const value = v?.include;
   return /* @__PURE__ */ jsxs("div", { className: classes.root, onClick: () => !isDisabled && onToggle(!isOpen), children: [
     (value === void 0 || value && value.length === 0) && /* @__PURE__ */ jsx("div", { className: classes.placeholder, children: placeholder }),
@@ -10218,7 +10218,7 @@ function MultiSelect({
   fetchOptions,
   tweakStyles
 }) {
-  const classes = useStyles$c({ theme: tweakStyles });
+  const classes = useStyles$c({ tweakStyles });
   const tweakMultiSelectListStyles = useTweakStyles({
     innerStyles: multiSelectListStyles,
     tweakStyles,
@@ -10318,7 +10318,7 @@ const Notification = ({
   icon = type !== "custom" ? `status-${type}` : void 0,
   tweakStyles
 }) => {
-  const classes = useStyles$b({ theme: tweakStyles });
+  const classes = useStyles$b({ tweakStyles });
   const hasText = isReactNodeNotEmpty(text);
   const hasTitle = isReactNodeNotEmpty(title);
   return /* @__PURE__ */ jsxs(
@@ -10433,7 +10433,7 @@ const PhoneInputCountryList = ({
   onChange,
   tweakStyles
 }) => {
-  const classes = useStyles$a({ theme: tweakStyles });
+  const classes = useStyles$a({ tweakStyles });
   const tweakInputStyles = useTweakStyles({
     innerStyles: inputStyles$1,
     tweakStyles,
@@ -10610,7 +10610,7 @@ const PhoneInput = ({
   noMatchesLabel = "Ничего не найдено",
   ...inputProps
 }) => {
-  const classes = useStyles$9({ theme: tweakStyles });
+  const classes = useStyles$9({ tweakStyles });
   const tweakInputStyles = useTweakStyles({
     innerStyles: inputStyles,
     tweakStyles,
@@ -10784,7 +10784,7 @@ function RadioButton({
   tweakStyles,
   onChange
 }) {
-  const classes = useStyles$8({ theme: tweakStyles });
+  const classes = useStyles$8({ tweakStyles });
   return /* @__PURE__ */ jsxs(
     "label",
     {
@@ -11179,7 +11179,7 @@ const Status = ({
   testId,
   data
 }) => {
-  const classes = useStyles$6({ theme: tweakStyles });
+  const classes = useStyles$6({ tweakStyles });
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -11273,7 +11273,7 @@ const Switch = ({
   testId,
   onChange
 }) => {
-  const classes = useStyles$5({ theme: tweakStyles });
+  const classes = useStyles$5({ tweakStyles });
   const handleChange = () => onChange({ name: value, isEnabled: !isChecked });
   return /* @__PURE__ */ jsxs(
     "label",
@@ -11406,7 +11406,7 @@ const TextArea = forwardRef(function TextArea2({
   groupPlacement,
   ...textAreaProps
 }, ref) {
-  const classes = useStyles$4({ theme: tweakStyles });
+  const classes = useStyles$4({ tweakStyles });
   const shouldShowCounter = hasCounter && isNotEmpty(maxLength);
   const counterString = `${value.length} / ${maxLength}`;
   const tweakWithMessagesStyles = useTweakStyles({
@@ -11629,7 +11629,7 @@ const TextButton = forwardRef(function TextButton2({
   onClick,
   ...restProps
 }, ref) {
-  const classes = useStyles$3({ theme: tweakStyles });
+  const classes = useStyles$3({ tweakStyles });
   const tweakPreloaderStyles = useTweakStyles({
     innerStyles: preloaderStyles,
     tweakStyles,
@@ -11725,7 +11725,7 @@ const TextWithInfo = ({
   data,
   tweakStyles
 }) => {
-  const classes = useStyles$2({ theme: tweakStyles });
+  const classes = useStyles$2({ tweakStyles });
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -11795,7 +11795,7 @@ const Toaster = ({
   onClose,
   onTimeEnd
 }) => {
-  const classes = useStyles$1({ theme: tweakStyles });
+  const classes = useStyles$1({ tweakStyles });
   const tweakCloseButtonStyles = useTweakStyles({
     tweakStyles,
     className: "tweakCloseButton",
@@ -11869,7 +11869,7 @@ const NewMoreMenu = ({
   tweakStyles,
   ...rest
 }) => {
-  const classes = useStyles({ theme: tweakStyles });
+  const classes = useStyles({ tweakStyles });
   const tweakWithPopupStyles = useTweakStyles({
     tweakStyles,
     className: "tweakWithPopup",