@hh.ru/magritte-ui-checkbox-radio 4.1.39 → 4.1.40

package/Checkbox.d.ts

@@ -1,3 +1,3 @@
 import { FcWithFlag } from '@hh.ru/magritte-types';
-import { CheckboxProps } from '@hh.ru/magritte-ui-checkbox-radio/types';
+import { CheckboxProps } from './types';
 export declare const Checkbox: import("@hh.ru/magritte-ui-skeleton").ComponentWithSkeleton<FcWithFlag<CheckboxProps, "isCheckbox">, CheckboxProps>;

package/Checkbox.js

@@ -3,55 +3,82 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
-import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-BtZPDu8l.js';
+import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-yIwBQneg.js';
 import { CheckboxLineSize24, CheckboxCheckSize24 } from '@hh.ru/magritte-ui-icon/variants/private';
 import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
 import '@hh.ru/magritte-common-use-loading-state';
 
-const CheckboxComponent = ({ checked, disabled, invalid, indeterminate = false, onChange, readOnly, 'aria-label': ariaLabel, 'data-qa': dataQaInput, dataQaContainer = 'checkbox-container', dataQaCheckbox = 'checkbox', ...props }) => {
-    const forceDisabled = useDisabled();
-    const checkboxRef = useRef(null);
-    useEffect(() => {
-        /*
-            Без этого ломается использование совместно с CheckableCard. Если при клике на карточку
-            checked и indeterminate выставляется в true, то при последующем клике именно по чекбоксу
-            у него не сбрасывается indeterminate состояние, хоть в пропсах и приходит false.
-            Почему так происходит - загадка. CheckableCard перехватывает клики, поэтому не должно быть разницы
-            куда кликать, по чекбоксу или по остальной площади карточки, тем не менее поведение отличается.
-            Я пробовал еще перехватывать onMouseDown/Up, это не помогло.
-            Другой вариант решения проблемы - отключить pointerEvents у readOnly чекбокса. Оно мне кажется чище,
-            но нет гарантий что никто не завязался на onClick на таком чекбоксе, поэтому сделал так.
-            Если присваивать без setTimeout и проверить значение indeterminate сразу же после присваивания,
-            то оно вернет ожидаемое значение.
-            Если проверить его в Promise.resolve().then(() => console.log(checkboxRef.current.indeterminate))
-            оно так же вернет ожидаемое значение. Но если проверить его в setTimeout оно вернет значение которое
-            было до присваивания.
-            Для дебага я также пробовал заменить element.indeterminate на пару геттер/сеттер, в надежде увидеть
-            кто же лишний раз вызывает присваивание. Но вызовов не было, кроме ожидаемых, к тому же все начало
-            работать - значение перестало переопределяться.
-            Воспроизвести баг в других кейсах (кроме совместного использования с CheckableCard) мне так же не удалось.
-            В общем это какая то браузерная магия, и установка значения в макротаске делает поведение ожидаемым.
-        */
-        setTimeout(() => {
-            checkboxRef.current && (checkboxRef.current.indeterminate = indeterminate);
-        }, 0);
-    }, [indeterminate]);
-    return (jsxs("span", { className: styles.checkboxContainer, "data-qa": dataQaContainer, children: [jsx("input", { ...props, checked: checked, "data-qa": dataQaInput, 
-                // Checkable Card вызывает event.preventDefault(),
-                // из-за чего браузер не перерисовывает чекбокс при изменении пропа checked,
-                // поэтому в controlled чекбоксах полагаемся на CSS-класс, а не на селектор :checked
-                className: classnames(styles.checkboxInput, {
-                    [styles.checkboxInputChecked]: checked,
-                    // нужно отличать false от undefined, потому что в случае uncontrolled чекбокса
-                    // checked равен undefined и значение задается через проп defaultChecked
-                    [styles.checkboxInputUnchecked]: Object.is(checked, false),
-                }), ref: checkboxRef, readOnly: readOnly, type: "checkbox", "aria-label": ariaLabel, disabled: forceDisabled || !!disabled, onChange: onChange }), jsx("span", { className: classnames(styles.checkbox, {
-                    [styles.invalid]: invalid,
-                }), "data-qa": dataQaCheckbox }), jsxs("span", { className: styles.iconWrapper, children: [jsx("span", { className: classnames(styles.icon, {
-                            [styles.iconHidden]: !indeterminate,
-                        }), children: jsx(CheckboxLineSize24, {}) }), jsx("span", { className: classnames(styles.icon, {
-                            [styles.iconHidden]: indeterminate,
-                        }), children: jsx(CheckboxCheckSize24, {}) })] })] }));
+const CheckboxComponent = ({
+  checked,
+  disabled,
+  invalid,
+  indeterminate = false,
+  onChange,
+  readOnly,
+  "aria-label": ariaLabel,
+  "data-qa": dataQaInput,
+  dataQaContainer = "checkbox-container",
+  dataQaCheckbox = "checkbox",
+  ...props
+}) => {
+  const forceDisabled = useDisabled();
+  const checkboxRef = useRef(null);
+  useEffect(() => {
+    setTimeout(() => {
+      checkboxRef.current && (checkboxRef.current.indeterminate = indeterminate);
+    }, 0);
+  }, [indeterminate]);
+  return /* @__PURE__ */ jsxs("span", { className: styles.checkboxContainer, "data-qa": dataQaContainer, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...props,
+        checked,
+        "data-qa": dataQaInput,
+        className: classnames(styles.checkboxInput, {
+          [styles.checkboxInputChecked]: checked,
+          // нужно отличать false от undefined, потому что в случае uncontrolled чекбокса
+          // checked равен undefined и значение задается через проп defaultChecked
+          [styles.checkboxInputUnchecked]: Object.is(checked, false)
+        }),
+        ref: checkboxRef,
+        readOnly,
+        type: "checkbox",
+        "aria-label": ariaLabel,
+        disabled: forceDisabled || !!disabled,
+        onChange
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: classnames(styles.checkbox, {
+          [styles.invalid]: invalid
+        }),
+        "data-qa": dataQaCheckbox
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { className: styles.iconWrapper, children: [
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classnames(styles.icon, {
+            [styles.iconHidden]: !indeterminate
+          }),
+          children: /* @__PURE__ */ jsx(CheckboxLineSize24, {})
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: classnames(styles.icon, {
+            [styles.iconHidden]: indeterminate
+          }),
+          children: /* @__PURE__ */ jsx(CheckboxCheckSize24, {})
+        }
+      )
+    ] })
+  ] });
 };
 CheckboxComponent.isCheckbox = true;
 const Checkbox = enrichWithSkeleton(CheckboxComponent, CheckboxSkeleton);

