@salutejs/plasma-new-hope 0.336.0-canary.2227.17672582071.0 → 0.336.0-canary.2228.17672900057.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Attach/Attach.css +9 -7
- package/cjs/components/Attach/Attach.js +13 -59
- package/cjs/components/Attach/Attach.js.map +1 -1
- package/cjs/components/Attach/Attach.styles.js +21 -9
- package/cjs/components/Attach/Attach.styles.js.map +1 -1
- package/cjs/components/Attach/Attach.styles_pso18d.css +7 -0
- package/cjs/components/Attach/utils/getFileicon.js +2 -2
- package/cjs/components/Attach/utils/getFileicon.js.map +1 -1
- package/cjs/components/Attach/variations/_helperTextView/base.js +1 -1
- package/cjs/components/Attach/variations/_helperTextView/base_1tgnvl9.css +1 -0
- package/cjs/components/Attach/variations/_size/base.js +1 -1
- package/cjs/components/Attach/variations/_size/base.js.map +1 -1
- package/cjs/components/Attach/variations/_size/base_1c6ezmq.css +1 -0
- package/cjs/index.css +9 -7
- package/emotion/cjs/components/Attach/Attach.js +12 -51
- package/emotion/cjs/components/Attach/Attach.styles.js +28 -13
- package/emotion/cjs/components/Attach/utils/getFileicon.js +3 -3
- package/emotion/cjs/components/Attach/utils/index.js +2 -10
- package/emotion/cjs/components/Attach/variations/_size/base.js +1 -1
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/Range/Range.config.js +7 -8
- package/emotion/es/components/Attach/Attach.js +16 -55
- package/emotion/es/components/Attach/Attach.styles.js +20 -11
- package/emotion/es/components/Attach/utils/getFileicon.js +1 -1
- package/emotion/es/components/Attach/utils/index.js +1 -3
- package/emotion/es/components/Attach/variations/_size/base.js +2 -2
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/emotion/es/examples/components/Range/Range.config.js +7 -8
- package/es/components/Attach/Attach.css +9 -7
- package/es/components/Attach/Attach.js +17 -63
- package/es/components/Attach/Attach.js.map +1 -1
- package/es/components/Attach/Attach.styles.js +19 -9
- package/es/components/Attach/Attach.styles.js.map +1 -1
- package/es/components/Attach/Attach.styles_pso18d.css +7 -0
- package/es/components/Attach/utils/getFileicon.js +2 -2
- package/es/components/Attach/utils/getFileicon.js.map +1 -1
- package/es/components/Attach/variations/_helperTextView/base.js +1 -1
- package/es/components/Attach/variations/_helperTextView/base_1tgnvl9.css +1 -0
- package/es/components/Attach/variations/_size/base.js +1 -1
- package/es/components/Attach/variations/_size/base.js.map +1 -1
- package/es/components/Attach/variations/_size/base_1c6ezmq.css +1 -0
- package/es/index.css +9 -7
- package/package.json +2 -2
- package/styled-components/cjs/components/Attach/Attach.js +12 -51
- package/styled-components/cjs/components/Attach/Attach.styles.js +31 -11
- package/styled-components/cjs/components/Attach/utils/getFileicon.js +3 -3
- package/styled-components/cjs/components/Attach/utils/index.js +2 -10
- package/styled-components/cjs/components/Attach/variations/_size/base.js +1 -8
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/Range/Range.config.js +0 -46
- package/styled-components/es/components/Attach/Attach.js +16 -55
- package/styled-components/es/components/Attach/Attach.styles.js +23 -9
- package/styled-components/es/components/Attach/utils/getFileicon.js +1 -1
- package/styled-components/es/components/Attach/utils/index.js +1 -3
- package/styled-components/es/components/Attach/variations/_size/base.js +2 -9
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/Range/Range.config.js +0 -46
- package/types/components/Attach/Attach.d.ts.map +1 -1
- package/types/components/Attach/Attach.styles.d.ts +3 -1
- package/types/components/Attach/Attach.styles.d.ts.map +1 -1
- package/types/components/Attach/Attach.types.d.ts +7 -0
- package/types/components/Attach/Attach.types.d.ts.map +1 -1
- package/types/components/Attach/utils/getFileicon.d.ts +1 -1
- package/types/components/Attach/utils/index.d.ts +1 -3
- package/types/components/Attach/utils/index.d.ts.map +1 -1
- package/types/components/Attach/variations/_size/base.d.ts.map +1 -1
- package/types/examples/components/Attach/Attach.d.ts.map +1 -1
- package/types/examples/components/Range/Range.config.d.ts +0 -1
- package/types/examples/components/Range/Range.config.d.ts.map +1 -1
- package/types/examples/components/Range/Range.d.ts +0 -1
- package/types/examples/components/Range/Range.d.ts.map +1 -1
- package/cjs/components/Attach/Attach.styles_1w3ga58.css +0 -5
- package/cjs/components/Attach/utils/addSeparator.js +0 -18
- package/cjs/components/Attach/utils/addSeparator.js.map +0 -1
- package/cjs/components/Attach/utils/index.js +0 -8
- package/cjs/components/Attach/utils/index.js.map +0 -1
- package/cjs/components/Attach/variations/_helperTextView/base_1vgke1p.css +0 -1
- package/cjs/components/Attach/variations/_size/base_a4eelx.css +0 -1
- package/emotion/cjs/components/Attach/utils/addSeparator.js +0 -20
- package/emotion/es/components/Attach/utils/addSeparator.js +0 -10
- package/es/components/Attach/Attach.styles_1w3ga58.css +0 -5
- package/es/components/Attach/utils/addSeparator.js +0 -14
- package/es/components/Attach/utils/addSeparator.js.map +0 -1
- package/es/components/Attach/utils/index.js +0 -4
- package/es/components/Attach/utils/index.js.map +0 -1
- package/es/components/Attach/variations/_helperTextView/base_1vgke1p.css +0 -1
- package/es/components/Attach/variations/_size/base_a4eelx.css +0 -1
- package/styled-components/cjs/components/Attach/utils/addSeparator.js +0 -20
- package/styled-components/es/components/Attach/utils/addSeparator.js +0 -10
- package/types/components/Attach/utils/addSeparator.d.ts +0 -2
- package/types/components/Attach/utils/addSeparator.d.ts.map +0 -1
@@ -9,6 +9,12 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
+
get FilenameExtensionPart () {
|
13
|
+
return FilenameExtensionPart;
|
14
|
+
},
|
15
|
+
get FilenameWrapper () {
|
16
|
+
return FilenameWrapper;
|
17
|
+
},
|
12
18
|
get StyledAttachButtonWrapper () {
|
13
19
|
return StyledAttachButtonWrapper;
|
14
20
|
},
|
@@ -18,14 +24,15 @@ _export(exports, {
|
|
18
24
|
get StyledHiddenInput () {
|
19
25
|
return StyledHiddenInput;
|
20
26
|
},
|
21
|
-
get
|
22
|
-
return
|
27
|
+
get TruncatedFilenamePart () {
|
28
|
+
return TruncatedFilenamePart;
|
23
29
|
},
|
24
30
|
get base () {
|
25
31
|
return base;
|
26
32
|
}
|
27
33
|
});
|
28
34
|
var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
|
35
|
+
var _mixins = require("../../mixins");
|
29
36
|
function _getRequireWildcardCache(nodeInterop) {
|
30
37
|
if (typeof WeakMap !== "function") return null;
|
31
38
|
var cacheBabelInterop = new WeakMap();
|
@@ -72,25 +79,38 @@ var base = (0, _styledcomponents.css)([
|
|
72
79
|
]);
|
73
80
|
var StyledHiddenInput = _styledcomponents.default.input.withConfig({
|
74
81
|
displayName: "Attach.styles__StyledHiddenInput",
|
75
|
-
componentId: "sc-
|
82
|
+
componentId: "sc-ebfa8a10-0"
|
76
83
|
})([
|
77
84
|
"display:none;"
|
78
85
|
]);
|
79
|
-
var StyledHiddenInputHelper = _styledcomponents.default.div.withConfig({
|
80
|
-
displayName: "Attach.styles__StyledHiddenInputHelper",
|
81
|
-
componentId: "sc-7ce14282-1"
|
82
|
-
})([
|
83
|
-
"position:absolute;visibility:hidden;white-space:nowrap;"
|
84
|
-
]);
|
85
86
|
var StyledAttachButtonWrapper = _styledcomponents.default.div.withConfig({
|
86
87
|
displayName: "Attach.styles__StyledAttachButtonWrapper",
|
87
|
-
componentId: "sc-
|
88
|
+
componentId: "sc-ebfa8a10-1"
|
88
89
|
})([
|
89
90
|
"position:relative;"
|
90
91
|
]);
|
91
92
|
var StyledHelperText = _styledcomponents.default.div.withConfig({
|
92
93
|
displayName: "Attach.styles__StyledHelperText",
|
93
|
-
componentId: "sc-
|
94
|
+
componentId: "sc-ebfa8a10-2"
|
94
95
|
})([
|
95
96
|
"position:absolute;margin-top:0.25rem;"
|
96
97
|
]);
|
98
|
+
var FilenameWrapper = _styledcomponents.default.div.withConfig({
|
99
|
+
displayName: "Attach.styles__FilenameWrapper",
|
100
|
+
componentId: "sc-ebfa8a10-3"
|
101
|
+
})([
|
102
|
+
"display:inline-grid;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;"
|
103
|
+
]);
|
104
|
+
var TruncatedFilenamePart = _styledcomponents.default.span.withConfig({
|
105
|
+
displayName: "Attach.styles__TruncatedFilenamePart",
|
106
|
+
componentId: "sc-ebfa8a10-4"
|
107
|
+
})([
|
108
|
+
"",
|
109
|
+
""
|
110
|
+
], (0, _mixins.applyEllipsis)());
|
111
|
+
var FilenameExtensionPart = _styledcomponents.default.span.withConfig({
|
112
|
+
displayName: "Attach.styles__FilenameExtensionPart",
|
113
|
+
componentId: "sc-ebfa8a10-5"
|
114
|
+
})([
|
115
|
+
""
|
116
|
+
]);
|
@@ -2,10 +2,10 @@
|
|
2
2
|
Object.defineProperty(exports, "__esModule", {
|
3
3
|
value: true
|
4
4
|
});
|
5
|
-
Object.defineProperty(exports, "
|
5
|
+
Object.defineProperty(exports, "getFileIcon", {
|
6
6
|
enumerable: true,
|
7
7
|
get: function() {
|
8
|
-
return
|
8
|
+
return getFileIcon;
|
9
9
|
}
|
10
10
|
});
|
11
11
|
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
@@ -15,7 +15,7 @@ function _interop_require_default(obj) {
|
|
15
15
|
default: obj
|
16
16
|
};
|
17
17
|
}
|
18
|
-
var
|
18
|
+
var getFileIcon = function(extension, size) {
|
19
19
|
var iconSize = size === 'xs' ? 'xs' : 's';
|
20
20
|
switch(extension){
|
21
21
|
case 'pdf':
|
@@ -9,20 +9,12 @@ function _export(target, all) {
|
|
9
9
|
});
|
10
10
|
}
|
11
11
|
_export(exports, {
|
12
|
-
get addSeparator () {
|
13
|
-
return _addSeparator.addSeparator;
|
14
|
-
},
|
15
12
|
get extractExtension () {
|
16
13
|
return _extractExtension.extractExtension;
|
17
14
|
},
|
18
|
-
get
|
19
|
-
return _getFileicon.
|
20
|
-
},
|
21
|
-
get separator () {
|
22
|
-
return separator;
|
15
|
+
get getFileIcon () {
|
16
|
+
return _getFileicon.getFileIcon;
|
23
17
|
}
|
24
18
|
});
|
25
19
|
var _extractExtension = require("./extractExtension");
|
26
20
|
var _getFileicon = require("./getFileicon");
|
27
|
-
var _addSeparator = require("./addSeparator");
|
28
|
-
var separator = '...';
|
@@ -22,12 +22,5 @@ var base = (0, _styledcomponents.css)([
|
|
22
22
|
");}&.",
|
23
23
|
"{row-gap:var(",
|
24
24
|
");}",
|
25
|
-
"{font-family:var(",
|
26
|
-
");font-size:var(",
|
27
|
-
");font-style:var(",
|
28
|
-
");font-weight:var(",
|
29
|
-
");letter-spacing:var(",
|
30
|
-
");line-height:var(",
|
31
|
-
");}",
|
32
25
|
"{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}}"
|
33
|
-
], _Attachtokens.classes.horizontal, _Attachtokens.tokens.horizontalGap, _Attachtokens.classes.vertical, _Attachtokens.tokens.verticalGap, _Attachtokens.classes.auto, _Attachtokens.tokens.verticalGap, _Attachtokens.tokens.horizontalGap, _Attachtokens.classes.withHelperText, _Attachtokens.tokens.verticalGapWithHelperText, _Attachstyles.
|
26
|
+
], _Attachtokens.classes.horizontal, _Attachtokens.tokens.horizontalGap, _Attachtokens.classes.vertical, _Attachtokens.tokens.verticalGap, _Attachtokens.classes.auto, _Attachtokens.tokens.verticalGap, _Attachtokens.tokens.horizontalGap, _Attachtokens.classes.withHelperText, _Attachtokens.tokens.verticalGapWithHelperText, _Attachstyles.StyledHelperText);
|
@@ -1 +1,16 @@
|
|
1
1
|
"use strict";
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
3
|
+
value: true
|
4
|
+
});
|
5
|
+
Object.defineProperty(exports, "Combobox", {
|
6
|
+
enumerable: true,
|
7
|
+
get: function() {
|
8
|
+
return Combobox;
|
9
|
+
}
|
10
|
+
});
|
11
|
+
var _engines = require("../../../engines");
|
12
|
+
var _ = require("../../..");
|
13
|
+
var _Comboboxconfig = require("./Combobox.config");
|
14
|
+
var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
|
15
|
+
var ComboboxComponent = (0, _engines.component)(mergedConfig);
|
16
|
+
var Combobox = ComboboxComponent;
|
@@ -46,52 +46,6 @@ var config = {
|
|
46
46
|
], _Range.rangeTokens.background, _Range.rangeTokens.backgroundError, _Range.rangeTokens.backgroundSuccess, _Range.rangeTokens.dividerColor, _Range.rangeTokens.labelColor, _Range.rangeTokens.leftHelperColor, _Range.rangeTokens.leftHelperColorError, _Range.rangeTokens.leftHelperColorSuccess, _Range.rangeTokens.textFieldColor, _Range.rangeTokens.textFieldPlaceholderColor, _Range.rangeTokens.textFieldCaretColor, _Range.rangeTokens.textFieldBackgroundColorHover, _Range.rangeTokens.textFieldBackgroundColorFocus, _Range.rangeTokens.textFieldBackgroundErrorColor, _Range.rangeTokens.textFieldBackgroundErrorColorHover, _Range.rangeTokens.textFieldBackgroundErrorColorFocus, _Range.rangeTokens.textFieldBackgroundSuccessColor, _Range.rangeTokens.textFieldBackgroundSuccessColorHover, _Range.rangeTokens.textFieldBackgroundSuccessColorFocus, _Range.rangeTokens.textFieldTextBeforeColor, _Range.rangeTokens.textFieldTextAfterColor, _Range.rangeTokens.indicatorColor, _Range.rangeTokens.focusColor, _Range.rangeTokens.textFieldPlaceholderColorFocus)
|
47
47
|
},
|
48
48
|
size: {
|
49
|
-
xl: (0, _styledcomponents.css)([
|
50
|
-
"",
|
51
|
-
":1rem;",
|
52
|
-
":0 0.375rem;",
|
53
|
-
":var(--plasma-typo-body-l-font-family);",
|
54
|
-
":var(--plasma-typo-body-l-font-style);",
|
55
|
-
":var(--plasma-typo-body-l-font-size);",
|
56
|
-
":var(--plasma-typo-body-l-font-weight);",
|
57
|
-
":var(--plasma-typo-body-l-letter-spacing);",
|
58
|
-
":var(--plasma-typo-body-l-line-height);",
|
59
|
-
":0 0 0 1.125rem;",
|
60
|
-
":0;",
|
61
|
-
":0.75rem;",
|
62
|
-
":var(--plasma-typo-body-l-font-family);",
|
63
|
-
":var(--plasma-typo-body-l-font-style);",
|
64
|
-
":var(--plasma-typo-body-l-font-size);",
|
65
|
-
":var(--plasma-typo-body-l-font-weight);",
|
66
|
-
":var(--plasma-typo-body-l-letter-spacing);",
|
67
|
-
":var(--plasma-typo-body-l-line-height);",
|
68
|
-
":4rem;",
|
69
|
-
":1rem;",
|
70
|
-
":1.3125rem 1.125rem;",
|
71
|
-
":var(--plasma-typo-body-l-font-family);",
|
72
|
-
":var(--plasma-typo-body-l-font-style);",
|
73
|
-
":var(--plasma-typo-body-l-font-size);",
|
74
|
-
":var(--plasma-typo-body-l-font-weight);",
|
75
|
-
":var(--plasma-typo-body-l-letter-spacing);",
|
76
|
-
":var(--plasma-typo-body-l-line-height);",
|
77
|
-
":0.25rem 0 0 0;",
|
78
|
-
":var(--plasma-typo-body-xs-font-family);",
|
79
|
-
":var(--plasma-typo-body-xs-font-style);",
|
80
|
-
":var(--plasma-typo-body-xs-font-size);",
|
81
|
-
":var(--plasma-typo-body-xs-font-weight);",
|
82
|
-
":var(--plasma-typo-body-xs-letter-spacing);",
|
83
|
-
":var(--plasma-typo-body-xs-line-height);",
|
84
|
-
":-0.0625rem 0.5rem -0.0625rem 0;",
|
85
|
-
":-0.0625rem 0 -0.0625rem 0.75rem;",
|
86
|
-
":0 0.25rem 0 0;",
|
87
|
-
":0 0 0 0.25rem;",
|
88
|
-
":0.5rem;",
|
89
|
-
":0.375rem;",
|
90
|
-
":0 0 0 0;",
|
91
|
-
":0.5rem auto auto -0.75rem;",
|
92
|
-
":0 0 auto auto;",
|
93
|
-
":0.25rem -0.625rem auto auto;"
|
94
|
-
], _Range.rangeTokens.borderRadius, _Range.rangeTokens.dividerPadding, _Range.rangeTokens.dividerFontFamily, _Range.rangeTokens.dividerFontStyle, _Range.rangeTokens.dividerFontSize, _Range.rangeTokens.dividerFontWeight, _Range.rangeTokens.dividerLetterSpacing, _Range.rangeTokens.dividerLineHeight, _Range.rangeTokens.leftContentMargin, _Range.rangeTokens.rightContentMargin, _Range.rangeTokens.labelOffset, _Range.rangeTokens.labelFontFamily, _Range.rangeTokens.labelFontStyle, _Range.rangeTokens.labelFontSize, _Range.rangeTokens.labelFontWeight, _Range.rangeTokens.labelLetterSpacing, _Range.rangeTokens.labelLineHeight, _Range.rangeTokens.textFieldHeight, _Range.rangeTokens.textFieldBorderRadius, _Range.rangeTokens.textFieldPadding, _Range.rangeTokens.textFieldFontFamily, _Range.rangeTokens.textFieldFontStyle, _Range.rangeTokens.textFieldFontSize, _Range.rangeTokens.textFieldFontWeight, _Range.rangeTokens.textFieldLetterSpacing, _Range.rangeTokens.textFieldLineHeight, _Range.rangeTokens.leftHelperOffset, _Range.rangeTokens.leftHelperFontFamily, _Range.rangeTokens.leftHelperFontStyle, _Range.rangeTokens.leftHelperFontSize, _Range.rangeTokens.leftHelperFontWeight, _Range.rangeTokens.leftHelperLetterSpacing, _Range.rangeTokens.leftHelperLineHeight, _Range.rangeTokens.textFieldLeftContentMargin, _Range.rangeTokens.textFieldRightContentMargin, _Range.rangeTokens.textFieldTextBeforeMargin, _Range.rangeTokens.textFieldTextAfterMargin, _Range.rangeTokens.indicatorSize, _Range.rangeTokens.indicatorSizeOuter, _Range.rangeTokens.indicatorPlacement, _Range.rangeTokens.indicatorOuterPlacement, _Range.rangeTokens.indicatorPlacementRight, _Range.rangeTokens.indicatorOuterPlacementRight),
|
95
49
|
l: (0, _styledcomponents.css)([
|
96
50
|
"",
|
97
51
|
":0.875rem;",
|
@@ -99,24 +99,25 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
99
99
|
if (n === "Map" || n === "Set") return Array.from(n);
|
100
100
|
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
101
101
|
}
|
102
|
-
import React, { forwardRef,
|
103
|
-
import { useForkRef
|
102
|
+
import React, { forwardRef, useRef, useState } from "react";
|
103
|
+
import { useForkRef } from "@salutejs/plasma-core";
|
104
104
|
import { cx } from "../../utils";
|
105
105
|
import { IconCloseCircleOutline } from "../_Icon";
|
106
106
|
import { base as sizeCSS } from "./variations/_size/base";
|
107
107
|
import { base as viewCSS } from "./variations/_view/base";
|
108
108
|
import { base as helperTextViewCSS } from "./variations/_helperTextView/base";
|
109
|
-
import { base, StyledHelperText, StyledHiddenInput,
|
109
|
+
import { base, StyledHelperText, StyledHiddenInput, StyledAttachButtonWrapper, FilenameWrapper, TruncatedFilenamePart, FilenameExtensionPart } from "./Attach.styles";
|
110
110
|
import { StyledCell } from "./ui/Cell/Cell";
|
111
|
-
import { extractExtension,
|
111
|
+
import { extractExtension, getFileIcon } from "./utils";
|
112
112
|
import { classes } from "./Attach.tokens";
|
113
113
|
import { AttachButton } from "./components/AttachButton";
|
114
114
|
import { StyledIconButtonCancel } from "./ui/IconButton/IconButton.styles";
|
115
115
|
export var attachRoot = function(Root) {
|
116
116
|
return /*#__PURE__*/ forwardRef(function(props, outerRef) {
|
117
|
-
var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
|
117
|
+
var _props_flow = props.flow, flow = _props_flow === void 0 ? 'auto' : _props_flow, _props_buttonType = props.buttonType, buttonType = _props_buttonType === void 0 ? 'button' : _props_buttonType, _props_hideButtonOnAttach = props.hideButtonOnAttach, hideButtonOnAttach = _props_hideButtonOnAttach === void 0 ? false : _props_hideButtonOnAttach, _props_hasAttachment = props.hasAttachment, hasAttachment = _props_hasAttachment === void 0 ? true : _props_hasAttachment, acceptedFileFormats = props.acceptedFileFormats, helperText = props.helperText, size = props.size, view = props.view, helperTextView = props.helperTextView, className = props.className, style = props.style, isLoading = props.isLoading, disabled = props.disabled, id = props.id, name = props.name, customIcon = props.customIcon, onClick = props.onClick, onChange = props.onChange, onClear = props.onClear, rest = _object_without_properties(props, [
|
118
118
|
"flow",
|
119
119
|
"buttonType",
|
120
|
+
"hideButtonOnAttach",
|
120
121
|
"hasAttachment",
|
121
122
|
"acceptedFileFormats",
|
122
123
|
"helperText",
|
@@ -130,66 +131,31 @@ export var attachRoot = function(Root) {
|
|
130
131
|
"id",
|
131
132
|
"name",
|
132
133
|
"customIcon",
|
134
|
+
"onClick",
|
133
135
|
"onChange",
|
134
136
|
"onClear"
|
135
137
|
]);
|
136
138
|
var innerRef = useRef(null);
|
137
139
|
var ref = useForkRef(outerRef, innerRef);
|
138
140
|
var inputRef = useRef(null);
|
139
|
-
var inputHelperRef = useRef(null);
|
140
141
|
var cellRef = useRef(null);
|
141
142
|
var buttonRef = useRef(null);
|
142
|
-
var emptyTextCellWidth = useRef(null);
|
143
143
|
var _useState = _sliced_to_array(useState(''), 2), filename = _useState[0], setFilename = _useState[1];
|
144
|
-
var _useState1 = _sliced_to_array(useState(''), 2), truncatedFilename = _useState1[0], setTruncatedFilename = _useState1[1];
|
145
144
|
var horizontalClass = flow === 'horizontal' ? classes.horizontal : undefined;
|
146
145
|
var verticalClass = flow === 'vertical' ? classes.vertical : undefined;
|
147
146
|
var withHelperTextClass = helperText ? classes.withHelperText : undefined;
|
148
147
|
var autoClass = flow === 'auto' ? classes.auto : undefined;
|
149
|
-
var cellHiddenClass = truncatedFilename.length === 0 ? classes.cellHidden : undefined;
|
150
148
|
var accept = acceptedFileFormats === null || acceptedFileFormats === void 0 ? void 0 : acceptedFileFormats.join(',');
|
151
149
|
var extension = extractExtension(filename);
|
152
|
-
var
|
153
|
-
|
154
|
-
|
155
|
-
emptyTextCellWidth.current = ((_cellRef_current = cellRef.current) === null || _cellRef_current === void 0 ? void 0 : _cellRef_current.offsetWidth) || 0;
|
156
|
-
}, []);
|
157
|
-
useIsomorphicLayoutEffect(function() {
|
158
|
-
if (!cellRef.current || !cellRef.current.parentElement || !inputHelperRef.current || !inputHelperRef.current.textContent || !emptyTextCellWidth.current || !buttonRef.current) {
|
159
|
-
return;
|
160
|
-
}
|
161
|
-
var _inputHelperRef_current = inputHelperRef.current, textWidth = _inputHelperRef_current.offsetWidth;
|
162
|
-
var _buttonRef_current = buttonRef.current, buttonWidth = _buttonRef_current.offsetWidth;
|
163
|
-
var _cellRef_current_parentElement_getBoundingClientRect = cellRef.current.parentElement.getBoundingClientRect(), parentWidth = _cellRef_current_parentElement_getBoundingClientRect.width, parentLeft = _cellRef_current_parentElement_getBoundingClientRect.left;
|
164
|
-
var _cellRef_current_getBoundingClientRect = cellRef.current.getBoundingClientRect(), cellLeft = _cellRef_current_getBoundingClientRect.left;
|
165
|
-
var leftDiff = cellLeft - parentLeft;
|
166
|
-
var currentTextWidth = textWidth;
|
167
|
-
if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth || currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
|
168
|
-
setTruncatedFilename(filename);
|
169
|
-
return;
|
170
|
-
}
|
171
|
-
var currFilename = addSeparator(filename, separator);
|
172
|
-
for(var i = currFilename.indexOf(separator) - 1; i > 0; i -= 1){
|
173
|
-
if (currentTextWidth + emptyTextCellWidth.current + leftDiff <= parentWidth) {
|
174
|
-
break;
|
175
|
-
}
|
176
|
-
var left = currFilename.slice(0, i);
|
177
|
-
var right = currFilename.slice(i + 1);
|
178
|
-
var newFilename = "".concat(left).concat(right);
|
179
|
-
inputHelperRef.current.textContent = newFilename;
|
180
|
-
currentTextWidth = inputHelperRef.current.offsetWidth;
|
181
|
-
if (currentTextWidth + emptyTextCellWidth.current < buttonWidth) {
|
182
|
-
break;
|
183
|
-
}
|
184
|
-
currFilename = newFilename;
|
185
|
-
}
|
186
|
-
inputHelperRef.current.textContent = filename;
|
187
|
-
setTruncatedFilename(currFilename);
|
188
|
-
});
|
189
|
-
var handleClick = function() {
|
150
|
+
var filenameWithoutExtension = filename.slice(0, -1 - ((extension === null || extension === void 0 ? void 0 : extension.length) || 0));
|
151
|
+
var cellContentLeft = customIcon || getFileIcon(extension, size);
|
152
|
+
var handleClick = function(e) {
|
190
153
|
if (!inputRef.current) {
|
191
154
|
return;
|
192
155
|
}
|
156
|
+
if (onClick) {
|
157
|
+
onClick(e);
|
158
|
+
}
|
193
159
|
inputRef.current.click();
|
194
160
|
};
|
195
161
|
var handleChange = function(e) {
|
@@ -210,7 +176,6 @@ export var attachRoot = function(Root) {
|
|
210
176
|
}
|
211
177
|
inputRef.current.value = '';
|
212
178
|
setFilename('');
|
213
|
-
setTruncatedFilename('');
|
214
179
|
};
|
215
180
|
return /*#__PURE__*/ React.createElement(Root, {
|
216
181
|
className: cx(horizontalClass, verticalClass, autoClass, withHelperTextClass, className),
|
@@ -226,20 +191,16 @@ export var attachRoot = function(Root) {
|
|
226
191
|
id: id,
|
227
192
|
name: name,
|
228
193
|
onChange: handleChange
|
229
|
-
}), /*#__PURE__*/ React.createElement(
|
230
|
-
ref: inputHelperRef
|
231
|
-
}, filename), /*#__PURE__*/ React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/ React.createElement(AttachButton, _object_spread({
|
194
|
+
}), (!hideButtonOnAttach || !filename) && /*#__PURE__*/ React.createElement(StyledAttachButtonWrapper, null, /*#__PURE__*/ React.createElement(AttachButton, _object_spread({
|
232
195
|
ref: buttonRef,
|
233
196
|
buttonType: buttonType,
|
234
197
|
isLoading: isLoading,
|
235
198
|
disabled: disabled,
|
236
199
|
onClick: handleClick
|
237
|
-
}, rest)), helperText && /*#__PURE__*/ React.createElement(StyledHelperText, null, helperText)), hasAttachment && /*#__PURE__*/ React.createElement(StyledCell, {
|
200
|
+
}, rest)), helperText && /*#__PURE__*/ React.createElement(StyledHelperText, null, helperText)), (hasAttachment || hideButtonOnAttach) && filename && /*#__PURE__*/ React.createElement(StyledCell, {
|
238
201
|
stretching: "fixed",
|
239
|
-
className: cellHiddenClass,
|
240
202
|
ref: cellRef,
|
241
203
|
size: size,
|
242
|
-
title: truncatedFilename,
|
243
204
|
contentLeft: cellContentLeft,
|
244
205
|
contentRight: /*#__PURE__*/ React.createElement(StyledIconButtonCancel, {
|
245
206
|
onClick: handleClear
|
@@ -247,7 +208,7 @@ export var attachRoot = function(Root) {
|
|
247
208
|
size: "xs",
|
248
209
|
color: "inherit"
|
249
210
|
}))
|
250
|
-
}));
|
211
|
+
}, /*#__PURE__*/ React.createElement(FilenameWrapper, null, /*#__PURE__*/ React.createElement(TruncatedFilenamePart, null, filenameWithoutExtension.slice(0, -1)), /*#__PURE__*/ React.createElement(FilenameExtensionPart, null, filenameWithoutExtension.at(-1), ".", extension))));
|
251
212
|
});
|
252
213
|
};
|
253
214
|
export var attachConfig = {
|
@@ -1,29 +1,43 @@
|
|
1
1
|
import styled from "styled-components";
|
2
2
|
import { css } from "styled-components";
|
3
|
+
import { applyEllipsis } from "../../mixins";
|
3
4
|
export var base = css([
|
4
5
|
"position:relative;display:flex;"
|
5
6
|
]);
|
6
7
|
export var StyledHiddenInput = styled.input.withConfig({
|
7
8
|
displayName: "Attach.styles__StyledHiddenInput",
|
8
|
-
componentId: "sc-
|
9
|
+
componentId: "sc-ebfa8a10-0"
|
9
10
|
})([
|
10
11
|
"display:none;"
|
11
12
|
]);
|
12
|
-
export var StyledHiddenInputHelper = styled.div.withConfig({
|
13
|
-
displayName: "Attach.styles__StyledHiddenInputHelper",
|
14
|
-
componentId: "sc-7ce14282-1"
|
15
|
-
})([
|
16
|
-
"position:absolute;visibility:hidden;white-space:nowrap;"
|
17
|
-
]);
|
18
13
|
export var StyledAttachButtonWrapper = styled.div.withConfig({
|
19
14
|
displayName: "Attach.styles__StyledAttachButtonWrapper",
|
20
|
-
componentId: "sc-
|
15
|
+
componentId: "sc-ebfa8a10-1"
|
21
16
|
})([
|
22
17
|
"position:relative;"
|
23
18
|
]);
|
24
19
|
export var StyledHelperText = styled.div.withConfig({
|
25
20
|
displayName: "Attach.styles__StyledHelperText",
|
26
|
-
componentId: "sc-
|
21
|
+
componentId: "sc-ebfa8a10-2"
|
27
22
|
})([
|
28
23
|
"position:absolute;margin-top:0.25rem;"
|
29
24
|
]);
|
25
|
+
export var FilenameWrapper = styled.div.withConfig({
|
26
|
+
displayName: "Attach.styles__FilenameWrapper",
|
27
|
+
componentId: "sc-ebfa8a10-3"
|
28
|
+
})([
|
29
|
+
"display:inline-grid;align-items:center;grid-template-columns:auto 1fr;min-width:8ch;"
|
30
|
+
]);
|
31
|
+
export var TruncatedFilenamePart = styled.span.withConfig({
|
32
|
+
displayName: "Attach.styles__TruncatedFilenamePart",
|
33
|
+
componentId: "sc-ebfa8a10-4"
|
34
|
+
})([
|
35
|
+
"",
|
36
|
+
""
|
37
|
+
], applyEllipsis());
|
38
|
+
export var FilenameExtensionPart = styled.span.withConfig({
|
39
|
+
displayName: "Attach.styles__FilenameExtensionPart",
|
40
|
+
componentId: "sc-ebfa8a10-5"
|
41
|
+
})([
|
42
|
+
""
|
43
|
+
]);
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from "react";
|
2
2
|
import { IconBlankCsvOutline, IconBlankDocOutline, IconBlankOutline, IconBlankPdfOutline, IconBlankTxtOutline, IconBlankXlsOutline } from "../../_Icon";
|
3
|
-
export var
|
3
|
+
export var getFileIcon = function(extension, size) {
|
4
4
|
var iconSize = size === 'xs' ? 'xs' : 's';
|
5
5
|
switch(extension){
|
6
6
|
case 'pdf':
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { css } from "styled-components";
|
2
2
|
import { tokens, classes } from "../../Attach.tokens";
|
3
|
-
import { StyledHelperText
|
3
|
+
import { StyledHelperText } from "../../Attach.styles";
|
4
4
|
export var base = css([
|
5
5
|
"&.",
|
6
6
|
"{column-gap:var(",
|
@@ -12,12 +12,5 @@ export var base = css([
|
|
12
12
|
");}&.",
|
13
13
|
"{row-gap:var(",
|
14
14
|
");}",
|
15
|
-
"{font-family:var(",
|
16
|
-
");font-size:var(",
|
17
|
-
");font-style:var(",
|
18
|
-
");font-weight:var(",
|
19
|
-
");letter-spacing:var(",
|
20
|
-
");line-height:var(",
|
21
|
-
");}",
|
22
15
|
"{font-family:var(--plasma-typo-body-xs-font-family);font-size:var(--plasma-typo-body-xs-font-size);font-style:var(--plasma-typo-body-xs-font-style);font-weight:var(--plasma-typo-body-xs-font-weight);letter-spacing:var(--plasma-typo-body-xs-letter-spacing);line-height:var(--plasma-typo-body-xs-line-height);}}"
|
23
|
-
], classes.horizontal, tokens.horizontalGap, classes.vertical, tokens.verticalGap, classes.auto, tokens.verticalGap, tokens.horizontalGap, classes.withHelperText, tokens.verticalGapWithHelperText,
|
16
|
+
], classes.horizontal, tokens.horizontalGap, classes.vertical, tokens.verticalGap, classes.auto, tokens.verticalGap, tokens.horizontalGap, classes.withHelperText, tokens.verticalGapWithHelperText, StyledHelperText);
|
@@ -1,7 +0,0 @@
|
|
1
|
-
import { component, mergeConfig } from "../../../engines";
|
2
|
-
import { comboboxNewConfig } from "../../..";
|
3
|
-
import { config } from "./Combobox.config";
|
4
|
-
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
5
|
-
var ComboboxComponent = component(mergedConfig);
|
6
|
-
var Combobox = ComboboxComponent;
|
7
|
-
export { Combobox };
|
@@ -36,52 +36,6 @@ export var config = {
|
|
36
36
|
], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorHover, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorHover, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.indicatorColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus)
|
37
37
|
},
|
38
38
|
size: {
|
39
|
-
xl: css([
|
40
|
-
"",
|
41
|
-
":1rem;",
|
42
|
-
":0 0.375rem;",
|
43
|
-
":var(--plasma-typo-body-l-font-family);",
|
44
|
-
":var(--plasma-typo-body-l-font-style);",
|
45
|
-
":var(--plasma-typo-body-l-font-size);",
|
46
|
-
":var(--plasma-typo-body-l-font-weight);",
|
47
|
-
":var(--plasma-typo-body-l-letter-spacing);",
|
48
|
-
":var(--plasma-typo-body-l-line-height);",
|
49
|
-
":0 0 0 1.125rem;",
|
50
|
-
":0;",
|
51
|
-
":0.75rem;",
|
52
|
-
":var(--plasma-typo-body-l-font-family);",
|
53
|
-
":var(--plasma-typo-body-l-font-style);",
|
54
|
-
":var(--plasma-typo-body-l-font-size);",
|
55
|
-
":var(--plasma-typo-body-l-font-weight);",
|
56
|
-
":var(--plasma-typo-body-l-letter-spacing);",
|
57
|
-
":var(--plasma-typo-body-l-line-height);",
|
58
|
-
":4rem;",
|
59
|
-
":1rem;",
|
60
|
-
":1.3125rem 1.125rem;",
|
61
|
-
":var(--plasma-typo-body-l-font-family);",
|
62
|
-
":var(--plasma-typo-body-l-font-style);",
|
63
|
-
":var(--plasma-typo-body-l-font-size);",
|
64
|
-
":var(--plasma-typo-body-l-font-weight);",
|
65
|
-
":var(--plasma-typo-body-l-letter-spacing);",
|
66
|
-
":var(--plasma-typo-body-l-line-height);",
|
67
|
-
":0.25rem 0 0 0;",
|
68
|
-
":var(--plasma-typo-body-xs-font-family);",
|
69
|
-
":var(--plasma-typo-body-xs-font-style);",
|
70
|
-
":var(--plasma-typo-body-xs-font-size);",
|
71
|
-
":var(--plasma-typo-body-xs-font-weight);",
|
72
|
-
":var(--plasma-typo-body-xs-letter-spacing);",
|
73
|
-
":var(--plasma-typo-body-xs-line-height);",
|
74
|
-
":-0.0625rem 0.5rem -0.0625rem 0;",
|
75
|
-
":-0.0625rem 0 -0.0625rem 0.75rem;",
|
76
|
-
":0 0.25rem 0 0;",
|
77
|
-
":0 0 0 0.25rem;",
|
78
|
-
":0.5rem;",
|
79
|
-
":0.375rem;",
|
80
|
-
":0 0 0 0;",
|
81
|
-
":0.5rem auto auto -0.75rem;",
|
82
|
-
":0 0 auto auto;",
|
83
|
-
":0.25rem -0.625rem auto auto;"
|
84
|
-
], tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight),
|
85
39
|
l: css([
|
86
40
|
"",
|
87
41
|
":0.875rem;",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAG5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAKxC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAmB7C,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,uFAwIjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBA1IQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA+JtE,CAAC"}
|
@@ -1,6 +1,8 @@
|
|
1
1
|
export declare const base: import("@linaria/core").LinariaClassName;
|
2
2
|
export declare const StyledHiddenInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
|
3
|
-
export declare const StyledHiddenInputHelper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
4
3
|
export declare const StyledAttachButtonWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
4
|
export declare const StyledHelperText: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
5
|
+
export declare const FilenameWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
|
6
|
+
export declare const TruncatedFilenamePart: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
7
|
+
export declare const FilenameExtensionPart: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;
|
6
8
|
//# sourceMappingURL=Attach.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Attach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.styles.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Attach.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,iBAAiB,8KAE7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAErC,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAG5B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAK3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,uKAEjC,CAAC;AAEF,eAAO,MAAM,qBAAqB,uKAAgB,CAAC"}
|
@@ -6,8 +6,15 @@ export type BaseAttachProps = {
|
|
6
6
|
* Массив форматов файлов, которые могут быть прикреплены (см. HTML-атрибут 'accept' для 'input').
|
7
7
|
*/
|
8
8
|
acceptedFileFormats?: string[];
|
9
|
+
/**
|
10
|
+
* Скрыть кнопку после выбора файла
|
11
|
+
* @default false
|
12
|
+
*/
|
13
|
+
hideButtonOnAttach?: boolean;
|
9
14
|
/**
|
10
15
|
* Отображать прикрепленный файл
|
16
|
+
* @description Если `hideButtonOnAttach` установлен как `false`,
|
17
|
+
* данное свойство будет всегда иметь значение `true`
|
11
18
|
* @default true
|
12
19
|
*/
|
13
20
|
hasAttachment?: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Attach.types.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAC1B;IACI;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;CACzB,GACD;IACI,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACN,GACG,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC"}
|
1
|
+
{"version":3,"file":"Attach.types.d.ts","sourceRoot":"","sources":["../../../src/components/Attach/Attach.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAErD,MAAM,MAAM,eAAe,GAAG;IAC1B;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;;OAKG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;OAIG;IACH,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,CAC1B;IACI;;;OAGG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC;CACzB,GACD;IACI,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CACN,GACG,WAAW,CAAC;AAEhB,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,WAAW,GAAG,eAAe,GAAG,iBAAiB,CAAC"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
export declare const
|
1
|
+
export declare const getFileIcon: (extension?: string, size?: string) => JSX.Element;
|
2
2
|
//# sourceMappingURL=getFileicon.d.ts.map
|
@@ -1,5 +1,3 @@
|
|
1
1
|
export { extractExtension } from './extractExtension';
|
2
|
-
export {
|
3
|
-
export { addSeparator } from './addSeparator';
|
4
|
-
export declare const separator = "...";
|
2
|
+
export { getFileIcon } from './getFileicon';
|
5
3
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Attach/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Attach/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CA2BhB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Attach/Attach.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Attach.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Attach/Attach.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;WAC22C,MAAO,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;iBAAT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAT,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAAT,SAAS;oDADj2C,CAAC"}
|
@@ -8,7 +8,6 @@ export declare const config: {
|
|
8
8
|
default: import("@linaria/core").LinariaClassName;
|
9
9
|
};
|
10
10
|
size: {
|
11
|
-
xl: import("@linaria/core").LinariaClassName;
|
12
11
|
l: import("@linaria/core").LinariaClassName;
|
13
12
|
m: import("@linaria/core").LinariaClassName;
|
14
13
|
s: import("@linaria/core").LinariaClassName;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Range.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM
|
1
|
+
{"version":3,"file":"Range.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAmRlB,CAAC"}
|
@@ -3,7 +3,6 @@ export declare const Range: import("react").FunctionComponent<import("../../../e
|
|
3
3
|
default: import("@linaria/core").LinariaClassName;
|
4
4
|
};
|
5
5
|
size: {
|
6
|
-
xl: import("@linaria/core").LinariaClassName;
|
7
6
|
l: import("@linaria/core").LinariaClassName;
|
8
7
|
m: import("@linaria/core").LinariaClassName;
|
9
8
|
s: import("@linaria/core").LinariaClassName;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK
|
1
|
+
{"version":3,"file":"Range.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/Range/Range.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yIAA0B,CAAC"}
|