@hh.ru/magritte-ui-form-label 3.2.41

package/FormLabel.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import '@hh.ru/magritte-common-focus-visible';
+import { FormLabelProps } from './types';
+export declare const FormLabel: FC<FormLabelProps>;

package/FormLabel.js

@@ -0,0 +1,64 @@
+import './index.css';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useCallback } from 'react';
+import classNames from 'classnames';
+import '@hh.ru/magritte-common-focus-visible';
+import { keyboardMatches, keyboardKeys } from '@hh.ru/magritte-common-keyboard';
+import { useDisabled } from '@hh.ru/magritte-common-use-disabled';
+import { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';
+import { Counter } from '@hh.ru/magritte-ui-counter';
+import { QuestionCircleOutlinedSize16, CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';
+import { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';
+import { Tooltip } from '@hh.ru/magritte-ui-tooltip';
+import { Text } from '@hh.ru/magritte-ui-typography';
+
+var styles = {"form-label":"magritte-form-label___Yzcxs_3-2-41","formLabel":"magritte-form-label___Yzcxs_3-2-41","form-label__counter":"magritte-form-label__counter___a2cSH_3-2-41","formLabelCounter":"magritte-form-label__counter___a2cSH_3-2-41","form-label_disabled":"magritte-form-label_disabled___rq0Rq_3-2-41","formLabelDisabled":"magritte-form-label_disabled___rq0Rq_3-2-41","form-label__icon":"magritte-form-label__icon___H57oS_3-2-41","formLabelIcon":"magritte-form-label__icon___H57oS_3-2-41"};
+
+const FormLabel = (props) => {
+    const disabled = useDisabled();
+    const [showBottomSheet, setShowBottomSheet] = useState(false);
+    const [showTooltip, setShowTooltip] = useState(false);
+    const activatorRef = useRef(null);
+    const { children, info, counter, 'data-qa': dataQa = 'form-label', ...restProps } = props;
+    const onClick = useCallback((event) => {
+        if (info) {
+            event.preventDefault();
+        }
+        if (!disabled) {
+            setShowBottomSheet(true);
+        }
+    }, [disabled, info]);
+    const onKeyDown = useCallback((event) => {
+        if (disabled || !onClick) {
+            return;
+        }
+        if (keyboardMatches(event.nativeEvent, [keyboardKeys.Enter, keyboardKeys.Space])) {
+            onClick(event);
+        }
+    }, [onClick, disabled]);
+    const propsForInfo = info
+        ? {
+            tabIndex: disabled ? -1 : 0,
+            role: 'button',
+            onKeyDown,
+            onClick,
+            onMouseEnter: () => setShowTooltip(true),
+            onMouseLeave: () => setShowTooltip(false),
+            onFocus: () => setShowTooltip(true),
+            onBlur: () => setShowTooltip(false),
+        }
+        : {};
+    return (jsxs(Fragment, { children: [jsxs("label", { className: classNames(styles['form-label'], {
+                    [styles[`form-label_disabled`]]: disabled,
+                }), "data-qa": dataQa, ...propsForInfo, ...restProps, children: [children, !!counter && (jsx("span", { className: styles['form-label__counter'], children: jsx(Counter, { label: counter, style: "attention", mode: "secondary", size: "medium", "data-qa": "form-label-counter" }) })), info && (jsxs(Fragment, { children: [jsx("span", { "data-qa": "form-label-info-icon", className: styles['form-label__icon'], ref: activatorRef, children: jsx(QuestionCircleOutlinedSize16, {}) }), jsx(Tooltip, { maxWidth: 300, visible: showTooltip, activatorRef: activatorRef, alignment: "center", direction: "top", "data-qa": "form-label-tooltip", children: info })] }))] }), info && (jsx(BottomSheet, { visible: showBottomSheet, onClose: () => {
+                    setShowBottomSheet(false);
+                }, header: jsx(NavigationBar, { title: children, right: {
+                        icon: CrossOutlinedSize24,
+                        onClick: () => {
+                            setShowBottomSheet(false);
+                        },
+                    }, showDivider: true }), "data-qa": "form-label-bottom-sheet", children: jsx(Text, { typography: "label-2-regular", children: info }) }))] }));
+};
+
+export { FormLabel };
+//# sourceMappingURL=FormLabel.js.map

package/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sources":["../src/FormLabel.tsx"],"sourcesContent":["import { FC, useCallback, KeyboardEvent, MouseEvent, useState, useRef } 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 { Counter } from '@hh.ru/magritte-ui-counter';\nimport { FormLabelProps } from '@hh.ru/magritte-ui-form-label/types';\nimport { QuestionCircleOutlinedSize16, CrossOutlinedSize24 } from '@hh.ru/magritte-ui-icon/icon';\nimport { NavigationBar } from '@hh.ru/magritte-ui-navigation-bar';\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> = (props: FormLabelProps) => {\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 { children, info, counter, 'data-qa': dataQa = 'form-label', ...restProps } = props;\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            <label\n                className={classNames(styles['form-label'], {\n                    [styles[`form-label_disabled`]]: disabled,\n                })}\n                data-qa={dataQa}\n                {...propsForInfo}\n                {...restProps}\n            >\n                {children}\n                {!!counter && (\n                    <span className={styles['form-label__counter']}>\n                        <Counter\n                            label={counter}\n                            style=\"attention\"\n                            mode=\"secondary\"\n                            size=\"medium\"\n                            data-qa=\"form-label-counter\"\n                        />\n                    </span>\n                )}\n                {info && (\n                    <>\n                        <span data-qa=\"form-label-info-icon\" className={styles['form-label__icon']} ref={activatorRef}>\n                            <QuestionCircleOutlinedSize16 />\n                        </span>\n                        <Tooltip\n                            maxWidth={300}\n                            visible={showTooltip}\n                            activatorRef={activatorRef}\n                            alignment=\"center\"\n                            direction=\"top\"\n                            data-qa=\"form-label-tooltip\"\n                        >\n                            {info}\n                        </Tooltip>\n                    </>\n                )}\n            </label>\n            {info && (\n                <BottomSheet\n                    visible={showBottomSheet}\n                    onClose={() => {\n                        setShowBottomSheet(false);\n                    }}\n                    header={\n                        <NavigationBar\n                            title={children}\n                            right={{\n                                icon: CrossOutlinedSize24,\n                                onClick: () => {\n                                    setShowBottomSheet(false);\n                                },\n                            }}\n                            showDivider\n                        />\n                    }\n                    data-qa=\"form-label-bottom-sheet\"\n                >\n                    <Text typography=\"label-2-regular\">{info}</Text>\n                </BottomSheet>\n            )}\n        </>\n    );\n};\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/index.css

@@ -0,0 +1,85 @@
+:root{
+  --magritte-color-component-form-label-stroke-state-focused-accessible-v18-1-1:#0070ff7a;
+  --magritte-color-component-form-label-text-content-v18-1-1:#768694;
+  --magritte-color-component-form-label-text-state-content-hovered-v18-1-1:#768694;
+  --magritte-color-component-form-label-text-state-content-pressed-v18-1-1:#768694;
+  --magritte-color-component-form-label-text-state-content-disabled-v18-1-1:#768694;
+  --magritte-color-component-form-label-icon-content-v18-1-1:#768694;
+  --magritte-color-component-form-label-icon-state-content-hovered-v18-1-1:#768694;
+  --magritte-color-component-form-label-icon-state-content-pressed-v18-1-1:#768694;
+  --magritte-color-component-form-label-icon-state-content-disabled-v18-1-1:#768694;
+  --magritte-color-component-form-label-counter-content-v18-1-1:#AABBCA;
+  --magritte-color-component-form-label-counter-state-content-disabled-v18-1-1:#AABBCA;
+}
+:root{
+  --magritte-typography-label-2-regular-font-family-v18-1-1:"Inter";
+  --magritte-typography-label-2-regular-font-weight-v18-1-1:400;
+  --magritte-typography-label-2-regular-line-height-v18-1-1:22px;
+  --magritte-typography-label-2-regular-font-size-v18-1-1:16px;
+  --magritte-typography-label-2-regular-letter-spacing-v18-1-1:0em;
+  --magritte-typography-label-2-regular-text-indent-v18-1-1:0px;
+  --magritte-typography-label-2-regular-text-transform-v18-1-1:none;
+  --magritte-typography-label-2-regular-text-decoration-v18-1-1:none;
+}
+.magritte-night-theme{
+  --magritte-color-component-form-label-stroke-state-focused-accessible-v18-1-1:#0070ff7a;
+  --magritte-color-component-form-label-text-content-v18-1-1:#ABABAB;
+  --magritte-color-component-form-label-text-state-content-hovered-v18-1-1:#ABABAB;
+  --magritte-color-component-form-label-text-state-content-pressed-v18-1-1:#ABABAB;
+  --magritte-color-component-form-label-text-state-content-disabled-v18-1-1:#ABABAB;
+  --magritte-color-component-form-label-icon-content-v18-1-1:#ABABAB;
+  --magritte-color-component-form-label-icon-state-content-hovered-v18-1-1:#ABABAB;
+  --magritte-color-component-form-label-icon-state-content-pressed-v18-1-1:#ABABAB;
+  --magritte-color-component-form-label-icon-state-content-disabled-v18-1-1:#ABABAB;
+  --magritte-color-component-form-label-counter-content-v18-1-1:#767676;
+  --magritte-color-component-form-label-counter-state-content-disabled-v18-1-1:#ABABAB;
+}
+.magritte-form-label___Yzcxs_3-2-41{
+  font-family:var(--magritte-typography-label-2-regular-font-family-v18-1-1);
+  font-weight:var(--magritte-typography-label-2-regular-font-weight-v18-1-1);
+  line-height:var(--magritte-typography-label-2-regular-line-height-v18-1-1);
+  font-size:var(--magritte-typography-label-2-regular-font-size-v18-1-1);
+  letter-spacing:var(--magritte-typography-label-2-regular-letter-spacing-v18-1-1);
+  text-indent:var(--magritte-typography-label-2-regular-text-indent-v18-1-1);
+  text-transform:var(--magritte-typography-label-2-regular-text-transform-v18-1-1);
+  text-decoration:var(--magritte-typography-label-2-regular-text-decoration-v18-1-1);
+  display:inline-flex;
+  gap:6px;
+  align-items:center;
+  border-radius:50vh;
+  color:var(--magritte-color-component-form-label-text-content-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-content-v18-1-1);
+}
+.magritte-form-label___Yzcxs_3-2-41.focus-visible{
+  outline:var(--magritte-color-component-form-label-stroke-state-focused-accessible-v18-1-1) solid 4px;
+}
+.magritte-form-label___Yzcxs_3-2-41:active{
+  color:var(--magritte-color-component-form-label-text-state-content-pressed-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-pressed-v18-1-1);
+}
+@media (min-width: 1020px){
+  body.magritte-old-layout .magritte-form-label___Yzcxs_3-2-41:hover:not(:disabled):not(:active){
+    color:var(--magritte-color-component-form-label-text-state-content-hovered-v18-1-1);
+    --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-hovered-v18-1-1);
+  }
+}
+@media (min-width: 1024px){
+  body:not(.magritte-old-layout) .magritte-form-label___Yzcxs_3-2-41:hover:not(:disabled):not(:active){
+    color:var(--magritte-color-component-form-label-text-state-content-hovered-v18-1-1);
+    --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-hovered-v18-1-1);
+  }
+}
+.magritte-form-label__counter___a2cSH_3-2-41{
+  --magritte-counter-label-color:var(--magritte-color-component-form-label-counter-content-v18-1-1);
+}
+.magritte-form-label_disabled___rq0Rq_3-2-41{
+  color:var(--magritte-color-component-form-label-text-state-content-disabled-v18-1-1);
+  --magritte-ui-icon-color-override:var(--magritte-color-component-form-label-icon-state-content-disabled-v18-1-1);
+}
+.magritte-form-label_disabled___rq0Rq_3-2-41 .magritte-form-label__counter___a2cSH_3-2-41{
+  --magritte-counter-label-color:var(--magritte-color-component-form-label-counter-state-content-disabled-v18-1-1);
+}
+.magritte-form-label__icon___H57oS_3-2-41{
+  display:inline-flex;
+  align-items:center;
+}

package/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FormLabel';
+export * from './types';
+export * from '@hh.ru/magritte-ui-theme-provider';

package/index.js

@@ -0,0 +1,16 @@
+import './index.css';
+export { FormLabel } from './FormLabel.js';
+export * from '@hh.ru/magritte-ui-theme-provider';
+import 'react/jsx-runtime';
+import 'react';
+import 'classnames';
+import '@hh.ru/magritte-common-focus-visible';
+import '@hh.ru/magritte-common-keyboard';
+import '@hh.ru/magritte-common-use-disabled';
+import '@hh.ru/magritte-ui-bottom-sheet';
+import '@hh.ru/magritte-ui-counter';
+import '@hh.ru/magritte-ui-icon/icon';
+import '@hh.ru/magritte-ui-navigation-bar';
+import '@hh.ru/magritte-ui-tooltip';
+import '@hh.ru/magritte-ui-typography';
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/index.mock.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export * from './types';
+declare const ThemeProvider: any;
+export { ThemeProvider };
+export declare const FormLabel: FC<Record<string, unknown>>;

package/index.mock.js

@@ -0,0 +1,11 @@
+import './index.css';
+import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+const { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');
+const FormLabel = mockComponent('FormLabel', undefined, {
+    withChildren: false,
+});
+
+export { FormLabel, ThemeProvider };
+//# sourceMappingURL=index.mock.js.map

package/index.mock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mock.js","sources":["../src/index.mock.ts"],"sourcesContent":["import { FC } from 'react';\n\nimport { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport * from '@hh.ru/magritte-ui-form-label/types';\n\n// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\nconst { ThemeProvider } = jest.requireActual('@hh.ru/magritte-ui-theme-provider/index');\n\nexport { ThemeProvider };\n\nexport const FormLabel: FC<Record<string, unknown>> = mockComponent('FormLabel', undefined, {\n    withChildren: false,\n});\n"],"names":[],"mappings":";;AAMA;AACM,MAAA,EAAE,aAAa,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,yCAAyC,EAAE;MAI3E,SAAS,GAAgC,aAAa,CAAC,WAAW,EAAE,SAAS,EAAE;AACxF,IAAA,YAAY,EAAE,KAAK;AACtB,CAAA;;;;"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@hh.ru/magritte-ui-form-label",
+  "version": "3.2.41",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "index.css"
+  ],
+  "scripts": {
+    "build": "yarn root:build $(pwd)",
+    "build-test-branch": "yarn root:build-test-branch $(pwd)",
+    "changelog": "yarn root:changelog $(pwd)",
+    "prepack": "yarn root:prepack $(pwd)",
+    "postpublish": "yarn root:postpublish $(pwd)",
+    "stylelint-test": "yarn root:stylelint-test $(pwd)",
+    "eslint-test": "yarn root:eslint-test $(pwd)",
+    "ts-config": "yarn root:ts-config $(pwd)",
+    "ts-check": "yarn root:ts-check $(pwd)",
+    "test": "jest $(pwd)"
+  },
+  "dependencies": {
+    "@hh.ru/magritte-common-focus-visible": "0.1.3",
+    "@hh.ru/magritte-common-keyboard": "3.0.2",
+    "@hh.ru/magritte-common-use-disabled": "1.0.8",
+    "@hh.ru/magritte-design-tokens": "18.1.1",
+    "@hh.ru/magritte-types": "4.0.1",
+    "@hh.ru/magritte-ui-action": "4.3.3",
+    "@hh.ru/magritte-ui-bottom-sheet": "4.1.22",
+    "@hh.ru/magritte-ui-breakpoint": "4.0.1",
+    "@hh.ru/magritte-ui-counter": "4.0.8",
+    "@hh.ru/magritte-ui-icon": "7.1.3",
+    "@hh.ru/magritte-ui-mock-component": "1.0.10",
+    "@hh.ru/magritte-ui-navigation-bar": "4.1.8",
+    "@hh.ru/magritte-ui-theme-provider": "1.1.21",
+    "@hh.ru/magritte-ui-tooltip": "6.0.10",
+    "@hh.ru/magritte-ui-typography": "3.0.8"
+  },
+  "peerDependencies": {
+    "classnames": ">=2.3.2",
+    "react": ">=18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "b660dd64fca3eaad5ec44ea9a73f92bb0d9694aa"
+}

package/types.d.ts

@@ -0,0 +1,8 @@
+import { LabelHTMLAttributes, ReactNode } from 'react';
+export interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    /** Текст подсказки */
+    info?: ReactNode;
+    /** Значение в счетчике */
+    counter?: string;
+    'data-qa'?: string;
+}

package/types.js

@@ -0,0 +1,3 @@
+import './index.css';
+
+//# sourceMappingURL=types.js.map

package/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}