@snack-uikit/breadcrumbs 0.6.0 → 0.6.2-preview-00fa1de0.0

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 0.6.1 (2023-12-14)
+
+### Only dependencies have been changed
+* [@snack-uikit/popover@0.6.1](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/popover/CHANGELOG.md)
+
+
+
+
+
 # 0.6.0 (2023-12-14)
 
 

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -28,7 +28,7 @@ export const Breadcrumbs = memo(function Breadcrumbs(_a) {
     const items = useMemo(() => inactiveLastItem
         ? itemsProps.map((item, index) => index === itemsProps.length - 1 ? Object.assign(Object.assign({}, item), { onClick: undefined, href: undefined }) : item)
         : itemsProps, [inactiveLastItem, itemsProps]);
-    return (_jsxs(_Fragment, { children: [_jsx(HiddenChain, { items: items, size: size, separator: separator, onConfigsBuilt: setConfigs, firstItemIconOnly: firstItemIconOnly }), _jsx(Wrapper, Object.assign({}, rest, { ref: containerRef, hidden: false, size: size, separator: separator, className: className }, { children: currentConfig === null || currentConfig === void 0 ? void 0 : currentConfig.chain.map((block, index, array) => {
+    return (_jsxs(_Fragment, { children: [_jsx(HiddenChain, { items: items, size: size, separator: separator, onConfigsBuilt: setConfigs, firstItemIconOnly: firstItemIconOnly }), _jsx(Wrapper, Object.assign({}, rest, { ref: containerRef, hidden: false, size: size, separator: separator, className: className, children: currentConfig === null || currentConfig === void 0 ? void 0 : currentConfig.chain.map((block, index, array) => {
                     const isLastElement = index === array.length - 1;
                     switch (block.element) {
                         case ELEMENT_TYPE.Separator:

package/dist/components/Collapse/Collapse.js

@@ -14,10 +14,10 @@ export function Collapse({ currentConfig, className }) {
     const collapsedItems = currentConfig.map(node => {
         if (node.element === ELEMENT_TYPE.Item && node.item.renderMode === ITEM_RENDER_MODE.Collapsed) {
             const { id } = node.item;
-            return (_jsxs("div", Object.assign({ className: styles.collapsedRow }, { children: [_jsx(Crumb, { item: node.item, renderMode: ITEM_RENDER_MODE.Full }), _jsx(Separator, {})] }), id));
+            return (_jsxs("div", { className: styles.collapsedRow, children: [_jsx(Crumb, { item: node.item, renderMode: ITEM_RENDER_MODE.Full }), _jsx(Separator, {})] }, id));
         }
         return null;
     });
-    const tip = (_jsx(BreadcrumbsContext.Provider, Object.assign({ value: Object.assign(Object.assign({}, ctx), { testId: `${testId}-collapsed` }) }, { children: collapsedItems })));
-    return (_jsx("div", Object.assign({ className: className, "data-test-id": getTestId('collapse', testId), "data-element-type": ELEMENT_TYPE.Collapse }, { children: _jsx(Popover, Object.assign({ tip: tip, trigger: 'hoverAndFocusVisible', placement: 'top' }, { children: _jsx("button", Object.assign({ className: styles.collapse, tabIndex: hidden ? -1 : 0 }, { children: _jsx(CrumbsTypography, Object.assign({ size: size }, { children: "..." })) })) })) })));
+    const tip = (_jsx(BreadcrumbsContext.Provider, { value: Object.assign(Object.assign({}, ctx), { testId: `${testId}-collapsed` }), children: collapsedItems }));
+    return (_jsx("div", { className: className, "data-test-id": getTestId('collapse', testId), "data-element-type": ELEMENT_TYPE.Collapse, children: _jsx(Popover, { tip: tip, trigger: 'hoverAndFocusVisible', placement: 'top', children: _jsx("button", { className: styles.collapse, tabIndex: hidden ? -1 : 0, children: _jsx(CrumbsTypography, { size: size, children: "..." }) }) }) }));
 }

package/dist/components/Crumb/Crumb.js

@@ -33,7 +33,7 @@ export const Crumb = memo(function Crumb(_a) {
         'data-size': size,
         'data-id': id,
     };
-    const content = (_jsxs(_Fragment, { children: [Icon && (_jsx("div", Object.assign({ className: styles.icon }, { children: _jsx(Icon, { size: 24 }) }))), !useIconOnly && (_jsx(CrumbsTypography, Object.assign({ size: size, className: styles.label }, { children: renderMode === ITEM_RENDER_MODE.ShortLabel ? shortLabel : label })))] }));
+    const content = (_jsxs(_Fragment, { children: [Icon && (_jsx("div", { className: styles.icon, children: _jsx(Icon, { size: 24 }) })), !useIconOnly && (_jsx(CrumbsTypography, { size: size, className: styles.label, children: renderMode === ITEM_RENDER_MODE.ShortLabel ? shortLabel : label }))] }));
     const tabIndex = hidden ? { tabIndex: -1 } : {};
     const title = renderMode === ITEM_RENDER_MODE.Ellipsis ? label : '';
     let crumb = null;
@@ -46,5 +46,5 @@ export const Crumb = memo(function Crumb(_a) {
     else {
         crumb = (_jsx("div", Object.assign({ className: styles.crumb }, dataAttributes, { children: content })));
     }
-    return (_jsx("li", Object.assign({}, extractSupportProps(rest), dataAttributes, { "data-test-id": getTestId('crumb', testId), className: cn(styles.wrapper, className), "data-element-type": ELEMENT_TYPE.Item, style: { minWidth }, title: title }, { children: crumb })));
+    return (_jsx("li", Object.assign({}, extractSupportProps(rest), dataAttributes, { "data-test-id": getTestId('crumb', testId), className: cn(styles.wrapper, className), "data-element-type": ELEMENT_TYPE.Item, style: { minWidth }, title: title, children: crumb })));
 });

package/dist/components/CrumbsTypography/CrumbsTypography.js

@@ -2,5 +2,5 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Typography } from '@snack-uikit/typography';
 import { SIZE } from '../../constants';
 export function CrumbsTypography({ size, children, className }) {
-    return (_jsx(Typography, Object.assign({ className: className, size: size === SIZE.S ? 'l' : 'm', tag: 'div', family: 'sans', purpose: 'body' }, { children: children })));
+    return (_jsx(Typography, { className: className, size: size === SIZE.S ? 'l' : 'm', tag: 'div', family: 'sans', purpose: 'body', children: children }));
 }

package/dist/components/HiddenChain/HiddenChain.js

@@ -23,5 +23,5 @@ export const HiddenChain = memo(function HiddenChain({ size, separator, items, o
         }
     }, [items, onConfigsBuilt]);
     const renderItemModes = useItemModesRender({ firstItemIconOnly });
-    return (_jsxs(Wrapper, Object.assign({ size: size, hidden: true, ref: containerRef, separator: separator, "data-test-id": 'hidden-wrapper' }, { children: [_jsx(Separator, {}), _jsx(Collapse, { currentConfig: [] }), items.map(renderItemModes)] })));
+    return (_jsxs(Wrapper, { size: size, hidden: true, ref: containerRef, separator: separator, "data-test-id": 'hidden-wrapper', children: [_jsx(Separator, {}), _jsx(Collapse, { currentConfig: [] }), items.map(renderItemModes)] }));
 });

package/dist/components/Separator/Separator.js

@@ -7,5 +7,5 @@ import { CrumbsTypography } from '../CrumbsTypography';
 import styles from './styles.module.css';
 export function Separator() {
     const { size, separator, testId } = useContext(BreadcrumbsContext);
-    return (_jsx("div", Object.assign({ "aria-hidden": true, "data-size": size, className: styles.separator, "data-test-id": getTestId('separator', testId), "data-element-type": ELEMENT_TYPE.Separator }, { children: _jsx(CrumbsTypography, Object.assign({ size: size }, { children: separator })) })));
+    return (_jsx("div", { "aria-hidden": true, "data-size": size, className: styles.separator, "data-test-id": getTestId('separator', testId), "data-element-type": ELEMENT_TYPE.Separator, children: _jsx(CrumbsTypography, { size: size, children: separator }) }));
 }

package/dist/components/Wrapper/Wrapper.js

@@ -17,5 +17,5 @@ import { BreadcrumbsContext } from '../../context';
 import styles from './styles.module.css';
 export const Wrapper = forwardRef(function HiddenWrapper(_a, ref) {
     var { children, className, size, hidden, separator, 'data-test-id': testId } = _a, rest = __rest(_a, ["children", "className", "size", "hidden", "separator", 'data-test-id']);
-    return (_jsx("nav", Object.assign({}, extractSupportProps(rest), { className: cn(styles.wrapper, className), "data-test-id": testId, "data-hidden": hidden, "aria-hidden": hidden }, { children: _jsx(BreadcrumbsContext.Provider, Object.assign({ value: { hidden, size, separator, testId } }, { children: _jsx("ul", Object.assign({ className: styles.row, ref: ref, "data-hidden": hidden, "data-size": size }, { children: children })) })) })));
+    return (_jsx("nav", Object.assign({}, extractSupportProps(rest), { className: cn(styles.wrapper, className), "data-test-id": testId, "data-hidden": hidden, "aria-hidden": hidden, children: _jsx(BreadcrumbsContext.Provider, { value: { hidden, size, separator, testId }, children: _jsx("ul", { className: styles.row, ref: ref, "data-hidden": hidden, "data-size": size, children: children }) }) })));
 });

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Breadcrumbs",
-  "version": "0.6.0",
+  "version": "0.6.2-preview-00fa1de0.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,11 +32,11 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/popover": "0.6.0",
+    "@snack-uikit/popover": "0.6.2-preview-00fa1de0.0",
     "@snack-uikit/typography": "0.6.0",
     "@snack-uikit/utils": "3.2.0",
     "classnames": "2.3.2",
     "lodash.debounce": "4.0.8"
   },
-  "gitHead": "bd39c5e674f3b91b0e2487782a04b15034cf3d8b"
+  "gitHead": "197debfa780364e989e8de7c27ebe15474429c57"
 }