@hh.ru/magritte-ui-form-label 8.1.17 → 8.1.19
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/FormLabel.js +1 -1
- package/FormLabel.js.map +1 -1
- package/index.css +419 -419
- package/index.mock.js.map +1 -1
- package/package.json +15 -15
package/FormLabel.js
CHANGED
|
@@ -13,7 +13,7 @@ import { VSpacing } from '@hh.ru/magritte-ui-spacing';
|
|
|
13
13
|
import { Tooltip } from '@hh.ru/magritte-ui-tooltip';
|
|
14
14
|
import { Text } from '@hh.ru/magritte-ui-typography';
|
|
15
15
|
|
|
16
|
-
var styles = {"form-label":"magritte-form-label___Yzcxs_8-1-
|
|
16
|
+
var styles = {"form-label":"magritte-form-label___Yzcxs_8-1-19","formLabel":"magritte-form-label___Yzcxs_8-1-19","content":"magritte-content___o4wkg_8-1-19","postfix":"magritte-postfix___UBcl3_8-1-19","icon":"magritte-icon___nwksH_8-1-19","style-text__primary":"magritte-style-text__primary___O5HzE_8-1-19","styleTextPrimary":"magritte-style-text__primary___O5HzE_8-1-19","form-label_disabled":"magritte-form-label_disabled___rq0Rq_8-1-19","formLabelDisabled":"magritte-form-label_disabled___rq0Rq_8-1-19","style-text__secondary":"magritte-style-text__secondary___Uc8qw_8-1-19","styleTextSecondary":"magritte-style-text__secondary___Uc8qw_8-1-19","style-text__tertiary":"magritte-style-text__tertiary___4Tv0c_8-1-19","styleTextTertiary":"magritte-style-text__tertiary___4Tv0c_8-1-19","style-text__accent":"magritte-style-text__accent___DO4-g_8-1-19","styleTextAccent":"magritte-style-text__accent___DO4-g_8-1-19","style-text__accent-secondary":"magritte-style-text__accent-secondary___vZP4l_8-1-19","styleTextAccentSecondary":"magritte-style-text__accent-secondary___vZP4l_8-1-19","style-text__positive":"magritte-style-text__positive___A7nAW_8-1-19","styleTextPositive":"magritte-style-text__positive___A7nAW_8-1-19","style-text__positive-secondary":"magritte-style-text__positive-secondary___BVzsp_8-1-19","styleTextPositiveSecondary":"magritte-style-text__positive-secondary___BVzsp_8-1-19","style-text__negative":"magritte-style-text__negative___bfQGc_8-1-19","styleTextNegative":"magritte-style-text__negative___bfQGc_8-1-19","style-text__negative-secondary":"magritte-style-text__negative-secondary___dwdIU_8-1-19","styleTextNegativeSecondary":"magritte-style-text__negative-secondary___dwdIU_8-1-19","style-text__warning":"magritte-style-text__warning___LMwJL_8-1-19","styleTextWarning":"magritte-style-text__warning___LMwJL_8-1-19","style-text__warning-secondary":"magritte-style-text__warning-secondary___00jFu_8-1-19","styleTextWarningSecondary":"magritte-style-text__warning-secondary___00jFu_8-1-19","style-text__special":"magritte-style-text__special___dM5OC_8-1-19","styleTextSpecial":"magritte-style-text__special___dM5OC_8-1-19","style-text__special-secondary":"magritte-style-text__special-secondary___TW9M0_8-1-19","styleTextSpecialSecondary":"magritte-style-text__special-secondary___TW9M0_8-1-19","style-text__contrast":"magritte-style-text__contrast___gdVqp_8-1-19","styleTextContrast":"magritte-style-text__contrast___gdVqp_8-1-19","style-text__contrast-secondary":"magritte-style-text__contrast-secondary___Vg7J2_8-1-19","styleTextContrastSecondary":"magritte-style-text__contrast-secondary___Vg7J2_8-1-19","style-postfix__primary":"magritte-style-postfix__primary___SZze8_8-1-19","stylePostfixPrimary":"magritte-style-postfix__primary___SZze8_8-1-19","style-postfix__secondary":"magritte-style-postfix__secondary___62v6C_8-1-19","stylePostfixSecondary":"magritte-style-postfix__secondary___62v6C_8-1-19","style-postfix__tertiary":"magritte-style-postfix__tertiary___ETf7E_8-1-19","stylePostfixTertiary":"magritte-style-postfix__tertiary___ETf7E_8-1-19","style-postfix__accent":"magritte-style-postfix__accent___qZ4eI_8-1-19","stylePostfixAccent":"magritte-style-postfix__accent___qZ4eI_8-1-19","style-postfix__accent-secondary":"magritte-style-postfix__accent-secondary___X20G-_8-1-19","stylePostfixAccentSecondary":"magritte-style-postfix__accent-secondary___X20G-_8-1-19","style-postfix__positive":"magritte-style-postfix__positive___X1KrC_8-1-19","stylePostfixPositive":"magritte-style-postfix__positive___X1KrC_8-1-19","style-postfix__positive-secondary":"magritte-style-postfix__positive-secondary___mcQO2_8-1-19","stylePostfixPositiveSecondary":"magritte-style-postfix__positive-secondary___mcQO2_8-1-19","style-postfix__negative":"magritte-style-postfix__negative___FTrS7_8-1-19","stylePostfixNegative":"magritte-style-postfix__negative___FTrS7_8-1-19","style-postfix__negative-secondary":"magritte-style-postfix__negative-secondary___Z3jnL_8-1-19","stylePostfixNegativeSecondary":"magritte-style-postfix__negative-secondary___Z3jnL_8-1-19","style-postfix__warning":"magritte-style-postfix__warning___WvGdQ_8-1-19","stylePostfixWarning":"magritte-style-postfix__warning___WvGdQ_8-1-19","style-postfix__warning-secondary":"magritte-style-postfix__warning-secondary___bGMil_8-1-19","stylePostfixWarningSecondary":"magritte-style-postfix__warning-secondary___bGMil_8-1-19","style-postfix__special":"magritte-style-postfix__special___lBEXe_8-1-19","stylePostfixSpecial":"magritte-style-postfix__special___lBEXe_8-1-19","style-postfix__special-secondary":"magritte-style-postfix__special-secondary___oTEbd_8-1-19","stylePostfixSpecialSecondary":"magritte-style-postfix__special-secondary___oTEbd_8-1-19","style-postfix__contrast":"magritte-style-postfix__contrast___BrIfF_8-1-19","stylePostfixContrast":"magritte-style-postfix__contrast___BrIfF_8-1-19","style-postfix__contrast-secondary":"magritte-style-postfix__contrast-secondary___bcpSX_8-1-19","stylePostfixContrastSecondary":"magritte-style-postfix__contrast-secondary___bcpSX_8-1-19"};
|
|
17
17
|
|
|
18
18
|
const FormLabel = ({ children, info, postfix, styleText = 'secondary', stylePostfix = 'tertiary', icon: _icon, 'data-qa': dataQa = 'form-label', ...props }) => {
|
|
19
19
|
const disabled = useDisabled();
|
package/FormLabel.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormLabel.js","sources":["
|
|
1
|
+
{"version":3,"file":"FormLabel.js","sources":["src/FormLabel.tsx"],"sourcesContent":["import { FC, KeyboardEvent, MouseEvent, useCallback, useRef, useState } from 'react';\nimport classNames from 'classnames';\n\nimport '@hh.ru/magritte-common-focus-visible';\nimport { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';\nimport { useDisabled } from '@hh.ru/magritte-common-use-disabled';\nimport { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { FormLabelProps } from '@hh.ru/magritte-ui-form-label/types';\nimport { IconDynamic, IconWrapperComponentSize16, isIconElement } from '@hh.ru/magritte-ui-icon';\nimport { QuestionCircleOutlinedSize16, CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';\nimport { VSpacing } from '@hh.ru/magritte-ui-spacing';\nimport { Tooltip } from '@hh.ru/magritte-ui-tooltip';\nimport { Text } from '@hh.ru/magritte-ui-typography';\n\nimport styles from './form-label.less';\n\nexport const FormLabel: FC<FormLabelProps> = ({\n children,\n info,\n postfix,\n styleText = 'secondary',\n stylePostfix = 'tertiary',\n icon: _icon,\n 'data-qa': dataQa = 'form-label',\n ...props\n}) => {\n const disabled = useDisabled();\n const [showBottomSheet, setShowBottomSheet] = useState<boolean>(false);\n const [showTooltip, setShowTooltip] = useState<boolean>(false);\n const activatorRef = useRef<HTMLSpanElement | null>(null);\n\n const icon =\n isIconElement(_icon) && (_icon.type as IconWrapperComponentSize16)._size === 16 ? (\n _icon\n ) : (\n <QuestionCircleOutlinedSize16\n initialColor=\"secondary\"\n highlightedColor=\"secondary\"\n disabledColor=\"secondary\"\n />\n );\n\n const onClick = useCallback(\n (event: MouseEvent) => {\n if (info) {\n event.preventDefault();\n }\n\n if (!disabled) {\n setShowBottomSheet(true);\n }\n },\n [disabled, info]\n );\n\n const onKeyDown = useCallback(\n (event: KeyboardEvent<HTMLLabelElement>) => {\n if (disabled || !onClick) {\n return;\n }\n\n if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {\n onClick(event as unknown as MouseEvent<HTMLLabelElement>);\n }\n },\n [onClick, disabled]\n );\n\n const propsForInfo = info\n ? {\n tabIndex: disabled ? -1 : 0,\n role: 'button',\n onKeyDown,\n onClick,\n onMouseEnter: () => setShowTooltip(true),\n onMouseLeave: () => setShowTooltip(false),\n onFocus: () => setShowTooltip(true),\n onBlur: () => setShowTooltip(false),\n }\n : {};\n\n return (\n <>\n <IconDynamic>\n <label\n className={classNames(styles.formLabel, {\n [styles.formLabelDisabled]: disabled,\n [styles[`style-postfix__${stylePostfix}`]]: stylePostfix,\n [styles[`style-text__${styleText}`]]: styleText,\n })}\n data-qa={dataQa}\n {...propsForInfo}\n {...props}\n >\n <span className={styles.content}>{children}</span>\n {postfix && (\n <span className={styles.postfix} data-qa=\"form-label-postfix\">\n {postfix}\n </span>\n )}\n {info && (\n <span data-qa=\"form-label-info-icon\" className={styles.icon} ref={activatorRef}>\n {icon}\n </span>\n )}\n </label>\n </IconDynamic>\n {info && (\n <>\n <Tooltip\n maxWidth={300}\n visible={showTooltip}\n activatorRef={activatorRef}\n placement=\"top-center\"\n data-qa=\"form-label-tooltip\"\n >\n {info}\n </Tooltip>\n <BottomSheet\n visible={showBottomSheet}\n onClose={() => {\n setShowBottomSheet(false);\n }}\n header={\n <NavigationBar\n title={children}\n right={<CrossOutlinedSize24 onClick={() => setShowBottomSheet(false)} />}\n showDivider=\"always\"\n />\n }\n data-qa=\"form-label-bottom-sheet\"\n >\n <Text typography=\"label-2-regular\">{info}</Text>\n <VSpacing default={16} />\n </BottomSheet>\n </>\n )}\n </>\n );\n};\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;AAiBO,MAAM,SAAS,GAAuB,CAAC,EAC1C,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,SAAS,GAAG,WAAW,EACvB,YAAY,GAAG,UAAU,EACzB,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,MAAM,GAAG,YAAY,EAChC,GAAG,KAAK,EACX,KAAI;AACD,IAAA,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACvE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;AAC/D,IAAA,MAAM,YAAY,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;AAE1D,IAAA,MAAM,IAAI,GACN,aAAa,CAAC,KAAK,CAAC,IAAK,KAAK,CAAC,IAAmC,CAAC,KAAK,KAAK,EAAE,IAC3E,KAAK,KAELA,GAAA,CAAC,4BAA4B,EACzB,EAAA,YAAY,EAAC,WAAW,EACxB,gBAAgB,EAAC,WAAW,EAC5B,aAAa,EAAC,WAAW,EAAA,CAC3B,CACL,CAAC;AAEN,IAAA,MAAM,OAAO,GAAG,WAAW,CACvB,CAAC,KAAiB,KAAI;QAClB,IAAI,IAAI,EAAE;YACN,KAAK,CAAC,cAAc,EAAE,CAAC;SAC1B;QAED,IAAI,CAAC,QAAQ,EAAE;YACX,kBAAkB,CAAC,IAAI,CAAC,CAAC;SAC5B;AACL,KAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,CACnB,CAAC;AAEF,IAAA,MAAM,SAAS,GAAG,WAAW,CACzB,CAAC,KAAsC,KAAI;AACvC,QAAA,IAAI,QAAQ,IAAI,CAAC,OAAO,EAAE;YACtB,OAAO;SACV;AAED,QAAA,IAAI,eAAe,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,YAAY,CAAC,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE;YAC9E,OAAO,CAAC,KAAgD,CAAC,CAAC;SAC7D;AACL,KAAC,EACD,CAAC,OAAO,EAAE,QAAQ,CAAC,CACtB,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI;AACrB,UAAE;YACI,QAAQ,EAAE,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAC;AAC3B,YAAA,IAAI,EAAE,QAAQ;YACd,SAAS;YACT,OAAO;AACP,YAAA,YAAY,EAAE,MAAM,cAAc,CAAC,IAAI,CAAC;AACxC,YAAA,YAAY,EAAE,MAAM,cAAc,CAAC,KAAK,CAAC;AACzC,YAAA,OAAO,EAAE,MAAM,cAAc,CAAC,IAAI,CAAC;AACnC,YAAA,MAAM,EAAE,MAAM,cAAc,CAAC,KAAK,CAAC;AACtC,SAAA;UACD,EAAE,CAAC;AAET,IAAA,QACIC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACIF,GAAC,CAAA,WAAW,EACR,EAAA,QAAA,EAAAC,IAAA,CAAA,OAAA,EAAA,EACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE;AACpC,wBAAA,CAAC,MAAM,CAAC,iBAAiB,GAAG,QAAQ;wBACpC,CAAC,MAAM,CAAC,CAAkB,eAAA,EAAA,YAAY,EAAE,CAAC,GAAG,YAAY;wBACxD,CAAC,MAAM,CAAC,CAAe,YAAA,EAAA,SAAS,EAAE,CAAC,GAAG,SAAS;qBAClD,CAAC,EAAA,SAAA,EACO,MAAM,EACX,GAAA,YAAY,KACZ,KAAK,EAAA,QAAA,EAAA,CAETD,cAAM,SAAS,EAAE,MAAM,CAAC,OAAO,YAAG,QAAQ,EAAA,CAAQ,EACjD,OAAO,KACJA,GAAM,CAAA,MAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,OAAO,EAAU,SAAA,EAAA,oBAAoB,YACxD,OAAO,EAAA,CACL,CACV,EACA,IAAI,KACDA,GAAA,CAAA,MAAA,EAAA,EAAA,SAAA,EAAc,sBAAsB,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,YAAY,EAAA,QAAA,EACzE,IAAI,EACF,CAAA,CACV,IACG,EACE,CAAA,EACb,IAAI,KACDC,4BACID,GAAC,CAAA,OAAO,IACJ,QAAQ,EAAE,GAAG,EACb,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAC,YAAY,EACd,SAAA,EAAA,oBAAoB,YAE3B,IAAI,EAAA,CACC,EACVC,IAAC,CAAA,WAAW,IACR,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,MAAK;4BACV,kBAAkB,CAAC,KAAK,CAAC,CAAC;yBAC7B,EACD,MAAM,EACFD,GAAC,CAAA,aAAa,IACV,KAAK,EAAE,QAAQ,EACf,KAAK,EAAEA,IAAC,mBAAmB,EAAA,EAAC,OAAO,EAAE,MAAM,kBAAkB,CAAC,KAAK,CAAC,EAAA,CAAI,EACxE,WAAW,EAAC,QAAQ,EAAA,CACtB,EAEE,SAAA,EAAA,yBAAyB,EAEjC,QAAA,EAAA,CAAAA,GAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,iBAAiB,EAAA,QAAA,EAAE,IAAI,EAAA,CAAQ,EAChDA,GAAC,CAAA,QAAQ,EAAC,EAAA,OAAO,EAAE,EAAE,EAAI,CAAA,CAAA,EAAA,CACf,CACf,EAAA,CAAA,CACN,CACF,EAAA,CAAA,EACL;AACN;;;;"}
|