@salutejs/plasma-new-hope 0.195.0-canary.1534.11911237435.0 → 0.195.0-canary.1570.11912142107.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -333
- package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/cjs/index.css +0 -14
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/_Icon/index.js +1 -8
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/_Icon/index.js +1 -2
- package/emotion/es/index.js +1 -2
- package/es/_virtual/_rollupPluginBabelHelpers.js +1 -332
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/es/index.css +0 -14
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/_Icon/index.js +1 -8
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/_Icon/index.js +1 -2
- package/styled-components/es/index.js +1 -2
- package/types/components/_Icon/index.d.ts +0 -1
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Dropzone/Dropzone.css +0 -15
- package/cjs/components/Dropzone/Dropzone.js +0 -252
- package/cjs/components/Dropzone/Dropzone.js.map +0 -1
- package/cjs/components/Dropzone/Dropzone.styles.js +0 -47
- package/cjs/components/Dropzone/Dropzone.styles.js.map +0 -1
- package/cjs/components/Dropzone/Dropzone.styles_1fo7dbq.css +0 -7
- package/cjs/components/Dropzone/Dropzone.tokens.js +0 -47
- package/cjs/components/Dropzone/Dropzone.tokens.js.map +0 -1
- package/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
- package/cjs/components/Dropzone/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Dropzone/variations/_disabled/base_3qwygi.css +0 -1
- package/cjs/components/Dropzone/variations/_size/base.js +0 -9
- package/cjs/components/Dropzone/variations/_size/base.js.map +0 -1
- package/cjs/components/Dropzone/variations/_size/base_1bt22g1.css +0 -1
- package/cjs/components/Dropzone/variations/_view/base.js +0 -9
- package/cjs/components/Dropzone/variations/_view/base.js.map +0 -1
- package/cjs/components/Dropzone/variations/_view/base_1pdzq6t.css +0 -1
- package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -24
- package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -23
- package/cjs/components/_Icon/Icons/IconArrowBarDown.js.map +0 -1
- package/emotion/cjs/components/Dropzone/Dropzone.js +0 -271
- package/emotion/cjs/components/Dropzone/Dropzone.styles.js +0 -67
- package/emotion/cjs/components/Dropzone/Dropzone.template-docs.mdx +0 -136
- package/emotion/cjs/components/Dropzone/Dropzone.tokens.js +0 -44
- package/emotion/cjs/components/Dropzone/Dropzone.types.js +0 -5
- package/emotion/cjs/components/Dropzone/index.js +0 -31
- package/emotion/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Dropzone/variations/_disabled/tokens.json +0 -4
- package/emotion/cjs/components/Dropzone/variations/_size/base.js +0 -10
- package/emotion/cjs/components/Dropzone/variations/_size/tokens.json +0 -19
- package/emotion/cjs/components/Dropzone/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Dropzone/variations/_view/tokens.json +0 -9
- package/emotion/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -23
- package/emotion/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -22
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -25
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -25
- package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/emotion/es/components/Dropzone/Dropzone.js +0 -263
- package/emotion/es/components/Dropzone/Dropzone.styles.js +0 -60
- package/emotion/es/components/Dropzone/Dropzone.template-docs.mdx +0 -136
- package/emotion/es/components/Dropzone/Dropzone.tokens.js +0 -38
- package/emotion/es/components/Dropzone/Dropzone.types.js +0 -1
- package/emotion/es/components/Dropzone/index.js +0 -2
- package/emotion/es/components/Dropzone/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Dropzone/variations/_disabled/tokens.json +0 -4
- package/emotion/es/components/Dropzone/variations/_size/base.js +0 -4
- package/emotion/es/components/Dropzone/variations/_size/tokens.json +0 -19
- package/emotion/es/components/Dropzone/variations/_view/base.js +0 -4
- package/emotion/es/components/Dropzone/variations/_view/tokens.json +0 -9
- package/emotion/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -16
- package/emotion/es/components/_Icon/Icons/IconArrowBarDown.js +0 -15
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -19
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -19
- package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.js +0 -5
- package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/es/components/Dropzone/Dropzone.css +0 -15
- package/es/components/Dropzone/Dropzone.js +0 -247
- package/es/components/Dropzone/Dropzone.js.map +0 -1
- package/es/components/Dropzone/Dropzone.styles.js +0 -37
- package/es/components/Dropzone/Dropzone.styles.js.map +0 -1
- package/es/components/Dropzone/Dropzone.styles_1fo7dbq.css +0 -7
- package/es/components/Dropzone/Dropzone.tokens.js +0 -41
- package/es/components/Dropzone/Dropzone.tokens.js.map +0 -1
- package/es/components/Dropzone/variations/_disabled/base.js +0 -5
- package/es/components/Dropzone/variations/_disabled/base.js.map +0 -1
- package/es/components/Dropzone/variations/_disabled/base_3qwygi.css +0 -1
- package/es/components/Dropzone/variations/_size/base.js +0 -5
- package/es/components/Dropzone/variations/_size/base.js.map +0 -1
- package/es/components/Dropzone/variations/_size/base_1bt22g1.css +0 -1
- package/es/components/Dropzone/variations/_view/base.js +0 -5
- package/es/components/Dropzone/variations/_view/base.js.map +0 -1
- package/es/components/Dropzone/variations/_view/base_1pdzq6t.css +0 -1
- package/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -20
- package/es/components/_Icon/Icon.assets/ArrowBarDown.js.map +0 -1
- package/es/components/_Icon/Icons/IconArrowBarDown.js +0 -19
- package/es/components/_Icon/Icons/IconArrowBarDown.js.map +0 -1
- package/styled-components/cjs/components/Dropzone/Dropzone.js +0 -271
- package/styled-components/cjs/components/Dropzone/Dropzone.styles.js +0 -29
- package/styled-components/cjs/components/Dropzone/Dropzone.template-docs.mdx +0 -136
- package/styled-components/cjs/components/Dropzone/Dropzone.tokens.js +0 -44
- package/styled-components/cjs/components/Dropzone/Dropzone.types.js +0 -5
- package/styled-components/cjs/components/Dropzone/index.js +0 -31
- package/styled-components/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/Dropzone/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Dropzone/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/Dropzone/variations/_size/tokens.json +0 -19
- package/styled-components/cjs/components/Dropzone/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/Dropzone/variations/_view/tokens.json +0 -9
- package/styled-components/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -23
- package/styled-components/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -25
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -25
- package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/styled-components/es/components/Dropzone/Dropzone.js +0 -263
- package/styled-components/es/components/Dropzone/Dropzone.styles.js +0 -21
- package/styled-components/es/components/Dropzone/Dropzone.template-docs.mdx +0 -136
- package/styled-components/es/components/Dropzone/Dropzone.tokens.js +0 -38
- package/styled-components/es/components/Dropzone/Dropzone.types.js +0 -1
- package/styled-components/es/components/Dropzone/index.js +0 -2
- package/styled-components/es/components/Dropzone/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/Dropzone/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Dropzone/variations/_size/base.js +0 -4
- package/styled-components/es/components/Dropzone/variations/_size/tokens.json +0 -19
- package/styled-components/es/components/Dropzone/variations/_view/base.js +0 -4
- package/styled-components/es/components/Dropzone/variations/_view/tokens.json +0 -9
- package/styled-components/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -16
- package/styled-components/es/components/_Icon/Icons/IconArrowBarDown.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -19
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -19
- package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.js +0 -5
- package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/types/components/Dropzone/Dropzone.d.ts +0 -59
- package/types/components/Dropzone/Dropzone.d.ts.map +0 -1
- package/types/components/Dropzone/Dropzone.styles.d.ts +0 -9
- package/types/components/Dropzone/Dropzone.styles.d.ts.map +0 -1
- package/types/components/Dropzone/Dropzone.tokens.d.ts +0 -39
- package/types/components/Dropzone/Dropzone.tokens.d.ts.map +0 -1
- package/types/components/Dropzone/Dropzone.types.d.ts +0 -77
- package/types/components/Dropzone/Dropzone.types.d.ts.map +0 -1
- package/types/components/Dropzone/index.d.ts +0 -3
- package/types/components/Dropzone/index.d.ts.map +0 -1
- package/types/components/Dropzone/variations/_disabled/base.d.ts +0 -2
- package/types/components/Dropzone/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Dropzone/variations/_size/base.d.ts +0 -2
- package/types/components/Dropzone/variations/_size/base.d.ts.map +0 -1
- package/types/components/Dropzone/variations/_view/base.d.ts +0 -2
- package/types/components/Dropzone/variations/_view/base.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconArrowBarDown.d.ts +0 -4
- package/types/components/_Icon/Icons/IconArrowBarDown.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts +0 -18
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts +0 -29
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts +0 -18
- package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts +0 -29
- package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts.map +0 -1
@@ -1,252 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
-
var React = require('react');
|
7
|
-
var plasmaCore = require('@salutejs/plasma-core');
|
8
|
-
var index = require('../../utils/index.js');
|
9
|
-
var base = require('./variations/_view/base.js');
|
10
|
-
var base$1 = require('./variations/_size/base.js');
|
11
|
-
var base$2 = require('./variations/_disabled/base.js');
|
12
|
-
var Dropzone_styles = require('./Dropzone.styles.js');
|
13
|
-
var Dropzone_tokens = require('./Dropzone.tokens.js');
|
14
|
-
var IconArrowBarDown = require('../_Icon/Icons/IconArrowBarDown.js');
|
15
|
-
var getSizeValueFromProp = require('../../utils/getSizeValueFromProp.js');
|
16
|
-
|
17
|
-
var _IconArrowBarDown;
|
18
|
-
var _excluded = ["className", "style", "accept", "multiple", "title", "description", "icon", "iconPlacement", "size", "view", "disabled", "stretch", "width", "height", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "validator", "onClick", "onChange", "onChoseFiles"];
|
19
|
-
var dropzoneRoot = function dropzoneRoot(Root) {
|
20
|
-
return /*#__PURE__*/React.forwardRef(function (_ref, outerRef) {
|
21
|
-
var className = _ref.className,
|
22
|
-
style = _ref.style,
|
23
|
-
accept = _ref.accept,
|
24
|
-
multiple = _ref.multiple,
|
25
|
-
title = _ref.title,
|
26
|
-
description = _ref.description,
|
27
|
-
icon = _ref.icon,
|
28
|
-
iconPlacement = _ref.iconPlacement,
|
29
|
-
size = _ref.size,
|
30
|
-
view = _ref.view,
|
31
|
-
disabled = _ref.disabled,
|
32
|
-
stretch = _ref.stretch,
|
33
|
-
width = _ref.width,
|
34
|
-
height = _ref.height,
|
35
|
-
onDragEnter = _ref.onDragEnter,
|
36
|
-
onDragLeave = _ref.onDragLeave,
|
37
|
-
onDragOver = _ref.onDragOver,
|
38
|
-
onDrop = _ref.onDrop,
|
39
|
-
validator = _ref.validator,
|
40
|
-
onClick = _ref.onClick,
|
41
|
-
onChange = _ref.onChange,
|
42
|
-
onChoseFiles = _ref.onChoseFiles,
|
43
|
-
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
44
|
-
var _useState = React.useState(false),
|
45
|
-
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
46
|
-
isDropzoneActive = _useState2[0],
|
47
|
-
setIsDropzoneActive = _useState2[1];
|
48
|
-
var inputRef = React.useRef(null);
|
49
|
-
var forkInputRef = plasmaCore.useForkRef(outerRef, inputRef);
|
50
|
-
var innerWidth = width ? getSizeValueFromProp.getSizeValueFromProp(width) : 'fit-content';
|
51
|
-
var innerHeight = height ? getSizeValueFromProp.getSizeValueFromProp(height) : 'fit-content';
|
52
|
-
var processFiles = /*#__PURE__*/function () {
|
53
|
-
var _ref2 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee(rawFiles, callback, afterAction) {
|
54
|
-
var files, res;
|
55
|
-
return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee$(_context) {
|
56
|
-
while (1) switch (_context.prev = _context.next) {
|
57
|
-
case 0:
|
58
|
-
if (rawFiles !== null && rawFiles !== void 0 && rawFiles.length) {
|
59
|
-
_context.next = 2;
|
60
|
-
break;
|
61
|
-
}
|
62
|
-
return _context.abrupt("return");
|
63
|
-
case 2:
|
64
|
-
files = _rollupPluginBabelHelpers.toConsumableArray(rawFiles);
|
65
|
-
res = {
|
66
|
-
acceptedFiles: files
|
67
|
-
};
|
68
|
-
if (!validator) {
|
69
|
-
_context.next = 8;
|
70
|
-
break;
|
71
|
-
}
|
72
|
-
_context.next = 7;
|
73
|
-
return validator === null || validator === void 0 ? void 0 : validator(files);
|
74
|
-
case 7:
|
75
|
-
res = _context.sent;
|
76
|
-
case 8:
|
77
|
-
if (!callback) {
|
78
|
-
_context.next = 11;
|
79
|
-
break;
|
80
|
-
}
|
81
|
-
_context.next = 11;
|
82
|
-
return callback(res);
|
83
|
-
case 11:
|
84
|
-
if (afterAction) {
|
85
|
-
afterAction();
|
86
|
-
}
|
87
|
-
case 12:
|
88
|
-
case "end":
|
89
|
-
return _context.stop();
|
90
|
-
}
|
91
|
-
}, _callee);
|
92
|
-
}));
|
93
|
-
return function processFiles(_x, _x2, _x3) {
|
94
|
-
return _ref2.apply(this, arguments);
|
95
|
-
};
|
96
|
-
}();
|
97
|
-
var handleDragEnter = function handleDragEnter(event) {
|
98
|
-
if (disabled) {
|
99
|
-
return;
|
100
|
-
}
|
101
|
-
event.preventDefault();
|
102
|
-
event.stopPropagation();
|
103
|
-
if (onDragEnter) {
|
104
|
-
onDragEnter(event);
|
105
|
-
}
|
106
|
-
setIsDropzoneActive(true);
|
107
|
-
};
|
108
|
-
var handleDragLeave = function handleDragLeave(event) {
|
109
|
-
if (disabled) {
|
110
|
-
return;
|
111
|
-
}
|
112
|
-
event.preventDefault();
|
113
|
-
if (onDragLeave) {
|
114
|
-
onDragLeave(event);
|
115
|
-
}
|
116
|
-
setIsDropzoneActive(false);
|
117
|
-
};
|
118
|
-
var handleDragOver = function handleDragOver(event) {
|
119
|
-
if (disabled) {
|
120
|
-
return;
|
121
|
-
}
|
122
|
-
event.preventDefault();
|
123
|
-
if (onDragOver) {
|
124
|
-
onDragOver(event);
|
125
|
-
}
|
126
|
-
var rawFiles = event.dataTransfer.files;
|
127
|
-
if (!isDropzoneActive && rawFiles && rawFiles.length > 0) {
|
128
|
-
setIsDropzoneActive(true);
|
129
|
-
}
|
130
|
-
};
|
131
|
-
var handleDrop = /*#__PURE__*/function () {
|
132
|
-
var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(event) {
|
133
|
-
var rawFiles, afterAction;
|
134
|
-
return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee2$(_context2) {
|
135
|
-
while (1) switch (_context2.prev = _context2.next) {
|
136
|
-
case 0:
|
137
|
-
if (!disabled) {
|
138
|
-
_context2.next = 2;
|
139
|
-
break;
|
140
|
-
}
|
141
|
-
return _context2.abrupt("return");
|
142
|
-
case 2:
|
143
|
-
event.preventDefault();
|
144
|
-
event.persist();
|
145
|
-
rawFiles = event.dataTransfer.files;
|
146
|
-
afterAction = function afterAction() {
|
147
|
-
event.dataTransfer.clearData();
|
148
|
-
setIsDropzoneActive(false);
|
149
|
-
};
|
150
|
-
_context2.next = 8;
|
151
|
-
return processFiles(rawFiles, onDrop, afterAction);
|
152
|
-
case 8:
|
153
|
-
case "end":
|
154
|
-
return _context2.stop();
|
155
|
-
}
|
156
|
-
}, _callee2);
|
157
|
-
}));
|
158
|
-
return function handleDrop(_x4) {
|
159
|
-
return _ref3.apply(this, arguments);
|
160
|
-
};
|
161
|
-
}();
|
162
|
-
var handleClick = function handleClick(event) {
|
163
|
-
if (!inputRef.current || disabled) {
|
164
|
-
return;
|
165
|
-
}
|
166
|
-
inputRef.current.click();
|
167
|
-
if (onClick) {
|
168
|
-
onClick(event);
|
169
|
-
}
|
170
|
-
};
|
171
|
-
var handleChange = /*#__PURE__*/function () {
|
172
|
-
var _ref4 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee3(event) {
|
173
|
-
var rawFiles;
|
174
|
-
return _rollupPluginBabelHelpers.regeneratorRuntime().wrap(function _callee3$(_context3) {
|
175
|
-
while (1) switch (_context3.prev = _context3.next) {
|
176
|
-
case 0:
|
177
|
-
if (!disabled) {
|
178
|
-
_context3.next = 2;
|
179
|
-
break;
|
180
|
-
}
|
181
|
-
return _context3.abrupt("return");
|
182
|
-
case 2:
|
183
|
-
if (onChange) {
|
184
|
-
onChange(event);
|
185
|
-
}
|
186
|
-
rawFiles = event.target.files;
|
187
|
-
_context3.next = 6;
|
188
|
-
return processFiles(rawFiles, onChoseFiles);
|
189
|
-
case 6:
|
190
|
-
case "end":
|
191
|
-
return _context3.stop();
|
192
|
-
}
|
193
|
-
}, _callee3);
|
194
|
-
}));
|
195
|
-
return function handleChange(_x5) {
|
196
|
-
return _ref4.apply(this, arguments);
|
197
|
-
};
|
198
|
-
}();
|
199
|
-
return /*#__PURE__*/React.createElement(Root, {
|
200
|
-
className: index.cx(className, isDropzoneActive && Dropzone_tokens.classes.active, stretch && Dropzone_tokens.classes.stretch, disabled && Dropzone_tokens.classes.disabled),
|
201
|
-
view: view,
|
202
|
-
size: size,
|
203
|
-
disabled: disabled,
|
204
|
-
tabIndex: 0,
|
205
|
-
style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, Dropzone_tokens.privateTokens.width, innerWidth), Dropzone_tokens.privateTokens.height, innerHeight))
|
206
|
-
}, /*#__PURE__*/React.createElement(Dropzone_styles.DropzoneHandlerOverlay, {
|
207
|
-
onDragEnter: handleDragEnter,
|
208
|
-
onDragLeave: handleDragLeave,
|
209
|
-
onDragOver: handleDragOver,
|
210
|
-
onDrop: handleDrop,
|
211
|
-
onClick: handleClick
|
212
|
-
}), /*#__PURE__*/React.createElement(Dropzone_styles.Content, null, /*#__PURE__*/React.createElement(Dropzone_styles.TitleWrapper, {
|
213
|
-
className: index.cx(iconPlacement === 'top' && Dropzone_tokens.classes.verticalContentPlacing)
|
214
|
-
}, icon || _IconArrowBarDown || (_IconArrowBarDown = /*#__PURE__*/React.createElement(IconArrowBarDown.IconArrowBarDown, {
|
215
|
-
color: "inherit",
|
216
|
-
size: "s"
|
217
|
-
})), title && /*#__PURE__*/React.createElement(Dropzone_styles.Title, null, title)), description && /*#__PURE__*/React.createElement(Dropzone_styles.Description, null, description)), /*#__PURE__*/React.createElement(Dropzone_styles.HiddenInput, _rollupPluginBabelHelpers.extends({
|
218
|
-
ref: forkInputRef,
|
219
|
-
type: "file",
|
220
|
-
accept: accept,
|
221
|
-
multiple: multiple,
|
222
|
-
tabIndex: -1,
|
223
|
-
onChange: handleChange
|
224
|
-
}, rest)));
|
225
|
-
});
|
226
|
-
};
|
227
|
-
var dropzoneConfig = {
|
228
|
-
name: 'Dropzone',
|
229
|
-
tag: 'div',
|
230
|
-
layout: dropzoneRoot,
|
231
|
-
base: Dropzone_styles.base,
|
232
|
-
variations: {
|
233
|
-
view: {
|
234
|
-
css: base.base
|
235
|
-
},
|
236
|
-
size: {
|
237
|
-
css: base$1.base
|
238
|
-
},
|
239
|
-
disabled: {
|
240
|
-
css: base$2.base,
|
241
|
-
attrs: true
|
242
|
-
}
|
243
|
-
},
|
244
|
-
defaults: {
|
245
|
-
view: 'default',
|
246
|
-
size: 'm'
|
247
|
-
}
|
248
|
-
};
|
249
|
-
|
250
|
-
exports.dropzoneConfig = dropzoneConfig;
|
251
|
-
exports.dropzoneRoot = dropzoneRoot;
|
252
|
-
//# sourceMappingURL=Dropzone.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Dropzone.js","sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport type { ChangeEvent, CSSProperties, DragEvent, MouseEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { cx, getSizeValueFromProp } from '../../utils';\nimport { IconArrowBarDown } from '../../components/_Icon';\nimport type { RootProps } from '../../engines';\n\nimport type { DropzoneProps, DropzoneRootProps, FileArgs, FileProcessHandler } from './Dropzone.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport {\n base,\n Content,\n Description,\n DropzoneHandlerOverlay,\n HiddenInput,\n Title,\n TitleWrapper,\n} from './Dropzone.styles';\nimport { classes, privateTokens } from './Dropzone.tokens';\n\nexport const dropzoneRoot = (Root: RootProps<HTMLDivElement, DropzoneRootProps>) =>\n forwardRef<HTMLInputElement, DropzoneProps>(\n (\n {\n className,\n style,\n accept,\n multiple,\n title,\n description,\n icon,\n iconPlacement,\n size,\n view,\n disabled,\n stretch,\n width,\n height,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n validator,\n onClick,\n onChange,\n onChoseFiles,\n ...rest\n },\n outerRef,\n ) => {\n const [isDropzoneActive, setIsDropzoneActive] = useState(false);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const forkInputRef = useForkRef(outerRef, inputRef);\n\n const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n const processFiles = async (\n rawFiles: FileList | null,\n callback?: FileProcessHandler,\n afterAction?: () => void,\n ) => {\n if (!rawFiles?.length) {\n return;\n }\n\n const files = [...rawFiles];\n let res: FileArgs = {\n acceptedFiles: files,\n };\n\n if (validator) {\n res = await validator?.(files);\n }\n\n if (callback) {\n await callback(res);\n }\n\n if (afterAction) {\n afterAction();\n }\n };\n\n const handleDragEnter = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n if (onDragEnter) {\n onDragEnter(event);\n }\n\n setIsDropzoneActive(true);\n };\n\n const handleDragLeave = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n\n if (onDragLeave) {\n onDragLeave(event);\n }\n\n setIsDropzoneActive(false);\n };\n\n const handleDragOver = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n\n if (onDragOver) {\n onDragOver(event);\n }\n\n const { files: rawFiles } = event.dataTransfer;\n\n if (!isDropzoneActive && rawFiles && rawFiles.length > 0) {\n setIsDropzoneActive(true);\n }\n };\n\n const handleDrop = async (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n event.persist();\n\n const { files: rawFiles } = event.dataTransfer;\n const afterAction = () => {\n event.dataTransfer.clearData();\n setIsDropzoneActive(false);\n };\n\n await processFiles(rawFiles, onDrop, afterAction);\n };\n\n const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n if (!inputRef.current || disabled) {\n return;\n }\n\n inputRef.current.click();\n\n if (onClick) {\n onClick(event);\n }\n };\n\n const handleChange = async (event: ChangeEvent<HTMLInputElement>) => {\n if (disabled) {\n return;\n }\n\n if (onChange) {\n onChange(event);\n }\n\n const { files: rawFiles } = event.target;\n\n await processFiles(rawFiles, onChoseFiles);\n };\n\n return (\n <Root\n className={cx(\n className,\n isDropzoneActive && classes.active,\n stretch && classes.stretch,\n disabled && classes.disabled,\n )}\n view={view}\n size={size}\n disabled={disabled}\n tabIndex={0}\n style={\n {\n ...style,\n [privateTokens.width]: innerWidth,\n [privateTokens.height]: innerHeight,\n } as CSSProperties\n }\n >\n <DropzoneHandlerOverlay\n onDragEnter={handleDragEnter}\n onDragLeave={handleDragLeave}\n onDragOver={handleDragOver}\n onDrop={handleDrop}\n onClick={handleClick}\n />\n <Content>\n <TitleWrapper className={cx(iconPlacement === 'top' && classes.verticalContentPlacing)}>\n {icon || <IconArrowBarDown color=\"inherit\" size=\"s\" />}\n {title && <Title>{title}</Title>}\n </TitleWrapper>\n {description && <Description>{description}</Description>}\n </Content>\n <HiddenInput\n ref={forkInputRef}\n type=\"file\"\n accept={accept}\n multiple={multiple}\n tabIndex={-1}\n onChange={handleChange}\n {...rest}\n />\n </Root>\n );\n },\n );\n\nexport const dropzoneConfig = {\n name: 'Dropzone',\n tag: 'div',\n layout: dropzoneRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropzoneRoot","Root","forwardRef","_ref","outerRef","className","style","accept","multiple","title","description","icon","iconPlacement","size","view","disabled","stretch","width","height","onDragEnter","onDragLeave","onDragOver","onDrop","validator","onClick","onChange","onChoseFiles","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isDropzoneActive","setIsDropzoneActive","inputRef","useRef","forkInputRef","useForkRef","innerWidth","getSizeValueFromProp","innerHeight","processFiles","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","rawFiles","callback","afterAction","files","res","wrap","_callee$","_context","prev","next","length","abrupt","_toConsumableArray","acceptedFiles","sent","stop","_x","_x2","_x3","apply","arguments","handleDragEnter","event","preventDefault","stopPropagation","handleDragLeave","handleDragOver","dataTransfer","handleDrop","_ref3","_callee2","_callee2$","_context2","persist","clearData","_x4","handleClick","current","click","handleChange","_ref4","_callee3","_callee3$","_context3","target","_x5","React","createElement","cx","classes","active","tabIndex","_objectSpread","_defineProperty","privateTokens","DropzoneHandlerOverlay","Content","TitleWrapper","verticalContentPlacing","_IconArrowBarDown","IconArrowBarDown","color","Title","Description","HiddenInput","_extends","ref","type","dropzoneConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
@@ -1,47 +0,0 @@
|
|
1
|
-
import './Dropzone.styles_1fo7dbq.css';
|
2
|
-
'use strict';
|
3
|
-
|
4
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
-
|
6
|
-
var react = require('@linaria/react');
|
7
|
-
|
8
|
-
var base = "bfglrd7";
|
9
|
-
var DropzoneHandlerOverlay = /*#__PURE__*/react.styled('div')({
|
10
|
-
name: "DropzoneHandlerOverlay",
|
11
|
-
"class": "dqiwesh",
|
12
|
-
propsAsIs: false
|
13
|
-
});
|
14
|
-
var Content = /*#__PURE__*/react.styled('div')({
|
15
|
-
name: "Content",
|
16
|
-
"class": "c1afz1o5",
|
17
|
-
propsAsIs: false
|
18
|
-
});
|
19
|
-
var TitleWrapper = /*#__PURE__*/react.styled('div')({
|
20
|
-
name: "TitleWrapper",
|
21
|
-
"class": "twnyozc",
|
22
|
-
propsAsIs: false
|
23
|
-
});
|
24
|
-
var Title = /*#__PURE__*/react.styled('span')({
|
25
|
-
name: "Title",
|
26
|
-
"class": "tahwclk",
|
27
|
-
propsAsIs: false
|
28
|
-
});
|
29
|
-
var Description = /*#__PURE__*/react.styled('span')({
|
30
|
-
name: "Description",
|
31
|
-
"class": "d1nsxook",
|
32
|
-
propsAsIs: false
|
33
|
-
});
|
34
|
-
var HiddenInput = /*#__PURE__*/react.styled('input')({
|
35
|
-
name: "HiddenInput",
|
36
|
-
"class": "hzipmyu",
|
37
|
-
propsAsIs: false
|
38
|
-
});
|
39
|
-
|
40
|
-
exports.Content = Content;
|
41
|
-
exports.Description = Description;
|
42
|
-
exports.DropzoneHandlerOverlay = DropzoneHandlerOverlay;
|
43
|
-
exports.HiddenInput = HiddenInput;
|
44
|
-
exports.Title = Title;
|
45
|
-
exports.TitleWrapper = TitleWrapper;
|
46
|
-
exports.base = base;
|
47
|
-
//# sourceMappingURL=Dropzone.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Dropzone.styles.js","sources":["../../../src/components/Dropzone/Dropzone.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nexport const base = css`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n`;\n\nexport const DropzoneHandlerOverlay = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n`;\n\nexport const Content = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n user-select: none;\n`;\n\nexport const TitleWrapper = styled.div``;\n\nexport const Title = styled.span``;\n\nexport const Description = styled.span``;\n\nexport const HiddenInput = styled.input`\n display: none;\n`;\n"],"names":["base","DropzoneHandlerOverlay","styled","name","class","propsAsIs","Content","TitleWrapper","Title","Description","HiddenInput"],"mappings":";;;;;;AAGO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,sBAAsB,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO3C,EAAA;AAEM,IAAMC,OAAO,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM5B,EAAA;AAEM,IAAME,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEjC,IAAMG,KAAK,gBAAGN,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO,EAAA;AAE3B,IAAMI,WAAW,gBAAGP,YAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO,EAAA;AAEjC,IAAMK,WAAW,gBAAGR,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEhC;;;;;;;;;;"}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
.bfglrd7{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;}
|
2
|
-
.dqiwesh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
|
3
|
-
.c1afz1o5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
.hzipmyu{display:none;}
|
@@ -1,47 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var classes = {
|
6
|
-
stretch: 'dropzone-stretch',
|
7
|
-
active: 'dropzone-active',
|
8
|
-
verticalContentPlacing: 'dropzone-vertical-content-placing',
|
9
|
-
disabled: 'dropzone-disabled'
|
10
|
-
};
|
11
|
-
var privateTokens = {
|
12
|
-
width: '--plasma_private-dropzone-width',
|
13
|
-
height: '--plasma_private-dropzone-height'
|
14
|
-
};
|
15
|
-
var tokens = {
|
16
|
-
background: '--plasma-dropzone-background',
|
17
|
-
backgroundHover: '--plasma-dropzone-background-hover',
|
18
|
-
overlayColorActive: '--plasma-dropzone-overlay-color-active',
|
19
|
-
border: '--plasma-dropzone-border-color',
|
20
|
-
borderColorHover: '--plasma-dropzone-border-color-hover',
|
21
|
-
borderColorActive: '--plasma-dropzone-border-color-active',
|
22
|
-
titleColor: '--plasma-dropzone-title-color',
|
23
|
-
descriptionColor: '--plasma-dropzone-description-color',
|
24
|
-
padding: '--plasma-dropzone-padding',
|
25
|
-
borderRadius: '--plasma-dropzone-border-radius',
|
26
|
-
contentGap: '--plasma-dropzone-content-gap',
|
27
|
-
titleWrapperGap: '--plasma-dropzone-title-wrapper-gap',
|
28
|
-
titleWrapperGapColumn: '--plasma-dropzone-title-wrapper-column-gap',
|
29
|
-
titleFontFamily: '--plasma-dropzone-title-font-family',
|
30
|
-
titleFontSize: '--plasma-dropzone-title-font-size',
|
31
|
-
titleFontStyle: '--plasma-dropzone-title-font-style',
|
32
|
-
titleFontWeight: '--plasma-dropzone-title-font-weight',
|
33
|
-
titleLetterSpacing: '--plasma-dropzone-title-letter-spacing',
|
34
|
-
titleLineHeight: '--plasma-dropzone-title-line-height',
|
35
|
-
descriptionFontFamily: '--plasma-dropzone-description-font-family',
|
36
|
-
descriptionFontSize: '--plasma-dropzone-description-font-size',
|
37
|
-
descriptionFontStyle: '--plasma-dropzone-description-font-style',
|
38
|
-
descriptionFontWeight: '--plasma-dropzone-description-font-weight',
|
39
|
-
descriptionLetterSpacing: '--plasma-dropzone-description-letter-spacing',
|
40
|
-
descriptionLineHeight: '--plasma-dropzone-description-line-height',
|
41
|
-
disabledOpacity: '--plasma-dropzone-disabled-opacity'
|
42
|
-
};
|
43
|
-
|
44
|
-
exports.classes = classes;
|
45
|
-
exports.privateTokens = privateTokens;
|
46
|
-
exports.tokens = tokens;
|
47
|
-
//# sourceMappingURL=Dropzone.tokens.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Dropzone.tokens.js","sources":["../../../src/components/Dropzone/Dropzone.tokens.ts"],"sourcesContent":["export const classes = {\n stretch: 'dropzone-stretch',\n active: 'dropzone-active',\n verticalContentPlacing: 'dropzone-vertical-content-placing',\n disabled: 'dropzone-disabled',\n};\n\nexport const privateTokens = {\n width: '--plasma_private-dropzone-width',\n height: '--plasma_private-dropzone-height',\n};\n\nexport const tokens = {\n background: '--plasma-dropzone-background',\n backgroundHover: '--plasma-dropzone-background-hover',\n overlayColorActive: '--plasma-dropzone-overlay-color-active',\n border: '--plasma-dropzone-border-color',\n borderColorHover: '--plasma-dropzone-border-color-hover',\n borderColorActive: '--plasma-dropzone-border-color-active',\n\n titleColor: '--plasma-dropzone-title-color',\n descriptionColor: '--plasma-dropzone-description-color',\n\n padding: '--plasma-dropzone-padding',\n borderRadius: '--plasma-dropzone-border-radius',\n contentGap: '--plasma-dropzone-content-gap',\n titleWrapperGap: '--plasma-dropzone-title-wrapper-gap',\n titleWrapperGapColumn: '--plasma-dropzone-title-wrapper-column-gap',\n\n titleFontFamily: '--plasma-dropzone-title-font-family',\n titleFontSize: '--plasma-dropzone-title-font-size',\n titleFontStyle: '--plasma-dropzone-title-font-style',\n titleFontWeight: '--plasma-dropzone-title-font-weight',\n titleLetterSpacing: '--plasma-dropzone-title-letter-spacing',\n titleLineHeight: '--plasma-dropzone-title-line-height',\n\n descriptionFontFamily: '--plasma-dropzone-description-font-family',\n descriptionFontSize: '--plasma-dropzone-description-font-size',\n descriptionFontStyle: '--plasma-dropzone-description-font-style',\n descriptionFontWeight: '--plasma-dropzone-description-font-weight',\n descriptionLetterSpacing: '--plasma-dropzone-description-letter-spacing',\n descriptionLineHeight: '--plasma-dropzone-description-line-height',\n\n disabledOpacity: '--plasma-dropzone-disabled-opacity',\n};\n"],"names":["classes","stretch","active","verticalContentPlacing","disabled","privateTokens","width","height","tokens","background","backgroundHover","overlayColorActive","border","borderColorHover","borderColorActive","titleColor","descriptionColor","padding","borderRadius","contentGap","titleWrapperGap","titleWrapperGapColumn","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","descriptionFontFamily","descriptionFontSize","descriptionFontStyle","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","disabledOpacity"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,MAAM,EAAE,iBAAiB;AACzBC,EAAAA,sBAAsB,EAAE,mCAAmC;AAC3DC,EAAAA,QAAQ,EAAE,mBAAA;AACd,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,KAAK,EAAE,iCAAiC;AACxCC,EAAAA,MAAM,EAAE,kCAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,eAAe,EAAE,oCAAoC;AACrDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,MAAM,EAAE,gCAAgC;AACxCC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAE1DC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,gBAAgB,EAAE,qCAAqC;AAEvDC,EAAAA,OAAO,EAAE,2BAA2B;AACpCC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,qBAAqB,EAAE,4CAA4C;AAEnEC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,qCAAqC;AAEtDC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,wBAAwB,EAAE,8CAA8C;AACxEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAElEC,EAAAA,eAAe,EAAE,oCAAA;AACrB;;;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Dropzone/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Dropzone.tokens';\n\nexport const base = css`\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAKhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1t0rfqa.dropzone-disabled{opacity:var(--plasma-dropzone-disabled-opacity);cursor:not-allowed;}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Dropzone/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Dropzone.tokens';\nimport { Content, Description, DropzoneHandlerOverlay, Title, TitleWrapper } from '../../Dropzone.styles';\n\nexport const base = css`\n padding: var(${tokens.padding});\n border-radius: var(${tokens.borderRadius});\n height: var(${privateTokens.height});\n width: var(${privateTokens.width});\n\n &.${classes.stretch} {\n width: 100%;\n }\n\n ${DropzoneHandlerOverlay} {\n border-radius: var(${tokens.borderRadius});\n }\n\n ${Content} {\n gap: var(${tokens.contentGap});\n }\n\n ${TitleWrapper} {\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: var(${tokens.titleWrapperGap});\n\n &.${classes.verticalContentPlacing} {\n flex-direction: column;\n gap: var(${tokens.titleWrapperGapColumn});\n }\n }\n\n ${Title} {\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n }\n\n ${Description} {\n font-family: var(${tokens.descriptionFontFamily});\n font-size: var(${tokens.descriptionFontSize});\n font-style: var(${tokens.descriptionFontStyle});\n font-weight: var(${tokens.descriptionFontWeight});\n letter-spacing: var(${tokens.descriptionLetterSpacing});\n line-height: var(${tokens.descriptionLineHeight});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GAgDhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1q81cck{padding:var(--plasma-dropzone-padding);border-radius:var(--plasma-dropzone-border-radius);height:var(--plasma_private-dropzone-height);width:var(--plasma_private-dropzone-width);}.b1q81cck.dropzone-stretch{width:100%;}.b1q81cck .dqiwesh{border-radius:var(--plasma-dropzone-border-radius);}.b1q81cck .c1afz1o5{gap:var(--plasma-dropzone-content-gap);}.b1q81cck .twnyozc{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-dropzone-title-wrapper-gap);}.b1q81cck .twnyozc.dropzone-vertical-content-placing{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-dropzone-title-wrapper-column-gap);}.b1q81cck .tahwclk{font-family:var(--plasma-dropzone-title-font-family);font-size:var(--plasma-dropzone-title-font-size);font-style:var(--plasma-dropzone-title-font-style);font-weight:var(--plasma-dropzone-title-font-weight);-webkit-letter-spacing:var(--plasma-dropzone-title-letter-spacing);-moz-letter-spacing:var(--plasma-dropzone-title-letter-spacing);-ms-letter-spacing:var(--plasma-dropzone-title-letter-spacing);letter-spacing:var(--plasma-dropzone-title-letter-spacing);line-height:var(--plasma-dropzone-title-line-height);}.b1q81cck .d1nsxook{font-family:var(--plasma-dropzone-description-font-family);font-size:var(--plasma-dropzone-description-font-size);font-style:var(--plasma-dropzone-description-font-style);font-weight:var(--plasma-dropzone-description-font-weight);-webkit-letter-spacing:var(--plasma-dropzone-description-letter-spacing);-moz-letter-spacing:var(--plasma-dropzone-description-letter-spacing);-ms-letter-spacing:var(--plasma-dropzone-description-letter-spacing);letter-spacing:var(--plasma-dropzone-description-letter-spacing);line-height:var(--plasma-dropzone-description-line-height);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/Dropzone/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Dropzone.tokens';\nimport { Description, DropzoneHandlerOverlay, TitleWrapper } from '../../Dropzone.styles';\n\nexport const base = css`\n background: var(${tokens.background});\n border: var(${tokens.border});\n\n &:not(.${classes.active}):hover,\n &:not(.${classes.active}):focus-within {\n background: var(${tokens.backgroundHover});\n border-color: var(${tokens.borderColorHover});\n outline: none;\n }\n\n &.${classes.active} {\n border-color: var(${tokens.borderColorActive});\n\n ${DropzoneHandlerOverlay} {\n background: var(${tokens.overlayColorActive});\n }\n }\n\n ${TitleWrapper} {\n color: var(${tokens.titleColor});\n }\n\n ${Description} {\n color: var(${tokens.descriptionColor});\n }\n`;\n"],"names":["base"],"mappings":";;;;AAKO,IAAMA,IAAI,GA0BhB;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.byh8zio{background:var(--plasma-dropzone-background);border:var(--plasma-dropzone-border-color);}.byh8zio:not(.dropzone-active):hover,.byh8zio:not(.dropzone-active):focus-within{background:var(--plasma-dropzone-background-hover);border-color:var(--plasma-dropzone-border-color-hover);outline:none;}.byh8zio.dropzone-active{border-color:var(--plasma-dropzone-border-color-active);}.byh8zio.dropzone-active .dqiwesh{background:var(--plasma-dropzone-overlay-color-active);}.byh8zio .twnyozc{color:var(--plasma-dropzone-title-color);}.byh8zio .d1nsxook{color:var(--plasma-dropzone-description-color);}
|
@@ -1,24 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
-
var React = require('react');
|
7
|
-
|
8
|
-
var _path;
|
9
|
-
var ArrowBarDown = function ArrowBarDown(props) {
|
10
|
-
return /*#__PURE__*/React.createElement("svg", _rollupPluginBabelHelpers.extends({
|
11
|
-
width: "100%",
|
12
|
-
viewBox: "0 0 16 16",
|
13
|
-
fill: "none",
|
14
|
-
xmlns: "http://www.w3.org/2000/svg"
|
15
|
-
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
16
|
-
fillRule: "evenodd",
|
17
|
-
clipRule: "evenodd",
|
18
|
-
d: "M7.95833 1.875C8.23448 1.875 8.45833 2.09886 8.45833 2.375V10.4043L11.2686 7.54868C11.4623 7.35186 11.7789 7.34933 11.9757 7.54302C12.1725 7.73672 12.1751 8.05329 11.9814 8.25011L8.3147 11.9759C8.21782 12.0744 8.08453 12.1283 7.94645 12.1251C7.80837 12.1218 7.67779 12.0615 7.5857 11.9586L4.25237 8.23278C4.06824 8.02698 4.08582 7.71088 4.29162 7.52676C4.49742 7.34264 4.81351 7.36021 4.99763 7.56601L7.45833 10.3164V2.375C7.45833 2.09886 7.68219 1.875 7.95833 1.875ZM2.5 14.0001C2.5 13.724 2.72386 13.5001 3 13.5001H13C13.2761 13.5001 13.5 13.724 13.5 14.0001C13.5 14.2763 13.2761 14.5001 13 14.5001H3C2.72386 14.5001 2.5 14.2763 2.5 14.0001Z",
|
19
|
-
fill: "currentColor"
|
20
|
-
})));
|
21
|
-
};
|
22
|
-
|
23
|
-
exports.ArrowBarDown = ArrowBarDown;
|
24
|
-
//# sourceMappingURL=ArrowBarDown.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"ArrowBarDown.js","sources":["../../../../src/components/_Icon/Icon.assets/ArrowBarDown.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const ArrowBarDown: React.FC<IconProps> = (props) => (\n <svg width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.95833 1.875C8.23448 1.875 8.45833 2.09886 8.45833 2.375V10.4043L11.2686 7.54868C11.4623 7.35186 11.7789 7.34933 11.9757 7.54302C12.1725 7.73672 12.1751 8.05329 11.9814 8.25011L8.3147 11.9759C8.21782 12.0744 8.08453 12.1283 7.94645 12.1251C7.80837 12.1218 7.67779 12.0615 7.5857 11.9586L4.25237 8.23278C4.06824 8.02698 4.08582 7.71088 4.29162 7.52676C4.49742 7.34264 4.81351 7.36021 4.99763 7.56601L7.45833 10.3164V2.375C7.45833 2.09886 7.68219 1.875 7.95833 1.875ZM2.5 14.0001C2.5 13.724 2.72386 13.5001 3 13.5001H13C13.2761 13.5001 13.5 13.724 13.5 14.0001C13.5 14.2763 13.2761 14.5001 13 14.5001H3C2.72386 14.5001 2.5 14.2763 2.5 14.0001Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":["ArrowBarDown","props","React","createElement","_extends","width","viewBox","fill","xmlns","_path","fillRule","clipRule","d"],"mappings":";;;;;;;;IAIaA,YAAiC,GAAG,SAApCA,YAAiCA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBACnDC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,iCAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,4BAAA;GAAiCP,EAAAA,KAAK,GAAAQ,KAAA,KAAAA,KAAA,gBAC1FP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIO,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,qoBAAqoB;AACvoBL,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var React = require('react');
|
6
|
-
var ArrowBarDown = require('../Icon.assets/ArrowBarDown.js');
|
7
|
-
var IconRoot = require('../IconRoot.js');
|
8
|
-
|
9
|
-
var IconArrowBarDown = function IconArrowBarDown(_ref) {
|
10
|
-
var _ref$size = _ref.size,
|
11
|
-
size = _ref$size === void 0 ? 'xs' : _ref$size,
|
12
|
-
color = _ref.color,
|
13
|
-
className = _ref.className;
|
14
|
-
return /*#__PURE__*/React.createElement(IconRoot.IconRoot, {
|
15
|
-
className: className,
|
16
|
-
size: size,
|
17
|
-
color: color,
|
18
|
-
icon: ArrowBarDown.ArrowBarDown
|
19
|
-
});
|
20
|
-
};
|
21
|
-
|
22
|
-
exports.IconArrowBarDown = IconArrowBarDown;
|
23
|
-
//# sourceMappingURL=IconArrowBarDown.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"IconArrowBarDown.js","sources":["../../../../src/components/_Icon/Icons/IconArrowBarDown.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowBarDown } from '../Icon.assets/ArrowBarDown';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconArrowBarDown: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={ArrowBarDown} />;\n};\n"],"names":["IconArrowBarDown","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","ArrowBarDown"],"mappings":";;;;;;;;IAKaA,gBAAqC,GAAG,SAAxCA,gBAAqCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACjF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,yBAAAA;AAAa,GAAE,CAAC,CAAA;AAC3F;;;;"}
|