package/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["src/Checkbox.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\nimport { CheckboxSkeleton } from '@hh.ru/magritte-ui-checkbox-radio/CheckboxSkeleton';\nimport { CheckboxProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { CheckboxCheckSize24, CheckboxLineSize24 } from '@hh.ru/magritte-ui-icon/variants/private';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './checkbox.less';\n\nconst CheckboxComponent: FcWithFlag<CheckboxProps, 'isCheckbox'> = ({\n    checked,\n    disabled,\n    invalid,\n    indeterminate = false,\n    onChange,\n    readOnly,\n    'aria-label': ariaLabel,\n    'data-qa': dataQaInput,\n    dataQaContainer = 'checkbox-container',\n    dataQaCheckbox = 'checkbox',\n    ...props\n}) => {\n    const forceDisabled = useDisabled();\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    useEffect(() => {\n        /*\n            Без этого ломается использование совместно с CheckableCard. Если при клике на карточку\n            checked и indeterminate выставляется в true, то при последующем клике именно по чекбоксу\n            у него не сбрасывается indeterminate состояние, хоть в пропсах и приходит false.\n            Почему так происходит - загадка. CheckableCard перехватывает клики, поэтому не должно быть разницы\n            куда кликать, по чекбоксу или по остальной площади карточки, тем не менее поведение отличается.\n            Я пробовал еще перехватывать onMouseDown/Up, это не помогло.\n            Другой вариант решения проблемы - отключить pointerEvents у readOnly чекбокса. Оно мне кажется чище,\n            но нет гарантий что никто не завязался на onClick на таком чекбоксе, поэтому сделал так.\n            Если присваивать без setTimeout и проверить значение indeterminate сразу же после присваивания,\n            то оно вернет ожидаемое значение.\n            Если проверить его в Promise.resolve().then(() => console.log(checkboxRef.current.indeterminate))\n            оно так же вернет ожидаемое значение. Но если проверить его в setTimeout оно вернет значение которое\n            было до присваивания.\n            Для дебага я также пробовал заменить element.indeterminate на пару геттер/сеттер, в надежде увидеть\n            кто же лишний раз вызывает присваивание. Но вызовов не было, кроме ожидаемых, к тому же все начало\n            работать - значение перестало переопределяться.\n            Воспроизвести баг в других кейсах (кроме совместного использования с CheckableCard) мне так же не удалось.\n            В общем это какая то браузерная магия, и установка значения в макротаске делает поведение ожидаемым.\n        */\n        setTimeout(() => {\n            checkboxRef.current && (checkboxRef.current.indeterminate = indeterminate);\n        }, 0);\n    }, [indeterminate]);\n\n    return (\n        <span className={styles.checkboxContainer} data-qa={dataQaContainer}>\n            <input\n                {...props}\n                checked={checked}\n                data-qa={dataQaInput}\n                // Checkable Card вызывает event.preventDefault(),\n                // из-за чего браузер не перерисовывает чекбокс при изменении пропа checked,\n                // поэтому в controlled чекбоксах полагаемся на CSS-класс, а не на селектор :checked\n                className={classnames(styles.checkboxInput, {\n                    [styles.checkboxInputChecked]: checked,\n                    // нужно отличать false от undefined, потому что в случае uncontrolled чекбокса\n                    // checked равен undefined и значение задается через проп defaultChecked\n                    [styles.checkboxInputUnchecked]: Object.is(checked, false),\n                })}\n                ref={checkboxRef}\n                readOnly={readOnly}\n                type=\"checkbox\"\n                aria-label={ariaLabel}\n                disabled={forceDisabled || !!disabled}\n                onChange={onChange}\n            />\n            <span\n                className={classnames(styles.checkbox, {\n                    [styles.invalid]: invalid,\n                })}\n                data-qa={dataQaCheckbox}\n            />\n            <span className={styles.iconWrapper}>\n                <span\n                    className={classnames(styles.icon, {\n                        [styles.iconHidden]: !indeterminate,\n                    })}\n                >\n                    <CheckboxLineSize24 />\n                </span>\n                <span\n                    className={classnames(styles.icon, {\n                        [styles.iconHidden]: indeterminate,\n                    })}\n                >\n                    <CheckboxCheckSize24 />\n                </span>\n            </span>\n        </span>\n    );\n};\n\nCheckboxComponent.isCheckbox = true;\n\nexport const Checkbox = enrichWithSkeleton(CheckboxComponent, CheckboxSkeleton);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAYA,MAAM,iBAAiB,GAA4C,CAAC,EAChE,OAAO,EACP,QAAQ,EACR,OAAO,EACP,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,WAAW,EACtB,eAAe,GAAG,oBAAoB,EACtC,cAAc,GAAG,UAAU,EAC3B,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;AACpC,IAAA,MAAM,WAAW,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACnD,SAAS,CAAC,MAAK;AACX;;;;;;;;;;;;;;;;;;;AAmBE;QACF,UAAU,CAAC,MAAK;AACZ,YAAA,WAAW,CAAC,OAAO,KAAK,WAAW,CAAC,OAAO,CAAC,aAAa,GAAG,aAAa,CAAC,CAAC;SAC9E,EAAE,CAAC,CAAC,CAAC;AACV,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;AAEpB,IAAA,QACIA,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,SAAA,EAAW,eAAe,EAAA,QAAA,EAAA,CAC/DC,kBACQ,KAAK,EACT,OAAO,EAAE,OAAO,aACP,WAAW;;;;AAIpB,gBAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,aAAa,EAAE;AACxC,oBAAA,CAAC,MAAM,CAAC,oBAAoB,GAAG,OAAO;;;AAGtC,oBAAA,CAAC,MAAM,CAAC,sBAAsB,GAAG,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;AAC7D,iBAAA,CAAC,EACF,GAAG,EAAE,WAAW,EAChB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,UAAU,EAAA,YAAA,EACH,SAAS,EACrB,QAAQ,EAAE,aAAa,IAAI,CAAC,CAAC,QAAQ,EACrC,QAAQ,EAAE,QAAQ,EACpB,CAAA,EACFA,GACI,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE;AACnC,oBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO;AAC5B,iBAAA,CAAC,aACO,cAAc,EAAA,CACzB,EACFD,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,WAAW,EAC/B,QAAA,EAAA,CAAAC,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/B,4BAAA,CAAC,MAAM,CAAC,UAAU,GAAG,CAAC,aAAa;AACtC,yBAAA,CAAC,EAEF,QAAA,EAAAA,GAAA,CAAC,kBAAkB,EAAA,EAAA,CAAG,GACnB,EACPA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;AAC/B,4BAAA,CAAC,MAAM,CAAC,UAAU,GAAG,aAAa;yBACrC,CAAC,EAAA,QAAA,EAEFA,IAAC,mBAAmB,EAAA,EAAA,CAAG,GACpB,CACJ,EAAA,CAAA,CAAA,EAAA,CACJ,EACT;AACN,CAAC,CAAC;AAEF,iBAAiB,CAAC,UAAU,GAAG,IAAI,CAAC;AAEvB,MAAA,QAAQ,GAAG,kBAAkB,CAAC,iBAAiB,EAAE,gBAAgB;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["src/Checkbox.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\nimport { CheckboxSkeleton } from '@hh.ru/magritte-ui-checkbox-radio/CheckboxSkeleton';\nimport { CheckboxProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { CheckboxCheckSize24, CheckboxLineSize24 } from '@hh.ru/magritte-ui-icon/variants/private';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './checkbox.less';\n\nconst CheckboxComponent: FcWithFlag<CheckboxProps, 'isCheckbox'> = ({\n    checked,\n    disabled,\n    invalid,\n    indeterminate = false,\n    onChange,\n    readOnly,\n    'aria-label': ariaLabel,\n    'data-qa': dataQaInput,\n    dataQaContainer = 'checkbox-container',\n    dataQaCheckbox = 'checkbox',\n    ...props\n}) => {\n    const forceDisabled = useDisabled();\n    const checkboxRef = useRef<HTMLInputElement>(null);\n    useEffect(() => {\n        /*\n            Без этого ломается использование совместно с CheckableCard. Если при клике на карточку\n            checked и indeterminate выставляется в true, то при последующем клике именно по чекбоксу\n            у него не сбрасывается indeterminate состояние, хоть в пропсах и приходит false.\n            Почему так происходит - загадка. CheckableCard перехватывает клики, поэтому не должно быть разницы\n            куда кликать, по чекбоксу или по остальной площади карточки, тем не менее поведение отличается.\n            Я пробовал еще перехватывать onMouseDown/Up, это не помогло.\n            Другой вариант решения проблемы - отключить pointerEvents у readOnly чекбокса. Оно мне кажется чище,\n            но нет гарантий что никто не завязался на onClick на таком чекбоксе, поэтому сделал так.\n            Если присваивать без setTimeout и проверить значение indeterminate сразу же после присваивания,\n            то оно вернет ожидаемое значение.\n            Если проверить его в Promise.resolve().then(() => console.log(checkboxRef.current.indeterminate))\n            оно так же вернет ожидаемое значение. Но если проверить его в setTimeout оно вернет значение которое\n            было до присваивания.\n            Для дебага я также пробовал заменить element.indeterminate на пару геттер/сеттер, в надежде увидеть\n            кто же лишний раз вызывает присваивание. Но вызовов не было, кроме ожидаемых, к тому же все начало\n            работать - значение перестало переопределяться.\n            Воспроизвести баг в других кейсах (кроме совместного использования с CheckableCard) мне так же не удалось.\n            В общем это какая то браузерная магия, и установка значения в макротаске делает поведение ожидаемым.\n        */\n        setTimeout(() => {\n            checkboxRef.current && (checkboxRef.current.indeterminate = indeterminate);\n        }, 0);\n    }, [indeterminate]);\n\n    return (\n        <span className={styles.checkboxContainer} data-qa={dataQaContainer}>\n            <input\n                {...props}\n                checked={checked}\n                data-qa={dataQaInput}\n                // Checkable Card вызывает event.preventDefault(),\n                // из-за чего браузер не перерисовывает чекбокс при изменении пропа checked,\n                // поэтому в controlled чекбоксах полагаемся на CSS-класс, а не на селектор :checked\n                className={classnames(styles.checkboxInput, {\n                    [styles.checkboxInputChecked]: checked,\n                    // нужно отличать false от undefined, потому что в случае uncontrolled чекбокса\n                    // checked равен undefined и значение задается через проп defaultChecked\n                    [styles.checkboxInputUnchecked]: Object.is(checked, false),\n                })}\n                ref={checkboxRef}\n                readOnly={readOnly}\n                type=\"checkbox\"\n                aria-label={ariaLabel}\n                disabled={forceDisabled || !!disabled}\n                onChange={onChange}\n            />\n            <span\n                className={classnames(styles.checkbox, {\n                    [styles.invalid]: invalid,\n                })}\n                data-qa={dataQaCheckbox}\n            />\n            <span className={styles.iconWrapper}>\n                <span\n                    className={classnames(styles.icon, {\n                        [styles.iconHidden]: !indeterminate,\n                    })}\n                >\n                    <CheckboxLineSize24 />\n                </span>\n                <span\n                    className={classnames(styles.icon, {\n                        [styles.iconHidden]: indeterminate,\n                    })}\n                >\n                    <CheckboxCheckSize24 />\n                </span>\n            </span>\n        </span>\n    );\n};\n\nCheckboxComponent.isCheckbox = true;\n\nexport const Checkbox = enrichWithSkeleton(CheckboxComponent, CheckboxSkeleton);\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,oBAA6D,CAAC;AAAA,EAChE,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAgB,GAAA,KAAA;AAAA,EAChB,QAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAc,EAAA,SAAA;AAAA,EACd,SAAW,EAAA,WAAA;AAAA,EACX,eAAkB,GAAA,oBAAA;AAAA,EAClB,cAAiB,GAAA,UAAA;AAAA,EACjB,GAAG,KAAA;AACP,CAAM,KAAA;AACF,EAAA,MAAM,gBAAgB,WAAY,EAAA,CAAA;AAClC,EAAM,MAAA,WAAA,GAAc,OAAyB,IAAI,CAAA,CAAA;AACjD,EAAA,SAAA,CAAU,MAAM;AAqBZ,IAAA,UAAA,CAAW,MAAM;AACb,MAAY,WAAA,CAAA,OAAA,KAAY,WAAY,CAAA,OAAA,CAAQ,aAAgB,GAAA,aAAA,CAAA,CAAA;AAAA,OAC7D,CAAC,CAAA,CAAA;AAAA,GACR,EAAG,CAAC,aAAa,CAAC,CAAA,CAAA;AAElB,EAAA,4BACK,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,iBAAA,EAAmB,WAAS,eAChD,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACI,GAAG,KAAA;AAAA,QACJ,OAAA;AAAA,QACA,SAAS,EAAA,WAAA;AAAA,QAIT,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,aAAe,EAAA;AAAA,UACxC,CAAC,MAAO,CAAA,oBAAoB,GAAG,OAAA;AAAA;AAAA;AAAA,UAG/B,CAAC,MAAO,CAAA,sBAAsB,GAAG,MAAO,CAAA,EAAA,CAAG,SAAS,KAAK,CAAA;AAAA,SAC5D,CAAA;AAAA,QACD,GAAK,EAAA,WAAA;AAAA,QACL,QAAA;AAAA,QACA,IAAK,EAAA,UAAA;AAAA,QACL,YAAY,EAAA,SAAA;AAAA,QACZ,QAAA,EAAU,aAAiB,IAAA,CAAC,CAAC,QAAA;AAAA,QAC7B,QAAA;AAAA,OAAA;AAAA,KACJ;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,QAAU,EAAA;AAAA,UACnC,CAAC,MAAO,CAAA,OAAO,GAAG,OAAA;AAAA,SACrB,CAAA;AAAA,QACD,SAAS,EAAA,cAAA;AAAA,OAAA;AAAA,KACb;AAAA,oBACC,IAAA,CAAA,MAAA,EAAA,EAAK,SAAW,EAAA,MAAA,CAAO,WACpB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,IAAM,EAAA;AAAA,YAC/B,CAAC,MAAA,CAAO,UAAU,GAAG,CAAC,aAAA;AAAA,WACzB,CAAA;AAAA,UAED,8BAAC,kBAAmB,EAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OACxB;AAAA,sBACA,GAAA;AAAA,QAAC,MAAA;AAAA,QAAA;AAAA,UACG,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,IAAM,EAAA;AAAA,YAC/B,CAAC,MAAO,CAAA,UAAU,GAAG,aAAA;AAAA,WACxB,CAAA;AAAA,UAED,8BAAC,mBAAoB,EAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OACzB;AAAA,KACJ,EAAA,CAAA;AAAA,GACJ,EAAA,CAAA,CAAA;AAER,CAAA,CAAA;AAEA,iBAAA,CAAkB,UAAa,GAAA,IAAA,CAAA;AAElB,MAAA,QAAA,GAAW,kBAAmB,CAAA,iBAAA,EAAmB,gBAAgB;;;;"}

package/CheckboxSkeleton-yIwBQneg.js

@@ -0,0 +1,27 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
+import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
+
+var styles = {"checkbox-container":"magritte-checkbox-container___3QIIQ_4-1-40","checkboxContainer":"magritte-checkbox-container___3QIIQ_4-1-40","checkbox-input":"magritte-checkbox-input___Y41Ta_4-1-40","checkboxInput":"magritte-checkbox-input___Y41Ta_4-1-40","checkbox":"magritte-checkbox___xQHy4_4-1-40","icon-wrapper":"magritte-icon-wrapper___li18-_4-1-40","iconWrapper":"magritte-icon-wrapper___li18-_4-1-40","checkbox-input-unchecked":"magritte-checkbox-input-unchecked___Mupry_4-1-40","checkboxInputUnchecked":"magritte-checkbox-input-unchecked___Mupry_4-1-40","checkbox-input-checked":"magritte-checkbox-input-checked___8CrvA_4-1-40","checkboxInputChecked":"magritte-checkbox-input-checked___8CrvA_4-1-40","invalid":"magritte-invalid___6k7qT_4-1-40","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_4-1-40","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_4-1-40","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_4-1-40","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_4-1-40","icon":"magritte-icon___q1TLo_4-1-40","iconHidden":"magritte-iconHidden___Sb3FQ_4-1-40"};
+
+const CheckboxSkeleton = ({
+  Component: Checkbox,
+  // skeleton props
+  width,
+  height,
+  borderRadius,
+  inline,
+  additionalClass,
+  loading,
+  ...checkboxProps
+}) => {
+  const isLoading = useLoadingState() || loading;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: styles.checkboxSkeletonContainer, children: /* @__PURE__ */ jsx(Skeleton, { loading: true, additionalClass: styles.checkboxSkeleton }) });
+  }
+  return /* @__PURE__ */ jsx(Checkbox, { ...checkboxProps });
+};
+
+export { CheckboxSkeleton as C, styles as s };
+//# sourceMappingURL=CheckboxSkeleton-yIwBQneg.js.map

package/{CheckboxSkeleton-BtZPDu8l.js.map → CheckboxSkeleton-yIwBQneg.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CheckboxSkeleton-BtZPDu8l.js","sources":["src/CheckboxSkeleton.tsx"],"sourcesContent":["import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { CheckboxProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './checkbox.less';\n\nexport const CheckboxSkeleton: IncompleteSkeletonComponent<CheckboxProps> = ({\n    Component: Checkbox,\n\n    // skeleton props\n    width,\n    height,\n    borderRadius,\n    inline,\n    additionalClass,\n    loading,\n\n    ...checkboxProps\n}) => {\n    const isLoading = useLoadingState() || loading;\n\n    if (isLoading) {\n        return (\n            <div className={styles.checkboxSkeletonContainer}>\n                <Skeleton loading additionalClass={styles.checkboxSkeleton} />\n            </div>\n        );\n    }\n    return <Checkbox {...checkboxProps} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;MAMa,gBAAgB,GAA+C,CAAC,EACzE,SAAS,EAAE,QAAQ;AAEnB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,aAAa,EACnB,KAAI;AACD,IAAA,MAAM,SAAS,GAAG,eAAe,EAAE,IAAI,OAAO,CAAC;IAE/C,IAAI,SAAS,EAAE;QACX,QACIA,aAAK,SAAS,EAAE,MAAM,CAAC,yBAAyB,YAC5CA,GAAC,CAAA,QAAQ,IAAC,OAAO,EAAA,IAAA,EAAC,eAAe,EAAE,MAAM,CAAC,gBAAgB,EAAA,CAAI,EAC5D,CAAA,EACR;KACL;AACD,IAAA,OAAOA,GAAC,CAAA,QAAQ,EAAK,EAAA,GAAA,aAAa,GAAI,CAAC;AAC3C;;;;"}
+{"version":3,"file":"CheckboxSkeleton-yIwBQneg.js","sources":["src/CheckboxSkeleton.tsx"],"sourcesContent":["import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { CheckboxProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './checkbox.less';\n\nexport const CheckboxSkeleton: IncompleteSkeletonComponent<CheckboxProps> = ({\n    Component: Checkbox,\n\n    // skeleton props\n    width,\n    height,\n    borderRadius,\n    inline,\n    additionalClass,\n    loading,\n\n    ...checkboxProps\n}) => {\n    const isLoading = useLoadingState() || loading;\n\n    if (isLoading) {\n        return (\n            <div className={styles.checkboxSkeletonContainer}>\n                <Skeleton loading additionalClass={styles.checkboxSkeleton} />\n            </div>\n        );\n    }\n    return <Checkbox {...checkboxProps} />;\n};\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,mBAA+D,CAAC;AAAA,EACzE,SAAW,EAAA,QAAA;AAAA;AAAA,EAGX,KAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EAEA,GAAG,aAAA;AACP,CAAM,KAAA;AACF,EAAM,MAAA,SAAA,GAAY,iBAAqB,IAAA,OAAA,CAAA;AAEvC,EAAA,IAAI,SAAW,EAAA;AACX,IAAA,uBACK,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,yBACnB,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,OAAA,EAAO,IAAC,EAAA,eAAA,EAAiB,MAAO,CAAA,gBAAA,EAAkB,CAChE,EAAA,CAAA,CAAA;AAAA,GAER;AACA,EAAO,uBAAA,GAAA,CAAC,QAAU,EAAA,EAAA,GAAG,aAAe,EAAA,CAAA,CAAA;AACxC;;;;"}

package/CheckboxSkeleton.d.ts

@@ -1,3 +1,3 @@
-import { CheckboxProps } from '@hh.ru/magritte-ui-checkbox-radio/types';
+import { CheckboxProps } from './types';
 import { IncompleteSkeletonComponent } from '@hh.ru/magritte-ui-skeleton';
 export declare const CheckboxSkeleton: IncompleteSkeletonComponent<CheckboxProps>;

package/CheckboxSkeleton.js

@@ -2,5 +2,5 @@ import './index.css';
 import 'react/jsx-runtime';
 import '@hh.ru/magritte-common-use-loading-state';
 import '@hh.ru/magritte-ui-skeleton';
-export { C as CheckboxSkeleton } from './CheckboxSkeleton-BtZPDu8l.js';
+export { C as CheckboxSkeleton } from './CheckboxSkeleton-yIwBQneg.js';
 //# sourceMappingURL=CheckboxSkeleton.js.map

package/Radio.d.ts

@@ -1,3 +1,3 @@
 import { FcWithFlag } from '@hh.ru/magritte-types';
-import { RadioProps } from '@hh.ru/magritte-ui-checkbox-radio/types';
+import { RadioProps } from './types';
 export declare const Radio: import("@hh.ru/magritte-ui-skeleton").ComponentWithSkeleton<FcWithFlag<RadioProps, "isRadio">, RadioProps>;

package/Radio.js

@@ -2,25 +2,55 @@ import './index.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import classnames from 'classnames';
 import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
-import { R as RadioSkeleton, s as styles } from './RadioSkeleton-Ddk06OCE.js';
+import { R as RadioSkeleton, s as styles } from './RadioSkeleton-DtHrnT95.js';
 import { RadioCircleSize24 } from '@hh.ru/magritte-ui-icon/variants/private';
 import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
 import '@hh.ru/magritte-common-use-loading-state';
 
-const RadioComponent = ({ checked, disabled, invalid, onChange, readOnly, 'aria-label': ariaLabel, 'data-qa': dataQaInput, dataQaContainer = 'radio-container', dataQaRadio = 'radio', ...props }) => {
-    const forceDisabled = useDisabled();
-    return (jsxs("span", { className: styles.radioContainer, "data-qa": dataQaContainer, children: [jsx("input", { ...props, checked: checked, "data-qa": dataQaInput, 
-                // Checkable Card вызывает event.preventDefault(),
-                // из-за чего браузер не перерисовывает радиокнопку при изменении пропа checked,
-                // поэтому в controlled радиокнопках полагаемся на CSS-класс, а не на селектор :checked
-                className: classnames(styles.radioInput, {
-                    [styles.radioInputChecked]: checked,
-                    // нужно отличать false от undefined, потому что в случае uncontrolled радиокнопки
-                    // checked равен undefined и значение задается через проп defaultChecked
-                    [styles.radioInputUnchecked]: Object.is(checked, false),
-                }), type: "radio", readOnly: readOnly, "aria-label": ariaLabel, disabled: forceDisabled || !!disabled, onChange: onChange }), jsx("span", { className: classnames(styles.radio, {
-                    [styles.invalid]: invalid,
-                }), "data-qa": dataQaRadio }), jsx("span", { className: styles.iconWrapper, children: jsx(RadioCircleSize24, {}) })] }));
+const RadioComponent = ({
+  checked,
+  disabled,
+  invalid,
+  onChange,
+  readOnly,
+  "aria-label": ariaLabel,
+  "data-qa": dataQaInput,
+  dataQaContainer = "radio-container",
+  dataQaRadio = "radio",
+  ...props
+}) => {
+  const forceDisabled = useDisabled();
+  return /* @__PURE__ */ jsxs("span", { className: styles.radioContainer, "data-qa": dataQaContainer, children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        ...props,
+        checked,
+        "data-qa": dataQaInput,
+        className: classnames(styles.radioInput, {
+          [styles.radioInputChecked]: checked,
+          // нужно отличать false от undefined, потому что в случае uncontrolled радиокнопки
+          // checked равен undefined и значение задается через проп defaultChecked
+          [styles.radioInputUnchecked]: Object.is(checked, false)
+        }),
+        type: "radio",
+        readOnly,
+        "aria-label": ariaLabel,
+        disabled: forceDisabled || !!disabled,
+        onChange
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: classnames(styles.radio, {
+          [styles.invalid]: invalid
+        }),
+        "data-qa": dataQaRadio
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: styles.iconWrapper, children: /* @__PURE__ */ jsx(RadioCircleSize24, {}) })
+  ] });
 };
 RadioComponent.isRadio = true;
 const Radio = enrichWithSkeleton(RadioComponent, RadioSkeleton);

package/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sources":["src/Radio.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\nimport { RadioSkeleton } from '@hh.ru/magritte-ui-checkbox-radio/RadioSkeleton';\nimport { RadioProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { RadioCircleSize24 } from '@hh.ru/magritte-ui-icon/variants/private';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './radio.less';\n\nconst RadioComponent: FcWithFlag<RadioProps, 'isRadio'> = ({\n    checked,\n    disabled,\n    invalid,\n    onChange,\n    readOnly,\n    'aria-label': ariaLabel,\n    'data-qa': dataQaInput,\n    dataQaContainer = 'radio-container',\n    dataQaRadio = 'radio',\n    ...props\n}) => {\n    const forceDisabled = useDisabled();\n\n    return (\n        <span className={styles.radioContainer} data-qa={dataQaContainer}>\n            <input\n                {...props}\n                checked={checked}\n                data-qa={dataQaInput}\n                // Checkable Card вызывает event.preventDefault(),\n                // из-за чего браузер не перерисовывает радиокнопку при изменении пропа checked,\n                // поэтому в controlled радиокнопках полагаемся на CSS-класс, а не на селектор :checked\n                className={classnames(styles.radioInput, {\n                    [styles.radioInputChecked]: checked,\n                    // нужно отличать false от undefined, потому что в случае uncontrolled радиокнопки\n                    // checked равен undefined и значение задается через проп defaultChecked\n                    [styles.radioInputUnchecked]: Object.is(checked, false),\n                })}\n                type=\"radio\"\n                readOnly={readOnly}\n                aria-label={ariaLabel}\n                disabled={forceDisabled || !!disabled}\n                onChange={onChange}\n            />\n            <span\n                className={classnames(styles.radio, {\n                    [styles.invalid]: invalid,\n                })}\n                data-qa={dataQaRadio}\n            />\n            <span className={styles.iconWrapper}>\n                <RadioCircleSize24 />\n            </span>\n        </span>\n    );\n};\n\nRadioComponent.isRadio = true;\n\nexport const Radio = enrichWithSkeleton(RadioComponent, RadioSkeleton);\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAWA,MAAM,cAAc,GAAsC,CAAC,EACvD,OAAO,EACP,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,SAAS,EAAE,WAAW,EACtB,eAAe,GAAG,iBAAiB,EACnC,WAAW,GAAG,OAAO,EACrB,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,aAAa,GAAG,WAAW,EAAE,CAAC;AAEpC,IAAA,QACIA,IAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,cAAc,EAAA,SAAA,EAAW,eAAe,EAAA,QAAA,EAAA,CAC5DC,kBACQ,KAAK,EACT,OAAO,EAAE,OAAO,aACP,WAAW;;;;AAIpB,gBAAA,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU,EAAE;AACrC,oBAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,OAAO;;;AAGnC,oBAAA,CAAC,MAAM,CAAC,mBAAmB,GAAG,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC;AAC1D,iBAAA,CAAC,EACF,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAAA,YAAA,EACN,SAAS,EACrB,QAAQ,EAAE,aAAa,IAAI,CAAC,CAAC,QAAQ,EACrC,QAAQ,EAAE,QAAQ,GACpB,EACFA,GAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE;AAChC,oBAAA,CAAC,MAAM,CAAC,OAAO,GAAG,OAAO;AAC5B,iBAAA,CAAC,aACO,WAAW,EAAA,CACtB,EACFA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAE,MAAM,CAAC,WAAW,YAC/BA,GAAC,CAAA,iBAAiB,KAAG,EAClB,CAAA,CAAA,EAAA,CACJ,EACT;AACN,CAAC,CAAC;AAEF,cAAc,CAAC,OAAO,GAAG,IAAI,CAAC;AAEjB,MAAA,KAAK,GAAG,kBAAkB,CAAC,cAAc,EAAE,aAAa;;;;"}
+{"version":3,"file":"Radio.js","sources":["src/Radio.tsx"],"sourcesContent":["import classnames from 'classnames';\n\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { FcWithFlag } from '@hh.ru/magritte-types';\nimport { RadioSkeleton } from '@hh.ru/magritte-ui-checkbox-radio/RadioSkeleton';\nimport { RadioProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { RadioCircleSize24 } from '@hh.ru/magritte-ui-icon/variants/private';\nimport { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './radio.less';\n\nconst RadioComponent: FcWithFlag<RadioProps, 'isRadio'> = ({\n    checked,\n    disabled,\n    invalid,\n    onChange,\n    readOnly,\n    'aria-label': ariaLabel,\n    'data-qa': dataQaInput,\n    dataQaContainer = 'radio-container',\n    dataQaRadio = 'radio',\n    ...props\n}) => {\n    const forceDisabled = useDisabled();\n\n    return (\n        <span className={styles.radioContainer} data-qa={dataQaContainer}>\n            <input\n                {...props}\n                checked={checked}\n                data-qa={dataQaInput}\n                // Checkable Card вызывает event.preventDefault(),\n                // из-за чего браузер не перерисовывает радиокнопку при изменении пропа checked,\n                // поэтому в controlled радиокнопках полагаемся на CSS-класс, а не на селектор :checked\n                className={classnames(styles.radioInput, {\n                    [styles.radioInputChecked]: checked,\n                    // нужно отличать false от undefined, потому что в случае uncontrolled радиокнопки\n                    // checked равен undefined и значение задается через проп defaultChecked\n                    [styles.radioInputUnchecked]: Object.is(checked, false),\n                })}\n                type=\"radio\"\n                readOnly={readOnly}\n                aria-label={ariaLabel}\n                disabled={forceDisabled || !!disabled}\n                onChange={onChange}\n            />\n            <span\n                className={classnames(styles.radio, {\n                    [styles.invalid]: invalid,\n                })}\n                data-qa={dataQaRadio}\n            />\n            <span className={styles.iconWrapper}>\n                <RadioCircleSize24 />\n            </span>\n        </span>\n    );\n};\n\nRadioComponent.isRadio = true;\n\nexport const Radio = enrichWithSkeleton(RadioComponent, RadioSkeleton);\n"],"names":[],"mappings":";;;;;;;;AAWA,MAAM,iBAAoD,CAAC;AAAA,EACvD,OAAA;AAAA,EACA,QAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,YAAc,EAAA,SAAA;AAAA,EACd,SAAW,EAAA,WAAA;AAAA,EACX,eAAkB,GAAA,iBAAA;AAAA,EAClB,WAAc,GAAA,OAAA;AAAA,EACd,GAAG,KAAA;AACP,CAAM,KAAA;AACF,EAAA,MAAM,gBAAgB,WAAY,EAAA,CAAA;AAElC,EAAA,4BACK,MAAK,EAAA,EAAA,SAAA,EAAW,MAAO,CAAA,cAAA,EAAgB,WAAS,eAC7C,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACI,GAAG,KAAA;AAAA,QACJ,OAAA;AAAA,QACA,SAAS,EAAA,WAAA;AAAA,QAIT,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,UAAY,EAAA;AAAA,UACrC,CAAC,MAAO,CAAA,iBAAiB,GAAG,OAAA;AAAA;AAAA;AAAA,UAG5B,CAAC,MAAO,CAAA,mBAAmB,GAAG,MAAO,CAAA,EAAA,CAAG,SAAS,KAAK,CAAA;AAAA,SACzD,CAAA;AAAA,QACD,IAAK,EAAA,OAAA;AAAA,QACL,QAAA;AAAA,QACA,YAAY,EAAA,SAAA;AAAA,QACZ,QAAA,EAAU,aAAiB,IAAA,CAAC,CAAC,QAAA;AAAA,QAC7B,QAAA;AAAA,OAAA;AAAA,KACJ;AAAA,oBACA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACG,SAAA,EAAW,UAAW,CAAA,MAAA,CAAO,KAAO,EAAA;AAAA,UAChC,CAAC,MAAO,CAAA,OAAO,GAAG,OAAA;AAAA,SACrB,CAAA;AAAA,QACD,SAAS,EAAA,WAAA;AAAA,OAAA;AAAA,KACb;AAAA,wBACC,MAAK,EAAA,EAAA,SAAA,EAAW,OAAO,WACpB,EAAA,QAAA,kBAAA,GAAA,CAAC,qBAAkB,CACvB,EAAA,CAAA;AAAA,GACJ,EAAA,CAAA,CAAA;AAER,CAAA,CAAA;AAEA,cAAA,CAAe,OAAU,GAAA,IAAA,CAAA;AAEZ,MAAA,KAAA,GAAQ,kBAAmB,CAAA,cAAA,EAAgB,aAAa;;;;"}

package/RadioSkeleton-DtHrnT95.js

@@ -0,0 +1,27 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
+import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
+
+var styles = {"radio-container":"magritte-radio-container___4uMia_4-1-40","radioContainer":"magritte-radio-container___4uMia_4-1-40","radio-input":"magritte-radio-input___-IM3Y_4-1-40","radioInput":"magritte-radio-input___-IM3Y_4-1-40","radio":"magritte-radio___diMe7_4-1-40","icon-wrapper":"magritte-icon-wrapper___ASC7R_4-1-40","iconWrapper":"magritte-icon-wrapper___ASC7R_4-1-40","radio-input-unchecked":"magritte-radio-input-unchecked___J-rPE_4-1-40","radioInputUnchecked":"magritte-radio-input-unchecked___J-rPE_4-1-40","radio-input-checked":"magritte-radio-input-checked___eYMcP_4-1-40","radioInputChecked":"magritte-radio-input-checked___eYMcP_4-1-40","invalid":"magritte-invalid___1vONj_4-1-40","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_4-1-40","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_4-1-40","radio-skeleton":"magritte-radio-skeleton___9TSLy_4-1-40","radioSkeleton":"magritte-radio-skeleton___9TSLy_4-1-40"};
+
+const RadioSkeleton = ({
+  Component: Radio,
+  // skeleton props
+  width,
+  height,
+  borderRadius,
+  inline,
+  additionalClass,
+  loading,
+  ...radioProps
+}) => {
+  const isLoading = useLoadingState() || loading;
+  if (isLoading) {
+    return /* @__PURE__ */ jsx("div", { className: styles.radioSkeletonContainer, children: /* @__PURE__ */ jsx(Skeleton, { additionalClass: styles.radioSkeleton, loading: isLoading }) });
+  }
+  return /* @__PURE__ */ jsx(Radio, { ...radioProps });
+};
+
+export { RadioSkeleton as R, styles as s };
+//# sourceMappingURL=RadioSkeleton-DtHrnT95.js.map

package/{RadioSkeleton-Ddk06OCE.js.map → RadioSkeleton-DtHrnT95.js.map}

@@ -1 +1 @@
-{"version":3,"file":"RadioSkeleton-Ddk06OCE.js","sources":["src/RadioSkeleton.tsx"],"sourcesContent":["import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { RadioProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './radio.less';\n\nexport const RadioSkeleton: IncompleteSkeletonComponent<RadioProps> = ({\n    Component: Radio,\n\n    // skeleton props\n    width,\n    height,\n    borderRadius,\n    inline,\n    additionalClass,\n    loading,\n\n    ...radioProps\n}) => {\n    const isLoading = useLoadingState() || loading;\n\n    if (isLoading) {\n        return (\n            <div className={styles.radioSkeletonContainer}>\n                <Skeleton additionalClass={styles.radioSkeleton} loading={isLoading} />\n            </div>\n        );\n    }\n\n    return <Radio {...radioProps} />;\n};\n"],"names":["_jsx"],"mappings":";;;;;;MAMa,aAAa,GAA4C,CAAC,EACnE,SAAS,EAAE,KAAK;AAEhB;AACA,KAAK,EACL,MAAM,EACN,YAAY,EACZ,MAAM,EACN,eAAe,EACf,OAAO,EAEP,GAAG,UAAU,EAChB,KAAI;AACD,IAAA,MAAM,SAAS,GAAG,eAAe,EAAE,IAAI,OAAO,CAAC;IAE/C,IAAI,SAAS,EAAE;QACX,QACIA,aAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,EACzC,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAA,EAAC,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,OAAO,EAAE,SAAS,EAAA,CAAI,EACrE,CAAA,EACR;KACL;AAED,IAAA,OAAOA,GAAC,CAAA,KAAK,EAAK,EAAA,GAAA,UAAU,GAAI,CAAC;AACrC;;;;"}
+{"version":3,"file":"RadioSkeleton-DtHrnT95.js","sources":["src/RadioSkeleton.tsx"],"sourcesContent":["import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';\nimport { RadioProps } from '@hh.ru/magritte-ui-checkbox-radio/types';\nimport { IncompleteSkeletonComponent, Skeleton } from '@hh.ru/magritte-ui-skeleton';\n\nimport styles from './radio.less';\n\nexport const RadioSkeleton: IncompleteSkeletonComponent<RadioProps> = ({\n    Component: Radio,\n\n    // skeleton props\n    width,\n    height,\n    borderRadius,\n    inline,\n    additionalClass,\n    loading,\n\n    ...radioProps\n}) => {\n    const isLoading = useLoadingState() || loading;\n\n    if (isLoading) {\n        return (\n            <div className={styles.radioSkeletonContainer}>\n                <Skeleton additionalClass={styles.radioSkeleton} loading={isLoading} />\n            </div>\n        );\n    }\n\n    return <Radio {...radioProps} />;\n};\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,gBAAyD,CAAC;AAAA,EACnE,SAAW,EAAA,KAAA;AAAA;AAAA,EAGX,KAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAA;AAAA,EACA,MAAA;AAAA,EACA,eAAA;AAAA,EACA,OAAA;AAAA,EAEA,GAAG,UAAA;AACP,CAAM,KAAA;AACF,EAAM,MAAA,SAAA,GAAY,iBAAqB,IAAA,OAAA,CAAA;AAEvC,EAAA,IAAI,SAAW,EAAA;AACX,IAAA,uBACK,GAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,MAAA,CAAO,sBACnB,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAS,EAAA,EAAA,eAAA,EAAiB,MAAO,CAAA,aAAA,EAAe,OAAS,EAAA,SAAA,EAAW,CACzE,EAAA,CAAA,CAAA;AAAA,GAER;AAEA,EAAO,uBAAA,GAAA,CAAC,KAAO,EAAA,EAAA,GAAG,UAAY,EAAA,CAAA,CAAA;AAClC;;;;"}

package/RadioSkeleton.d.ts

@@ -1,3 +1,3 @@
-import { RadioProps } from '@hh.ru/magritte-ui-checkbox-radio/types';
+import { RadioProps } from './types';
 import { IncompleteSkeletonComponent } from '@hh.ru/magritte-ui-skeleton';
 export declare const RadioSkeleton: IncompleteSkeletonComponent<RadioProps>;

package/RadioSkeleton.js

@@ -2,5 +2,5 @@ import './index.css';
 import 'react/jsx-runtime';
 import '@hh.ru/magritte-common-use-loading-state';
 import '@hh.ru/magritte-ui-skeleton';
-export { R as RadioSkeleton } from './RadioSkeleton-Ddk06OCE.js';
+export { R as RadioSkeleton } from './RadioSkeleton-DtHrnT95.js';
 //# sourceMappingURL=RadioSkeleton.js.map