@salutejs/plasma-new-hope 0.113.0-canary.1310.10143188146.0 → 0.113.0-canary.1326.10144080025.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +14 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +30 -0
- package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -0
- package/cjs/index.css +0 -4
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +14 -2
- package/emotion/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +32 -0
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/emotion/es/components/DatePicker/hooks/useKeyboardNavigation.js +26 -0
- package/emotion/es/index.js +0 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useKeyboardNavigation.js +25 -0
- package/es/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -0
- package/es/index.css +0 -4
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +14 -2
- package/styled-components/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +32 -0
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +14 -2
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
- package/styled-components/es/components/DatePicker/hooks/useKeyboardNavigation.js +26 -0
- package/styled-components/es/index.js +0 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts +13 -0
- package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts.map +1 -0
- package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts +2 -2
- package/types/examples/plasma_b2c/components/Header/Header.d.ts +1 -1
- package/types/examples/plasma_web/components/Header/Header.d.ts +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.css +0 -13
- package/cjs/components/Breadcrumbs/Breadcrumbs.js +0 -59
- package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +0 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +0 -46
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +0 -1
- package/cjs/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +0 -3
- package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -23
- package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map +0 -1
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -36
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +0 -1
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -27
- package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +0 -1
- package/cjs/components/Breadcrumbs/utils/index.js +0 -53
- package/cjs/components/Breadcrumbs/utils/index.js.map +0 -1
- package/cjs/components/Breadcrumbs/variations/_size/base.js +0 -9
- package/cjs/components/Breadcrumbs/variations/_size/base.js.map +0 -1
- package/cjs/components/Breadcrumbs/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Breadcrumbs/variations/_view/base.js +0 -9
- package/cjs/components/Breadcrumbs/variations/_view/base.js.map +0 -1
- package/cjs/components/Breadcrumbs/variations/_view/base_x642ct.css +0 -1
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +0 -59
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +0 -33
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -21
- package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.types.js +0 -5
- package/emotion/cjs/components/Breadcrumbs/README.md +0 -78
- package/emotion/cjs/components/Breadcrumbs/index.js +0 -31
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -42
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -20
- package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +0 -5
- package/emotion/cjs/components/Breadcrumbs/utils/index.js +0 -49
- package/emotion/cjs/components/Breadcrumbs/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/emotion/cjs/components/Breadcrumbs/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +0 -25
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +0 -25
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +0 -50
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +0 -26
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -15
- package/emotion/es/components/Breadcrumbs/Breadcrumbs.types.js +0 -1
- package/emotion/es/components/Breadcrumbs/README.md +0 -78
- package/emotion/es/components/Breadcrumbs/index.js +0 -2
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -33
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -13
- package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +0 -1
- package/emotion/es/components/Breadcrumbs/utils/index.js +0 -42
- package/emotion/es/components/Breadcrumbs/variations/_size/base.js +0 -2
- package/emotion/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/emotion/es/components/Breadcrumbs/variations/_view/base.js +0 -2
- package/emotion/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +0 -19
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +0 -19
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +0 -5
- package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
- package/es/components/Breadcrumbs/Breadcrumbs.css +0 -13
- package/es/components/Breadcrumbs/Breadcrumbs.js +0 -54
- package/es/components/Breadcrumbs/Breadcrumbs.js.map +0 -1
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js +0 -40
- package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +0 -1
- package/es/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +0 -3
- package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -18
- package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +0 -1
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -32
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +0 -1
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -21
- package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +0 -1
- package/es/components/Breadcrumbs/utils/index.js +0 -46
- package/es/components/Breadcrumbs/utils/index.js.map +0 -1
- package/es/components/Breadcrumbs/variations/_size/base.js +0 -5
- package/es/components/Breadcrumbs/variations/_size/base.js.map +0 -1
- package/es/components/Breadcrumbs/variations/_size/base_x642ct.css +0 -1
- package/es/components/Breadcrumbs/variations/_view/base.js +0 -5
- package/es/components/Breadcrumbs/variations/_view/base.js.map +0 -1
- package/es/components/Breadcrumbs/variations/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +0 -59
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +0 -32
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -21
- package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js +0 -5
- package/styled-components/cjs/components/Breadcrumbs/README.md +0 -78
- package/styled-components/cjs/components/Breadcrumbs/index.js +0 -31
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -42
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -24
- package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +0 -5
- package/styled-components/cjs/components/Breadcrumbs/utils/index.js +0 -49
- package/styled-components/cjs/components/Breadcrumbs/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/styled-components/cjs/components/Breadcrumbs/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +0 -25
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +0 -25
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +0 -50
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +0 -24
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -15
- package/styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js +0 -1
- package/styled-components/es/components/Breadcrumbs/README.md +0 -78
- package/styled-components/es/components/Breadcrumbs/index.js +0 -2
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -33
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -17
- package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +0 -1
- package/styled-components/es/components/Breadcrumbs/utils/index.js +0 -42
- package/styled-components/es/components/Breadcrumbs/variations/_size/base.js +0 -2
- package/styled-components/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
- package/styled-components/es/components/Breadcrumbs/variations/_view/base.js +0 -2
- package/styled-components/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +0 -19
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +0 -19
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +0 -5
- package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
- package/types/components/Breadcrumbs/Breadcrumbs.d.ts +0 -35
- package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +0 -1
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +0 -7
- package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +0 -1
- package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +0 -16
- package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +0 -1
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +0 -38
- package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +0 -1
- package/types/components/Breadcrumbs/index.d.ts +0 -4
- package/types/components/Breadcrumbs/index.d.ts.map +0 -1
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts +0 -4
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts.map +0 -1
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts +0 -4
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map +0 -1
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts +0 -8
- package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts.map +0 -1
- package/types/components/Breadcrumbs/utils/index.d.ts +0 -7
- package/types/components/Breadcrumbs/utils/index.d.ts.map +0 -1
- package/types/components/Breadcrumbs/variations/_size/base.d.ts +0 -2
- package/types/components/Breadcrumbs/variations/_size/base.d.ts.map +0 -1
- package/types/components/Breadcrumbs/variations/_view/base.d.ts +0 -2
- package/types/components/Breadcrumbs/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts +0 -18
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts +0 -19
- package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts +0 -18
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts +0 -19
- package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts.map +0 -1
@@ -1,13 +0,0 @@
|
|
1
|
-
.base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
|
2
|
-
|
3
|
-
.base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
|
4
|
-
|
5
|
-
.base_153fcja_b1iw8i40__3469524b:focus{outline:none;}.base_153fcja_b1iw8i40__3469524b:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-focus-color);border-bottom:none;}
|
6
|
-
|
7
|
-
.Link_1oiwct5_b1j91s21__5667805d{position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s ease-in;transition:color 0.15s ease-in;}.Link_1oiwct5_b1j91s21__5667805d::before{content:'';position:absolute;inset:0;opacity:0.4;}
|
8
|
-
|
9
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
10
|
-
|
11
|
-
.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef{opacity:var(--shehk3i-0);position:relative;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef.Breadcrumbs_styles_1troyzr_focusVisible__0db10aef:focus::before,.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
12
|
-
.Breadcrumbs_styles_1troyzr_bkgt5xr__0db10aef{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
13
|
-
.Breadcrumbs_styles_1troyzr_sajtslk__0db10aef{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
|
@@ -1,54 +0,0 @@
|
|
1
|
-
import React, { forwardRef } from 'react';
|
2
|
-
import { cx } from '../../utils/index.js';
|
3
|
-
import { base as base$2 } from './variations/_size/base.js';
|
4
|
-
import { base as base$1 } from './variations/_view/base.js';
|
5
|
-
import { base, Separator } from './Breadcrumbs.styles.js';
|
6
|
-
import { getRenderItems, addSeparator, convertIconSize } from './utils/index.js';
|
7
|
-
|
8
|
-
var breadcrumbsRoot = function breadcrumbsRoot(Root) {
|
9
|
-
return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
|
10
|
-
var view = _ref.view,
|
11
|
-
size = _ref.size,
|
12
|
-
separator = _ref.separator,
|
13
|
-
items = _ref.items,
|
14
|
-
_ref$showItems = _ref.showItems,
|
15
|
-
showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
|
16
|
-
className = _ref.className;
|
17
|
-
var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React.createElement(Separator, {
|
18
|
-
color: "inherit",
|
19
|
-
size: convertIconSize(size)
|
20
|
-
});
|
21
|
-
var renderItems = getRenderItems(items, renderSeparator, showItems);
|
22
|
-
var itemsWithSeparator = addSeparator(renderItems, renderSeparator);
|
23
|
-
return /*#__PURE__*/React.createElement(Root, {
|
24
|
-
ref: outerRootRef,
|
25
|
-
size: size,
|
26
|
-
view: view,
|
27
|
-
className: cx(className),
|
28
|
-
items: items
|
29
|
-
}, itemsWithSeparator.map(function (item) {
|
30
|
-
return item;
|
31
|
-
}));
|
32
|
-
});
|
33
|
-
};
|
34
|
-
var breadcrumbsConfig = {
|
35
|
-
name: 'Breadcrumbs',
|
36
|
-
tag: 'div',
|
37
|
-
layout: breadcrumbsRoot,
|
38
|
-
base: base,
|
39
|
-
variations: {
|
40
|
-
view: {
|
41
|
-
css: base$1
|
42
|
-
},
|
43
|
-
size: {
|
44
|
-
css: base$2
|
45
|
-
}
|
46
|
-
},
|
47
|
-
defaults: {
|
48
|
-
view: 'default',
|
49
|
-
size: 'm'
|
50
|
-
}
|
51
|
-
};
|
52
|
-
|
53
|
-
export { breadcrumbsConfig, breadcrumbsRoot };
|
54
|
-
//# sourceMappingURL=Breadcrumbs.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { BreadcrumbsProps } from './Breadcrumbs.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, Separator } from './Breadcrumbs.styles';\nimport { addSeparator, convertIconSize, getRenderItems } from './utils';\n\nexport const breadcrumbsRoot = (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) =>\n forwardRef<HTMLDivElement, BreadcrumbsProps>(\n ({ view, size, separator, items, showItems = items.length, className }, outerRootRef) => {\n const renderSeparator = separator ?? <Separator color=\"inherit\" size={convertIconSize(size)} />;\n const renderItems: ReactNode[] = getRenderItems(items, renderSeparator, showItems);\n const itemsWithSeparator = addSeparator(renderItems, renderSeparator);\n\n return (\n <Root ref={outerRootRef} size={size} view={view} className={cx(className)} items={items}>\n {itemsWithSeparator.map((item) => {\n return item;\n })}\n </Root>\n );\n },\n );\n\nexport const breadcrumbsConfig = {\n name: 'Breadcrumbs',\n tag: 'div',\n layout: breadcrumbsRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["breadcrumbsRoot","Root","forwardRef","_ref","outerRootRef","view","size","separator","items","_ref$showItems","showItems","length","className","renderSeparator","React","createElement","Separator","color","convertIconSize","renderItems","getRenderItems","itemsWithSeparator","addSeparator","ref","cx","map","item","breadcrumbsConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;IAWaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,UAAU,CACN,UAAAC,IAAA,EAAwEC,YAAY,EAAK;AAAA,IAAA,IAAtFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAGD,KAAK,CAACG,MAAM,GAAAF,cAAA;MAAEG,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAChE,IAAA,IAAMC,eAAe,GAAGN,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,gBAAIO,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAA;AAACC,MAAAA,KAAK,EAAC,SAAS;MAACX,IAAI,EAAEY,eAAe,CAACZ,IAAI,CAAA;AAAE,KAAE,CAAC,CAAA;IAC/F,IAAMa,WAAwB,GAAGC,cAAc,CAACZ,KAAK,EAAEK,eAAe,EAAEH,SAAS,CAAC,CAAA;AAClF,IAAA,IAAMW,kBAAkB,GAAGC,YAAY,CAACH,WAAW,EAAEN,eAAe,CAAC,CAAA;AAErE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACd,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACO,MAAAA,SAAS,EAAEY,EAAE,CAACZ,SAAS,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACnFa,kBAAkB,CAACI,GAAG,CAAC,UAACC,IAAI,EAAK;AAC9B,MAAA,OAAOA,IAAI,CAAA;AACf,KAAC,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMC,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9B,eAAe;AACvB+B,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR3B,IAAAA,IAAI,EAAE;AACF4B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD5B,IAAAA,IAAI,EAAE;AACF2B,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/B,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import './Breadcrumbs.styles_1troyzr.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
import { linkConfig } from '../Link/Link.js';
|
4
|
-
import '@linaria/core';
|
5
|
-
import { component, mergeConfig } from '../../engines/common.js';
|
6
|
-
import 'react';
|
7
|
-
import { IconDisclosureRight } from '../_Icon/Icons/IconDisclosureRight.js';
|
8
|
-
import { tokens } from './Breadcrumbs.tokens.js';
|
9
|
-
|
10
|
-
var mergedLinkConfig = /*#__PURE__*/mergeConfig(linkConfig);
|
11
|
-
var Link = /*#__PURE__*/component(mergedLinkConfig);
|
12
|
-
var _exp = function _exp() {
|
13
|
-
return Link;
|
14
|
-
};
|
15
|
-
var _exp2 = function _exp2() {
|
16
|
-
return function (_ref) {
|
17
|
-
var isHref = _ref.isHref;
|
18
|
-
return isHref ? 1 : "var(".concat(tokens.breadcrumbsOpacity, ")");
|
19
|
-
};
|
20
|
-
};
|
21
|
-
var StyledLink = /*#__PURE__*/styled(_exp())({
|
22
|
-
name: "StyledLink",
|
23
|
-
"class": "shehk3i",
|
24
|
-
propsAsIs: true,
|
25
|
-
vars: {
|
26
|
-
"shehk3i-0": [/*#__PURE__*/_exp2()]
|
27
|
-
}
|
28
|
-
});
|
29
|
-
var base = "bkgt5xr";
|
30
|
-
var _exp12 = function _exp12() {
|
31
|
-
return IconDisclosureRight;
|
32
|
-
};
|
33
|
-
var Separator = /*#__PURE__*/styled(_exp12())({
|
34
|
-
name: "Separator",
|
35
|
-
"class": "sajtslk",
|
36
|
-
propsAsIs: true
|
37
|
-
});
|
38
|
-
|
39
|
-
export { Separator, StyledLink, base };
|
40
|
-
//# sourceMappingURL=Breadcrumbs.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n\n ${addFocus({\n outlineOffset: '0rem',\n outlineSize: '0.125rem',\n outlineRadius: '0rem',\n outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n })}\n`;\n\nexport const base = css`\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(${tokens.breadcrumbsGap});\n\n color: var(${tokens.breadcrumbsColor});\n font-family: var(${tokens.breadcrumbsFontFamily});\n font-size: var(${tokens.breadcrumbsFontSize});\n font-weight: var(${tokens.breadcrumbsFontWeight});\n font-style: var(${tokens.breadcrumbsFontStyle});\n letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n color: var(${tokens.breadcrumbsColor});\n opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","StyledLink","styled","name","class","propsAsIs","vars","base","_exp12","IconDisclosureRight","Separator"],"mappings":";;;;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,WAAW,CAACC,UAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,SAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAD1E,IAAMC,UAAU,gBAAGC,MAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBX,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CAQhF,EAAA;AAEM,IAAMY,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GApCgBA,SAoChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,mBAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,MAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;"}
|
@@ -1,3 +0,0 @@
|
|
1
|
-
.shehk3i{opacity:var(--shehk3i-0);position:relative;}.shehk3i::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
|
2
|
-
.bkgt5xr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
|
3
|
-
.sajtslk{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
var classes = {
|
2
|
-
breadcrumbsRoot: 'breadcrumbs-root'
|
3
|
-
};
|
4
|
-
var tokens = {
|
5
|
-
breadcrumbsGap: '--plasma-breadcrumbs-gap',
|
6
|
-
breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
|
7
|
-
breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
|
8
|
-
breadcrumbsColor: '--plasma-breadcrumbs-color',
|
9
|
-
breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
|
10
|
-
breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
|
11
|
-
breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
|
12
|
-
breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
|
13
|
-
breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
|
14
|
-
breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
|
15
|
-
};
|
16
|
-
|
17
|
-
export { classes, tokens };
|
18
|
-
//# sourceMappingURL=Breadcrumbs.tokens.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Breadcrumbs.tokens.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"sourcesContent":["export const classes = {\n breadcrumbsRoot: 'breadcrumbs-root',\n};\n\nexport const tokens = {\n breadcrumbsGap: '--plasma-breadcrumbs-gap',\n breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',\n breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',\n\n breadcrumbsColor: '--plasma-breadcrumbs-color',\n breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',\n breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',\n breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',\n breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',\n breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',\n breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height',\n};\n"],"names":["classes","breadcrumbsRoot","tokens","breadcrumbsGap","breadcrumbsOpacity","breadcrumbsFocusOutlineColor","breadcrumbsColor","breadcrumbsFontFamily","breadcrumbsFontSize","breadcrumbsFontStyle","breadcrumbsFontWeight","breadcrumbsLetterSpacing","breadcrumbsLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,kBAAkB,EAAE,8BAA8B;AAClDC,EAAAA,4BAA4B,EAAE,0CAA0C;AAExEC,EAAAA,gBAAgB,EAAE,4BAA4B;AAC9CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,wBAAwB,EAAE,qCAAqC;AAC/DC,EAAAA,qBAAqB,EAAE,kCAAA;AAC3B;;;;"}
|
@@ -1,32 +0,0 @@
|
|
1
|
-
import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import React, { useState } from 'react';
|
3
|
-
import { addSeparator } from '../../utils/index.js';
|
4
|
-
import { StyledRoot, StyledShorter, StyledHidden } from './BreadcrumbShorter.styles.js';
|
5
|
-
|
6
|
-
var BreadcrumbShorter = function BreadcrumbShorter(_ref) {
|
7
|
-
var children = _ref.children,
|
8
|
-
separator = _ref.separator;
|
9
|
-
var _useState = useState(false),
|
10
|
-
_useState2 = _slicedToArray(_useState, 2),
|
11
|
-
openShorter = _useState2[0],
|
12
|
-
setOpenShorter = _useState2[1];
|
13
|
-
var renderItems = addSeparator(children, separator);
|
14
|
-
var onKeyPress = function onKeyPress(event) {
|
15
|
-
event.persist();
|
16
|
-
if (event.keyCode === 13) {
|
17
|
-
setOpenShorter(true);
|
18
|
-
}
|
19
|
-
};
|
20
|
-
return /*#__PURE__*/React.createElement(StyledRoot, null, !openShorter && /*#__PURE__*/React.createElement(StyledShorter, {
|
21
|
-
tabIndex: 0,
|
22
|
-
onClick: function onClick() {
|
23
|
-
return setOpenShorter(true);
|
24
|
-
},
|
25
|
-
onKeyDown: onKeyPress
|
26
|
-
}, "..."), openShorter && /*#__PURE__*/React.createElement(StyledHidden, null, renderItems.map(function (item) {
|
27
|
-
return item;
|
28
|
-
})));
|
29
|
-
};
|
30
|
-
|
31
|
-
export { BreadcrumbShorter };
|
32
|
-
//# sourceMappingURL=BreadcrumbShorter.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"BreadcrumbShorter.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useState, KeyboardEvent } from 'react';\n\nimport { addSeparator } from '../../utils';\n\nimport { StyledHidden, StyledRoot, StyledShorter } from './BreadcrumbShorter.styles';\nimport { BreadcrumbShorterProps } from './BreadcrumbShorter.types';\n\nexport const BreadcrumbShorter: React.FC<HTMLAttributes<HTMLDivElement> & BreadcrumbShorterProps> = ({\n children,\n separator,\n}) => {\n const [openShorter, setOpenShorter] = useState(false);\n\n const renderItems: ReactNode[] = addSeparator(children, separator);\n\n const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n\n if (event.keyCode === 13) {\n setOpenShorter(true);\n }\n };\n\n return (\n <StyledRoot>\n {!openShorter && (\n <StyledShorter tabIndex={0} onClick={() => setOpenShorter(true)} onKeyDown={onKeyPress}>\n ...\n </StyledShorter>\n )}\n {openShorter && (\n <StyledHidden>\n {renderItems.map((item) => {\n return item;\n })}\n </StyledHidden>\n )}\n </StyledRoot>\n );\n};\n"],"names":["BreadcrumbShorter","_ref","children","separator","_useState","useState","_useState2","_slicedToArray","openShorter","setOpenShorter","renderItems","addSeparator","onKeyPress","event","persist","keyCode","React","createElement","StyledRoot","StyledShorter","tabIndex","onClick","onKeyDown","StyledHidden","map","item"],"mappings":";;;;;IAOaA,iBAAoF,GAAG,SAAvFA,iBAAoFA,CAAAC,IAAA,EAG3F;AAAA,EAAA,IAFFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAET,EAAA,IAAAC,SAAA,GAAsCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9CI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMI,WAAwB,GAAGC,YAAY,CAACT,QAAQ,EAAEC,SAAS,CAAC,CAAA;AAElE,EAAA,IAAMS,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAoC,EAAK;IACzDA,KAAK,CAACC,OAAO,EAAE,CAAA;AAEf,IAAA,IAAID,KAAK,CAACE,OAAO,KAAK,EAAE,EAAE;MACtBN,cAAc,CAAC,IAAI,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;AAED,EAAA,oBACIO,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA,IAAA,EACN,CAACV,WAAW,iBACTQ,KAAA,CAAAC,aAAA,CAACE,aAAa,EAAA;AAACC,IAAAA,QAAQ,EAAE,CAAE;IAACC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMZ,cAAc,CAAC,IAAI,CAAC,CAAA;KAAC;AAACa,IAAAA,SAAS,EAAEV,UAAAA;AAAW,GAAA,EAAC,KAEzE,CAClB,EACAJ,WAAW,iBACRQ,KAAA,CAAAC,aAAA,CAACM,YAAY,QACRb,WAAW,CAACc,GAAG,CAAC,UAACC,IAAI,EAAK;AACvB,IAAA,OAAOA,IAAI,CAAA;GACd,CACS,CAEV,CAAC,CAAA;AAErB;;;;"}
|
@@ -1,21 +0,0 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
|
-
import { addFocus } from '../../../../mixins/addFocus.js';
|
3
|
-
import { tokens } from '../../Breadcrumbs.tokens.js';
|
4
|
-
|
5
|
-
var StyledRoot = /*#__PURE__*/styled.div.withConfig({
|
6
|
-
componentId: "plasma-new-hope__sc-1ufgggn-0"
|
7
|
-
})([""]);
|
8
|
-
var StyledShorter = /*#__PURE__*/styled.div.withConfig({
|
9
|
-
componentId: "plasma-new-hope__sc-1ufgggn-1"
|
10
|
-
})(["cursor:pointer;", ""], /*#__PURE__*/addFocus({
|
11
|
-
outlineOffset: '0.125rem',
|
12
|
-
outlineSize: '0.125rem',
|
13
|
-
outlineRadius: '0',
|
14
|
-
outlineColor: /*#__PURE__*/"var(".concat(tokens.breadcrumbsFocusOutlineColor, ")")
|
15
|
-
}));
|
16
|
-
var StyledHidden = /*#__PURE__*/styled.div.withConfig({
|
17
|
-
componentId: "plasma-new-hope__sc-1ufgggn-2"
|
18
|
-
})(["display:flex;align-items:center;gap:var(", ");"], tokens.breadcrumbsGap);
|
19
|
-
|
20
|
-
export { StyledHidden, StyledRoot, StyledShorter };
|
21
|
-
//# sourceMappingURL=BreadcrumbShorter.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"BreadcrumbShorter.styles.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Breadcrumbs.tokens';\n\nexport const StyledRoot = styled.div``;\nexport const StyledShorter = styled.div`\n cursor: pointer;\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '0',\n outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n })}\n`;\nexport const StyledHidden = styled.div`\n display: flex;\n align-items: center;\n gap: var(${tokens.breadcrumbsGap});\n`;\n"],"names":["StyledRoot","styled","div","withConfig","componentId","StyledShorter","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","tokens","breadcrumbsFocusOutlineColor","StyledHidden","breadcrumbsGap"],"mappings":";;;;IAKaA,UAAU,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;IACzBC,aAAa,gBAAGJ,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,EAAA,CAAA,eAEjCE,QAAQ,CAAC;AACPC,EAAAA,aAAa,EAAE,UAAU;AACzBC,EAAAA,WAAW,EAAE,UAAU;AACvBC,EAAAA,aAAa,EAAE,GAAG;AAClBC,EAAAA,YAAY,eAAAC,MAAAA,CAAAA,MAAA,CAASC,MAAM,CAACC,4BAA4B,EAAA,GAAA,CAAA;AAC5D,CAAC,CAAC,EACL;IACYC,YAAY,gBAAGb,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAGvBQ,CAAAA,CAAAA,CAAAA,0CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,MAAM,CAACG,cAAc;;;;"}
|
@@ -1,46 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter.js';
|
3
|
-
import { StyledLink } from '../Breadcrumbs.styles.js';
|
4
|
-
|
5
|
-
var shortItems = function shortItems(items, renderSeparator, showItems) {
|
6
|
-
if (!showItems || showItems < 2 || items.length <= showItems) {
|
7
|
-
return items;
|
8
|
-
}
|
9
|
-
var leftSlice = Math.floor(showItems / 2);
|
10
|
-
var rightSlice = items.length - leftSlice - showItems % 2;
|
11
|
-
var renderItems = items.slice(leftSlice, rightSlice);
|
12
|
-
var shorter = /*#__PURE__*/React.createElement(BreadcrumbShorter, {
|
13
|
-
separator: renderSeparator
|
14
|
-
}, renderItems);
|
15
|
-
items.splice(leftSlice, rightSlice - leftSlice, shorter);
|
16
|
-
return items;
|
17
|
-
};
|
18
|
-
var convertIconSize = function convertIconSize(size) {
|
19
|
-
switch (size) {
|
20
|
-
case 's':
|
21
|
-
case 'xs':
|
22
|
-
return 'xs';
|
23
|
-
default:
|
24
|
-
return 's';
|
25
|
-
}
|
26
|
-
};
|
27
|
-
var getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
|
28
|
-
return shortItems(items.map(function (item) {
|
29
|
-
if ('renderItem' in item) {
|
30
|
-
return item.renderItem();
|
31
|
-
}
|
32
|
-
return /*#__PURE__*/React.createElement(StyledLink, {
|
33
|
-
tabIndex: 0,
|
34
|
-
href: item.href,
|
35
|
-
isHref: !!item.href
|
36
|
-
}, item.title);
|
37
|
-
}), renderSeparator, showItems);
|
38
|
-
};
|
39
|
-
var addSeparator = function addSeparator(items, renderSeparator) {
|
40
|
-
return items.flatMap(function (item, idx) {
|
41
|
-
return idx < items.length - 1 ? [item, renderSeparator] : [item];
|
42
|
-
});
|
43
|
-
};
|
44
|
-
|
45
|
-
export { addSeparator, convertIconSize, getRenderItems, shortItems };
|
46
|
-
//# sourceMappingURL=index.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/Breadcrumbs/utils/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter';\nimport { StyledLink } from '../Breadcrumbs.styles';\nimport { BreadcrumbsItem } from '../Breadcrumbs.types';\n\nexport const shortItems = (items: ReactNode[], renderSeparator: ReactNode, showItems?: number) => {\n if (!showItems || showItems < 2 || items.length <= showItems) {\n return items;\n }\n\n const leftSlice = Math.floor(showItems / 2);\n const rightSlice = items.length - leftSlice - (showItems % 2);\n\n const renderItems: ReactNode[] = items.slice(leftSlice, rightSlice);\n const shorter = <BreadcrumbShorter separator={renderSeparator}>{renderItems}</BreadcrumbShorter>;\n items.splice(leftSlice, rightSlice - leftSlice, shorter);\n return items;\n};\n\nexport const convertIconSize = (size?: 'xs' | 's' | 'm' | 'l') => {\n switch (size) {\n case 's':\n case 'xs':\n return 'xs';\n default:\n return 's';\n }\n};\n\nexport const getRenderItems = (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number) => {\n return shortItems(\n items.map((item: BreadcrumbsItem) => {\n if ('renderItem' in item) {\n return item.renderItem();\n }\n return (\n <StyledLink tabIndex={0} href={item.href} isHref={!!item.href}>\n {item.title}\n </StyledLink>\n );\n }),\n renderSeparator,\n showItems,\n );\n};\n\nexport const addSeparator = (items: ReactNode[], renderSeparator: ReactNode) => {\n return items.flatMap((item, idx) => (idx < items.length - 1 ? [item, renderSeparator] : [item]));\n};\n"],"names":["shortItems","items","renderSeparator","showItems","length","leftSlice","Math","floor","rightSlice","renderItems","slice","shorter","React","createElement","BreadcrumbShorter","separator","splice","convertIconSize","size","getRenderItems","map","item","renderItem","StyledLink","tabIndex","href","isHref","title","addSeparator","flatMap","idx"],"mappings":";;;;AAMO,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAkB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;AAC9F,EAAA,IAAI,CAACA,SAAS,IAAIA,SAAS,GAAG,CAAC,IAAIF,KAAK,CAACG,MAAM,IAAID,SAAS,EAAE;AAC1D,IAAA,OAAOF,KAAK,CAAA;AAChB,GAAA;EAEA,IAAMI,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACJ,SAAS,GAAG,CAAC,CAAC,CAAA;EAC3C,IAAMK,UAAU,GAAGP,KAAK,CAACG,MAAM,GAAGC,SAAS,GAAIF,SAAS,GAAG,CAAE,CAAA;EAE7D,IAAMM,WAAwB,GAAGR,KAAK,CAACS,KAAK,CAACL,SAAS,EAAEG,UAAU,CAAC,CAAA;AACnE,EAAA,IAAMG,OAAO,gBAAGC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAA;AAACC,IAAAA,SAAS,EAAEb,eAAAA;AAAgB,GAAA,EAAEO,WAA+B,CAAC,CAAA;EAChGR,KAAK,CAACe,MAAM,CAACX,SAAS,EAAEG,UAAU,GAAGH,SAAS,EAAEM,OAAO,CAAC,CAAA;AACxD,EAAA,OAAOV,KAAK,CAAA;AAChB,EAAC;IAEYgB,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA6B,EAAK;AAC9D,EAAA,QAAQA,IAAI;AACR,IAAA,KAAK,GAAG,CAAA;AACR,IAAA,KAAK,IAAI;AACL,MAAA,OAAO,IAAI,CAAA;AACf,IAAA;AACI,MAAA,OAAO,GAAG,CAAA;AAClB,GAAA;AACJ,EAAC;AAEM,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIlB,KAAwB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;EACxG,OAAOH,UAAU,CACbC,KAAK,CAACmB,GAAG,CAAC,UAACC,IAAqB,EAAK;IACjC,IAAI,YAAY,IAAIA,IAAI,EAAE;AACtB,MAAA,OAAOA,IAAI,CAACC,UAAU,EAAE,CAAA;AAC5B,KAAA;AACA,IAAA,oBACIV,KAAA,CAAAC,aAAA,CAACU,UAAU,EAAA;AAACC,MAAAA,QAAQ,EAAE,CAAE;MAACC,IAAI,EAAEJ,IAAI,CAACI,IAAK;AAACC,MAAAA,MAAM,EAAE,CAAC,CAACL,IAAI,CAACI,IAAAA;KACpDJ,EAAAA,IAAI,CAACM,KACE,CAAC,CAAA;AAErB,GAAC,CAAC,EACFzB,eAAe,EACfC,SACJ,CAAC,CAAA;AACL,EAAC;AAEM,IAAMyB,YAAY,GAAG,SAAfA,YAAYA,CAAI3B,KAAkB,EAAEC,eAA0B,EAAK;AAC5E,EAAA,OAAOD,KAAK,CAAC4B,OAAO,CAAC,UAACR,IAAI,EAAES,GAAG,EAAA;AAAA,IAAA,OAAMA,GAAG,GAAG7B,KAAK,CAACG,MAAM,GAAG,CAAC,GAAG,CAACiB,IAAI,EAAEnB,eAAe,CAAC,GAAG,CAACmB,IAAI,CAAC,CAAA;AAAA,GAAC,CAAC,CAAA;AACpG;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Breadcrumbs/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Breadcrumbs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1,59 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.breadcrumbsRoot = exports.breadcrumbsConfig = void 0;
|
8
|
-
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
-
var _base = /*#__PURE__*/require("./variations/_size/base");
|
11
|
-
var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
12
|
-
var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.styles");
|
13
|
-
var _utils2 = /*#__PURE__*/require("./utils");
|
14
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
|
-
var breadcrumbsRoot = exports.breadcrumbsRoot = function breadcrumbsRoot(Root) {
|
17
|
-
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
|
18
|
-
var view = _ref.view,
|
19
|
-
size = _ref.size,
|
20
|
-
separator = _ref.separator,
|
21
|
-
items = _ref.items,
|
22
|
-
_ref$showItems = _ref.showItems,
|
23
|
-
showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
|
24
|
-
className = _ref.className;
|
25
|
-
var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/_react["default"].createElement(_Breadcrumbs.Separator, {
|
26
|
-
color: "inherit",
|
27
|
-
size: (0, _utils2.convertIconSize)(size)
|
28
|
-
});
|
29
|
-
var renderItems = (0, _utils2.getRenderItems)(items, renderSeparator, showItems);
|
30
|
-
var itemsWithSeparator = (0, _utils2.addSeparator)(renderItems, renderSeparator);
|
31
|
-
return /*#__PURE__*/_react["default"].createElement(Root, {
|
32
|
-
ref: outerRootRef,
|
33
|
-
size: size,
|
34
|
-
view: view,
|
35
|
-
className: (0, _utils.cx)(className),
|
36
|
-
items: items
|
37
|
-
}, itemsWithSeparator.map(function (item) {
|
38
|
-
return item;
|
39
|
-
}));
|
40
|
-
});
|
41
|
-
};
|
42
|
-
var breadcrumbsConfig = exports.breadcrumbsConfig = {
|
43
|
-
name: 'Breadcrumbs',
|
44
|
-
tag: 'div',
|
45
|
-
layout: breadcrumbsRoot,
|
46
|
-
base: _Breadcrumbs.base,
|
47
|
-
variations: {
|
48
|
-
view: {
|
49
|
-
css: _base2.base
|
50
|
-
},
|
51
|
-
size: {
|
52
|
-
css: _base.base
|
53
|
-
}
|
54
|
-
},
|
55
|
-
defaults: {
|
56
|
-
view: 'default',
|
57
|
-
size: 'm'
|
58
|
-
}
|
59
|
-
};
|
@@ -1,32 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.base = exports.StyledLink = exports.Separator = void 0;
|
8
|
-
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
-
var _Link = /*#__PURE__*/require("../Link");
|
10
|
-
var _engines = /*#__PURE__*/require("../../engines");
|
11
|
-
var _Icon = /*#__PURE__*/require("../_Icon");
|
12
|
-
var _mixins = /*#__PURE__*/require("../../mixins");
|
13
|
-
var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.tokens");
|
14
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
16
|
-
var mergedLinkConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Link.linkConfig);
|
17
|
-
var Link = /*#__PURE__*/(0, _engines.component)(mergedLinkConfig);
|
18
|
-
var StyledLink = exports.StyledLink = /*#__PURE__*/(0, _styledComponents["default"])(Link).withConfig({
|
19
|
-
componentId: "plasma-new-hope__sc-4bjoev-0"
|
20
|
-
})(["opacity:", ";", ""], function (_ref) {
|
21
|
-
var isHref = _ref.isHref;
|
22
|
-
return isHref ? 1 : "var(".concat(_Breadcrumbs.tokens.breadcrumbsOpacity, ")");
|
23
|
-
}, /*#__PURE__*/(0, _mixins.addFocus)({
|
24
|
-
outlineOffset: '0rem',
|
25
|
-
outlineSize: '0.125rem',
|
26
|
-
outlineRadius: '0rem',
|
27
|
-
outlineColor: /*#__PURE__*/"var(".concat(_Breadcrumbs.tokens.breadcrumbsFocusOutlineColor, ")")
|
28
|
-
}));
|
29
|
-
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;flex-direction:row;align-items:center;gap:var(", ");color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Breadcrumbs.tokens.breadcrumbsGap, _Breadcrumbs.tokens.breadcrumbsColor, _Breadcrumbs.tokens.breadcrumbsFontFamily, _Breadcrumbs.tokens.breadcrumbsFontSize, _Breadcrumbs.tokens.breadcrumbsFontWeight, _Breadcrumbs.tokens.breadcrumbsFontStyle, _Breadcrumbs.tokens.breadcrumbsLetterSpacing, _Breadcrumbs.tokens.breadcrumbsLineHeight);
|
30
|
-
var Separator = exports.Separator = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureRight).withConfig({
|
31
|
-
componentId: "plasma-new-hope__sc-4bjoev-1"
|
32
|
-
})(["color:var(", ");opacity:var(", ");"], _Breadcrumbs.tokens.breadcrumbsColor, _Breadcrumbs.tokens.breadcrumbsOpacity);
|
@@ -1,21 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.tokens = exports.classes = void 0;
|
7
|
-
var classes = exports.classes = {
|
8
|
-
breadcrumbsRoot: 'breadcrumbs-root'
|
9
|
-
};
|
10
|
-
var tokens = exports.tokens = {
|
11
|
-
breadcrumbsGap: '--plasma-breadcrumbs-gap',
|
12
|
-
breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
|
13
|
-
breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
|
14
|
-
breadcrumbsColor: '--plasma-breadcrumbs-color',
|
15
|
-
breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
|
16
|
-
breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
|
17
|
-
breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
|
18
|
-
breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
|
19
|
-
breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
|
20
|
-
breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
|
21
|
-
};
|
@@ -1,78 +0,0 @@
|
|
1
|
-
Структура файлов:
|
2
|
-
|
3
|
-
- Breadcrumbs.types.ts
|
4
|
-
- Breadcrumbs.tokens.ts
|
5
|
-
- Breadcrumbs.tsx
|
6
|
-
- index.ts
|
7
|
-
- variants:
|
8
|
-
- - \_size:
|
9
|
-
- - - base.ts
|
10
|
-
- - - tokens.json
|
11
|
-
- ui:
|
12
|
-
- - BreadcrumbItem:
|
13
|
-
- - - BreadcrumbItem.tsx
|
14
|
-
- - BreadcrumbShorter:
|
15
|
-
- - - BreadcrumbShorter.tsx
|
16
|
-
- - BreadcrumbSeparator:
|
17
|
-
- - - BreadcrumbSeparator.tsx
|
18
|
-
|
19
|
-
Логика работы:
|
20
|
-
|
21
|
-
1. На вход идет 1 обязательный параметр: items
|
22
|
-
|
23
|
-
```jsx
|
24
|
-
<Breadcrumbs items={[{ title: 'Главная', href: '/' }]}></Breadcreumbs>
|
25
|
-
```
|
26
|
-
|
27
|
-
2. Затем генерируется массив элементов хлебных крошек, между ними сепаратор ( если указан пропс, то используется элемент из параметра, иначе стандартный из BreadcrumbSeparator )
|
28
|
-
|
29
|
-
```jsx
|
30
|
-
<Breadcrumbs items={[{ title: 'Главная', href: '/' }]} separator=">"></Breadcreumbs>
|
31
|
-
```
|
32
|
-
|
33
|
-
2.1. При генерации BreadcrumbItem, смотрит на href. Если он есть, то добавляется тег a, с указанной ссылкой, иначе ссылка не кликабельна
|
34
|
-
|
35
|
-
```jsx
|
36
|
-
<Breadcrumbs
|
37
|
-
items={[
|
38
|
-
{ title: 'Главная', href: '/' },
|
39
|
-
{ title: 'Контакты' }, // Без ссылки
|
40
|
-
]}
|
41
|
-
separator=">"
|
42
|
-
></Breadcreumbs>
|
43
|
-
```
|
44
|
-
|
45
|
-
3. Можно указать в item, вместо title и href - renderItem. Эта функция, которая возвращает любое, что придумал разработчик. кастомный шортер, определенный функционал для него ( например кнопку )
|
46
|
-
|
47
|
-
```jsx
|
48
|
-
const renderItem = () => {
|
49
|
-
return <Button>Контакты</Button>
|
50
|
-
}
|
51
|
-
<Breadcrumbs
|
52
|
-
items={[
|
53
|
-
{title: 'Главная', href: '/'},
|
54
|
-
{renderItem: renderItem}
|
55
|
-
{title: 'Адрес'}
|
56
|
-
]}
|
57
|
-
separator=">">
|
58
|
-
</Breadcreumbs>
|
59
|
-
```
|
60
|
-
|
61
|
-
ТАКЖЕ: Можно указать кол-во видимых элементов через параметр showItems. ShowItems: если указано четное число, например 2 - то распределяется равномерно по 1 с каждой стороны. Если нечетное, например 3 - то две будет справа и 1 слева. Все оставльное сокращается шортером
|
62
|
-
|
63
|
-
```jsx
|
64
|
-
const renderItem = () => {
|
65
|
-
return <Button>Контакты</Button>
|
66
|
-
}
|
67
|
-
<Breadcrumbs
|
68
|
-
items={[
|
69
|
-
{title: 'Главная', href: '/'},
|
70
|
-
{renderItem: renderItem}
|
71
|
-
{title: 'Адрес'}
|
72
|
-
]}
|
73
|
-
showItems={2}
|
74
|
-
separator=">">
|
75
|
-
</Breadcreumbs>
|
76
|
-
```
|
77
|
-
|
78
|
-
4. Затем все элементы рендерятся и показываются пользователю
|
@@ -1,31 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "breadcrumbsClasses", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _Breadcrumbs2.classes;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "breadcrumbsConfig", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _Breadcrumbs.breadcrumbsConfig;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "breadcrumbsRoot", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _Breadcrumbs.breadcrumbsRoot;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
Object.defineProperty(exports, "breadcrumbsTokens", {
|
25
|
-
enumerable: true,
|
26
|
-
get: function get() {
|
27
|
-
return _Breadcrumbs2.tokens;
|
28
|
-
}
|
29
|
-
});
|
30
|
-
var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs");
|
31
|
-
var _Breadcrumbs2 = /*#__PURE__*/require("./Breadcrumbs.tokens");
|
package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js
DELETED
@@ -1,42 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
5
|
-
value: true
|
6
|
-
});
|
7
|
-
exports.BreadcrumbShorter = void 0;
|
8
|
-
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
-
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
-
var _BreadcrumbShorter = /*#__PURE__*/require("./BreadcrumbShorter.styles");
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
13
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
14
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
15
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
16
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
17
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
18
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
19
|
-
var BreadcrumbShorter = exports.BreadcrumbShorter = function BreadcrumbShorter(_ref) {
|
20
|
-
var children = _ref.children,
|
21
|
-
separator = _ref.separator;
|
22
|
-
var _useState = (0, _react.useState)(false),
|
23
|
-
_useState2 = _slicedToArray(_useState, 2),
|
24
|
-
openShorter = _useState2[0],
|
25
|
-
setOpenShorter = _useState2[1];
|
26
|
-
var renderItems = (0, _utils.addSeparator)(children, separator);
|
27
|
-
var onKeyPress = function onKeyPress(event) {
|
28
|
-
event.persist();
|
29
|
-
if (event.keyCode === 13) {
|
30
|
-
setOpenShorter(true);
|
31
|
-
}
|
32
|
-
};
|
33
|
-
return /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledRoot, null, !openShorter && /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledShorter, {
|
34
|
-
tabIndex: 0,
|
35
|
-
onClick: function onClick() {
|
36
|
-
return setOpenShorter(true);
|
37
|
-
},
|
38
|
-
onKeyDown: onKeyPress
|
39
|
-
}, "..."), openShorter && /*#__PURE__*/_react["default"].createElement(_BreadcrumbShorter.StyledHidden, null, renderItems.map(function (item) {
|
40
|
-
return item;
|
41
|
-
})));
|
42
|
-
};
|