@hh.ru/magritte-ui-action-list 5.2.42

package/ActionList.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { type ActionListProps } from '@hh.ru/magritte-ui-action-list';
+export declare const ActionList: import("react").NamedExoticComponent<ActionListProps>;

package/ActionList.js

@@ -0,0 +1,21 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';
+import { Drop } from '@hh.ru/magritte-ui-drop';
+
+const ActionList = memo(({ children, dropProps, bottomSheetProps, ...commonProps }) => {
+    const dropClickHandler = (event) => {
+        const target = event.target;
+        const currentTarget = event.currentTarget;
+        const isClickOnButton = currentTarget.contains(target.closest('button, [role="button"]'));
+        if (isClickOnButton) {
+            /** Требование из спецификации компонента: при клике по Button, находящейся в Drop, возвращаем фокус на активатор */
+            dropProps.activatorRef?.current?.focus();
+        }
+    };
+    return (jsxs(Fragment, { children: [jsx(Drop, { ...dropProps, ...commonProps, space: 400, arrowNavigation: true, onClick: dropClickHandler, children: children }), jsx(BottomSheet, { ...bottomSheetProps, ...commonProps, height: "content", children: children })] }));
+});
+ActionList.displayName = 'ActionList';
+
+export { ActionList };
+//# sourceMappingURL=ActionList.js.map

package/ActionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionList.js","sources":["../src/ActionList.tsx"],"sourcesContent":["import { MouseEventHandler, memo } from 'react';\n\nimport { type ActionListProps } from '@hh.ru/magritte-ui-action-list';\nimport { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';\nimport { Drop } from '@hh.ru/magritte-ui-drop';\n\nexport const ActionList = memo<ActionListProps>(({ children, dropProps, bottomSheetProps, ...commonProps }) => {\n    const dropClickHandler: MouseEventHandler<HTMLDivElement> = (event) => {\n        const target = event.target as Element;\n        const currentTarget = event.currentTarget as Element;\n        const isClickOnButton = currentTarget.contains(target.closest('button, [role=\"button\"]'));\n\n        if (isClickOnButton) {\n            /** Требование из спецификации компонента: при клике по Button, находящейся в Drop, возвращаем фокус на активатор */\n            dropProps.activatorRef?.current?.focus();\n        }\n    };\n\n    return (\n        <>\n            <Drop {...dropProps} {...commonProps} space={400} arrowNavigation onClick={dropClickHandler}>\n                {children}\n            </Drop>\n            <BottomSheet {...bottomSheetProps} {...commonProps} height=\"content\">\n                {children}\n            </BottomSheet>\n        </>\n    );\n});\n\nActionList.displayName = 'ActionList';\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;AAMa,MAAA,UAAU,GAAG,IAAI,CAAkB,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,gBAAgB,EAAE,GAAG,WAAW,EAAE,KAAI;AAC1G,IAAA,MAAM,gBAAgB,GAAsC,CAAC,KAAK,KAAI;AAClE,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAAiB,CAAC;AACvC,QAAA,MAAM,aAAa,GAAG,KAAK,CAAC,aAAwB,CAAC;AACrD,QAAA,MAAM,eAAe,GAAG,aAAa,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,yBAAyB,CAAC,CAAC,CAAC;AAE1F,QAAA,IAAI,eAAe,EAAE;;AAEjB,YAAA,SAAS,CAAC,YAAY,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC;AAC5C,SAAA;AACL,KAAC,CAAC;AAEF,IAAA,QACIA,IACI,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CAAAC,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,SAAS,EAAM,GAAA,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,eAAe,EAAA,IAAA,EAAC,OAAO,EAAE,gBAAgB,EACtF,QAAA,EAAA,QAAQ,GACN,EACPA,GAAA,CAAC,WAAW,EAAA,EAAA,GAAK,gBAAgB,EAAM,GAAA,WAAW,EAAE,MAAM,EAAC,SAAS,EAAA,QAAA,EAC/D,QAAQ,EACC,CAAA,CAAA,EAAA,CACf,EACL;AACN,CAAC,EAAE;AAEH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/index.d.ts

@@ -0,0 +1,3 @@
+export { type ActionListProps } from './types';
+export * from './ActionList';
+export * from '@hh.ru/magritte-ui-theme-provider';

package/index.js

@@ -0,0 +1,7 @@
+export { ActionList } from './ActionList.js';
+export * from '@hh.ru/magritte-ui-theme-provider';
+import 'react/jsx-runtime';
+import 'react';
+import '@hh.ru/magritte-ui-bottom-sheet';
+import '@hh.ru/magritte-ui-drop';
+//# sourceMappingURL=index.js.map

package/index.js.map

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

package/package.json

@@ -0,0 +1,36 @@
+{
+  "name": "@hh.ru/magritte-ui-action-list",
+  "version": "5.2.42",
+  "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": "yarn root:test $(pwd)"
+  },
+  "dependencies": {
+    "@hh.ru/magritte-internal-drop-base": "5.0.4",
+    "@hh.ru/magritte-ui-bottom-sheet": "4.1.22",
+    "@hh.ru/magritte-ui-breakpoint": "4.0.1",
+    "@hh.ru/magritte-ui-button": "3.1.14",
+    "@hh.ru/magritte-ui-drop": "5.0.8",
+    "@hh.ru/magritte-ui-theme-provider": "1.1.21"
+  },
+  "peerDependencies": {
+    "react": ">=18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "b660dd64fca3eaad5ec44ea9a73f92bb0d9694aa"
+}

package/types.d.ts

@@ -0,0 +1,16 @@
+import { ComponentProps, ReactNode } from 'react';
+import { DropBaseHorizontalPositionWithoutCenter, DropBaseVerticalPositionWithoutCenter } from '@hh.ru/magritte-internal-drop-base';
+import { BottomSheet } from '@hh.ru/magritte-ui-bottom-sheet';
+import { Drop } from '@hh.ru/magritte-ui-drop';
+export interface ActionListProps {
+    /** Флаг, отвечает за отображение Drop/BottomSheet, `true` — показать, `false` — скрыть */
+    visible: boolean;
+    /** Колбек, вызываемый при закрытии компонента, который обязательно должен устанавливать visible=false */
+    onClose: VoidFunction;
+    /** Основной контент */
+    children: ReactNode | ReactNode[];
+    /** Props компонента Drop */
+    dropProps: Omit<ComponentProps<typeof Drop>, 'space' | 'footer' | 'children' | 'dividerState' | 'visible' | 'onClose'> & (DropBaseHorizontalPositionWithoutCenter | DropBaseVerticalPositionWithoutCenter);
+    /** Props компонента BottomSheet */
+    bottomSheetProps?: Omit<ComponentProps<typeof BottomSheet>, 'footer' | 'header' | 'height' | 'children' | 'showDivider' | 'visible' | 'onClose'>;
+}

package/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/types.js.map

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