@hh.ru/magritte-ui-button-stack 2.0.4

package/ButtonStack.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { ButtonStackProps } from './types';
+export declare const ButtonStack: FC<ButtonStackProps>;

package/ButtonStack.js

@@ -0,0 +1,13 @@
+import './index.css';
+import { jsx } from 'react/jsx-runtime';
+import { Children, cloneElement } from 'react';
+import classnames from 'classnames';
+
+var styles = {"button-stack":"magritte-button-stack___iVaJJ_2-0-4","buttonStack":"magritte-button-stack___iVaJJ_2-0-4","button-stack_auto":"magritte-button-stack_auto___dqMc9_2-0-4","buttonStackAuto":"magritte-button-stack_auto___dqMc9_2-0-4","button-stack_vertical":"magritte-button-stack_vertical___BNea1_2-0-4","buttonStackVertical":"magritte-button-stack_vertical___BNea1_2-0-4","button-stack_horizontal":"magritte-button-stack_horizontal___W247X_2-0-4","buttonStackHorizontal":"magritte-button-stack_horizontal___W247X_2-0-4","button-stack-item":"magritte-button-stack-item___EHJWa_2-0-4","buttonStackItem":"magritte-button-stack-item___EHJWa_2-0-4"};
+
+const ButtonStack = ({ children, orientation = 'auto' }) => {
+    return (jsx("div", { className: classnames(styles.buttonStack, styles[`button-stack_${orientation}`]), children: Children.map(children, (child, index) => (jsx("div", { className: classnames({ [styles.buttonStackItem]: orientation !== 'vertical' }), children: cloneElement(child, { stretched: true }) }, index))) }));
+};
+
+export { ButtonStack };
+//# sourceMappingURL=ButtonStack.js.map

package/ButtonStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonStack.js","sources":["../src/ButtonStack.tsx"],"sourcesContent":["import { FC, cloneElement, Children, ComponentProps } from 'react';\nimport classnames from 'classnames';\n\nimport { Button } from '@hh.ru/magritte-ui-button';\nimport { ButtonStackProps } from '@hh.ru/magritte-ui-button-stack/types';\n\nimport styles from './button-stack.less';\n\nexport const ButtonStack: FC<ButtonStackProps> = ({ children, orientation = 'auto' }) => {\n    return (\n        <div className={classnames(styles.buttonStack, styles[`button-stack_${orientation}`])}>\n            {Children.map(children, (child, index) => (\n                <div key={index} className={classnames({ [styles.buttonStackItem]: orientation !== 'vertical' })}>\n                    {cloneElement(child, { stretched: true } as ComponentProps<typeof Button>)}\n                </div>\n            ))}\n        </div>\n    );\n};\n"],"names":["_jsx"],"mappings":";;;;;;AAQO,MAAM,WAAW,GAAyB,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,MAAM,EAAE,KAAI;AACpF,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,gBAAgB,WAAW,CAAA,CAAE,CAAC,CAAC,EAChF,QAAA,EAAA,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,MACjCA,GAAA,CAAA,KAAA,EAAA,EAAiB,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC,MAAM,CAAC,eAAe,GAAG,WAAW,KAAK,UAAU,EAAE,CAAC,EAC3F,QAAA,EAAA,YAAY,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,EAAmC,CAAC,EADpE,EAAA,KAAK,CAET,CACT,CAAC,EAAA,CACA,EACR;AACN;;;;"}

package/index.css

@@ -0,0 +1,19 @@
+.magritte-button-stack___iVaJJ_2-0-4{
+  display:flex;
+  gap:12px;
+}
+.magritte-button-stack_auto___dqMc9_2-0-4{
+  flex-wrap:wrap;
+  max-width:fit-content;
+}
+.magritte-button-stack_vertical___BNea1_2-0-4{
+  flex-direction:column;
+}
+.magritte-button-stack_horizontal___W247X_2-0-4{
+  flex-direction:row;
+  max-width:fit-content;
+}
+.magritte-button-stack-item___EHJWa_2-0-4{
+  flex-grow:1;
+  min-width:0;
+}

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from './types';
+export * from './ButtonStack';

package/index.js

@@ -0,0 +1,6 @@
+import './index.css';
+export { ButtonStack } from './ButtonStack.js';
+import 'react/jsx-runtime';
+import 'react';
+import 'classnames';
+//# 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,3 @@
+/// <reference types="react" />
+export { type ButtonStackProps } from './types';
+export declare const ButtonStack: import("react").ForwardRefExoticComponent<Record<string, unknown>>;

package/index.mock.js

@@ -0,0 +1,9 @@
+import './index.css';
+import { mockComponent } from '@hh.ru/magritte-ui-mock-component';
+
+const ButtonStack = mockComponent('ButtonStack', undefined, {
+    withChildren: true,
+});
+
+export { ButtonStack };
+//# 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 { mockComponent } from '@hh.ru/magritte-ui-mock-component';\n\nexport { type ButtonStackProps } from '@hh.ru/magritte-ui-button-stack/types';\n\nexport const ButtonStack = mockComponent('ButtonStack', undefined, {\n    withChildren: true,\n});\n"],"names":[],"mappings":";;MAIa,WAAW,GAAG,aAAa,CAAC,aAAa,EAAE,SAAS,EAAE;AAC/D,IAAA,YAAY,EAAE,IAAI;AACrB,CAAA;;;;"}

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@hh.ru/magritte-ui-button-stack",
+  "version": "2.0.4",
+  "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-ui-button": "3.1.14",
+    "@hh.ru/magritte-ui-mock-component": "1.0.10"
+  },
+  "peerDependencies": {
+    "classnames": ">=2.3.2",
+    "react": ">=18.2.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "b660dd64fca3eaad5ec44ea9a73f92bb0d9694aa"
+}

package/types.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps, ReactElement } from 'react';
+import { Button } from '@hh.ru/magritte-ui-button';
+export type Orientation = 'vertical' | 'horizontal' | 'auto';
+export interface ButtonStackProps {
+    /** Массив кнопок */
+    children: ReactElement<ComponentProps<typeof Button>>[];
+    /** Ориентация контейнера */
+    orientation?: Orientation;
+}

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":""}