@hh.ru/magritte-ui-checkbox-radio 3.0.26 → 3.0.28
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Checkbox.js +1 -1
- package/CheckboxSkeleton-DpHQIAfN.js +19 -0
- package/{CheckboxSkeleton-C5s48ngu.js.map → CheckboxSkeleton-DpHQIAfN.js.map} +1 -1
- package/CheckboxSkeleton.js +1 -1
- package/Radio.js +1 -1
- package/{RadioSkeleton-BKV7Xmpe.js → RadioSkeleton-CZUJjXi9.js} +2 -2
- package/{RadioSkeleton-BKV7Xmpe.js.map → RadioSkeleton-CZUJjXi9.js.map} +1 -1
- package/RadioSkeleton.js +1 -1
- package/index.css +1330 -270
- package/index.js +2 -2
- package/package.json +6 -6
- package/CheckboxSkeleton-C5s48ngu.js +0 -19
package/Checkbox.js
CHANGED
|
@@ -3,7 +3,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { useRef, useEffect } from 'react';
|
|
4
4
|
import classnames from 'classnames';
|
|
5
5
|
import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
|
|
6
|
-
import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-
|
|
6
|
+
import { C as CheckboxSkeleton, s as styles } from './CheckboxSkeleton-DpHQIAfN.js';
|
|
7
7
|
import { CheckboxLineSize24, CheckboxCheckSize24 } from '@hh.ru/magritte-ui-icon/variants/private';
|
|
8
8
|
import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
|
|
9
9
|
import '@hh.ru/magritte-common-use-loading-state';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import './index.css';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
|
|
4
|
+
import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
|
|
5
|
+
|
|
6
|
+
var styles = {"checkbox-container":"magritte-checkbox-container___3QIIQ_3-0-28","checkboxContainer":"magritte-checkbox-container___3QIIQ_3-0-28","checkbox-input":"magritte-checkbox-input___Y41Ta_3-0-28","checkboxInput":"magritte-checkbox-input___Y41Ta_3-0-28","checkbox":"magritte-checkbox___xQHy4_3-0-28","icon-wrapper":"magritte-icon-wrapper___li18-_3-0-28","iconWrapper":"magritte-icon-wrapper___li18-_3-0-28","checkbox-input-unchecked":"magritte-checkbox-input-unchecked___Mupry_3-0-28","checkboxInputUnchecked":"magritte-checkbox-input-unchecked___Mupry_3-0-28","checkbox-input-checked":"magritte-checkbox-input-checked___8CrvA_3-0-28","checkboxInputChecked":"magritte-checkbox-input-checked___8CrvA_3-0-28","invalid":"magritte-invalid___6k7qT_3-0-28","checkbox-skeleton-container":"magritte-checkbox-skeleton-container___4uNYP_3-0-28","checkboxSkeletonContainer":"magritte-checkbox-skeleton-container___4uNYP_3-0-28","checkbox-skeleton":"magritte-checkbox-skeleton___uo6u7_3-0-28","checkboxSkeleton":"magritte-checkbox-skeleton___uo6u7_3-0-28","icon":"magritte-icon___q1TLo_3-0-28","iconHidden":"magritte-iconHidden___Sb3FQ_3-0-28"};
|
|
7
|
+
|
|
8
|
+
const CheckboxSkeleton = ({ Component: Checkbox,
|
|
9
|
+
// skeleton props
|
|
10
|
+
width, height, borderRadius, inline, additionalClass, loading, ...checkboxProps }) => {
|
|
11
|
+
const isLoading = useLoadingState() || loading;
|
|
12
|
+
if (isLoading) {
|
|
13
|
+
return (jsx("div", { className: styles.checkboxSkeletonContainer, children: jsx(Skeleton, { loading: true, additionalClass: styles.checkboxSkeleton }) }));
|
|
14
|
+
}
|
|
15
|
+
return jsx(Checkbox, { ...checkboxProps });
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
export { CheckboxSkeleton as C, styles as s };
|
|
19
|
+
//# sourceMappingURL=CheckboxSkeleton-DpHQIAfN.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxSkeleton-
|
|
1
|
+
{"version":3,"file":"CheckboxSkeleton-DpHQIAfN.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;;;;"}
|
package/CheckboxSkeleton.js
CHANGED
|
@@ -2,5 +2,5 @@ import './index.css';
|
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import '@hh.ru/magritte-common-use-loading-state';
|
|
4
4
|
import '@hh.ru/magritte-ui-skeleton';
|
|
5
|
-
export { C as CheckboxSkeleton } from './CheckboxSkeleton-
|
|
5
|
+
export { C as CheckboxSkeleton } from './CheckboxSkeleton-DpHQIAfN.js';
|
|
6
6
|
//# sourceMappingURL=CheckboxSkeleton.js.map
|
package/Radio.js
CHANGED
|
@@ -2,7 +2,7 @@ import './index.css';
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import classnames from 'classnames';
|
|
4
4
|
import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
|
|
5
|
-
import { R as RadioSkeleton, s as styles } from './RadioSkeleton-
|
|
5
|
+
import { R as RadioSkeleton, s as styles } from './RadioSkeleton-CZUJjXi9.js';
|
|
6
6
|
import { RadioCircleSize24 } from '@hh.ru/magritte-ui-icon/variants/private';
|
|
7
7
|
import { enrichWithSkeleton } from '@hh.ru/magritte-ui-skeleton';
|
|
8
8
|
import '@hh.ru/magritte-common-use-loading-state';
|
|
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { useLoadingState } from '@hh.ru/magritte-common-use-loading-state';
|
|
4
4
|
import { Skeleton } from '@hh.ru/magritte-ui-skeleton';
|
|
5
5
|
|
|
6
|
-
var styles = {"radio-container":"magritte-radio-container___4uMia_3-0-
|
|
6
|
+
var styles = {"radio-container":"magritte-radio-container___4uMia_3-0-28","radioContainer":"magritte-radio-container___4uMia_3-0-28","radio-input":"magritte-radio-input___-IM3Y_3-0-28","radioInput":"magritte-radio-input___-IM3Y_3-0-28","radio":"magritte-radio___diMe7_3-0-28","icon-wrapper":"magritte-icon-wrapper___ASC7R_3-0-28","iconWrapper":"magritte-icon-wrapper___ASC7R_3-0-28","radio-input-unchecked":"magritte-radio-input-unchecked___J-rPE_3-0-28","radioInputUnchecked":"magritte-radio-input-unchecked___J-rPE_3-0-28","radio-input-checked":"magritte-radio-input-checked___eYMcP_3-0-28","radioInputChecked":"magritte-radio-input-checked___eYMcP_3-0-28","invalid":"magritte-invalid___1vONj_3-0-28","radio-skeleton-container":"magritte-radio-skeleton-container___GjZez_3-0-28","radioSkeletonContainer":"magritte-radio-skeleton-container___GjZez_3-0-28","radio-skeleton":"magritte-radio-skeleton___9TSLy_3-0-28","radioSkeleton":"magritte-radio-skeleton___9TSLy_3-0-28"};
|
|
7
7
|
|
|
8
8
|
const RadioSkeleton = ({ Component: Radio,
|
|
9
9
|
// skeleton props
|
|
@@ -16,4 +16,4 @@ width, height, borderRadius, inline, additionalClass, loading, ...radioProps })
|
|
|
16
16
|
};
|
|
17
17
|
|
|
18
18
|
export { RadioSkeleton as R, styles as s };
|
|
19
|
-
//# sourceMappingURL=RadioSkeleton-
|
|
19
|
+
//# sourceMappingURL=RadioSkeleton-CZUJjXi9.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioSkeleton-
|
|
1
|
+
{"version":3,"file":"RadioSkeleton-CZUJjXi9.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;;;;"}
|
package/RadioSkeleton.js
CHANGED
|
@@ -2,5 +2,5 @@ import './index.css';
|
|
|
2
2
|
import 'react/jsx-runtime';
|
|
3
3
|
import '@hh.ru/magritte-common-use-loading-state';
|
|
4
4
|
import '@hh.ru/magritte-ui-skeleton';
|
|
5
|
-
export { R as RadioSkeleton } from './RadioSkeleton-
|
|
5
|
+
export { R as RadioSkeleton } from './RadioSkeleton-CZUJjXi9.js';
|
|
6
6
|
//# sourceMappingURL=RadioSkeleton.js.map
|