@luminati-io/uikit 3.4.13 → 3.4.14-beta.0
Sign up to get free protection for your applications and to get access to all the features.
@@ -33184,12 +33184,14 @@ __webpack_require__.r(__webpack_exports__);
|
|
33184
33184
|
/* harmony export */ DraggableItem: () => (/* binding */ DraggableItem),
|
33185
33185
|
/* harmony export */ DraggerFunc: () => (/* binding */ DraggerFunc)
|
33186
33186
|
/* harmony export */ });
|
33187
|
-
/* harmony import */ var
|
33188
|
-
/* harmony import */ var
|
33189
|
-
/* harmony import */ var
|
33190
|
-
/* harmony import */ var
|
33191
|
-
/* harmony import */ var
|
33192
|
-
/* harmony import */ var
|
33187
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
|
33188
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
|
33189
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! styled-components */ "styled-components");
|
33190
|
+
/* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_1__);
|
33191
|
+
/* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
|
33192
|
+
/* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../typography */ "./src/typography/index.js");
|
33193
|
+
/* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../icon */ "./src/icon.js");
|
33194
|
+
/* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../theme */ "./src/theme.js");
|
33193
33195
|
// LICENSE_CODE ZON
|
33194
33196
|
|
33195
33197
|
|
@@ -33199,10 +33201,11 @@ __webpack_require__.r(__webpack_exports__);
|
|
33199
33201
|
|
33200
33202
|
|
33201
33203
|
|
33204
|
+
|
33202
33205
|
var DraggerFunc = function DraggerFunc(dragProvided) {
|
33203
33206
|
return function DraggerComp(_ref) {
|
33204
33207
|
var children = _ref.children;
|
33205
|
-
return /*#__PURE__*/
|
33208
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement("div", dragProvided.dragHandleProps, children);
|
33206
33209
|
};
|
33207
33210
|
};
|
33208
33211
|
var DraggableItem = function DraggableItem(props) {
|
@@ -33211,20 +33214,20 @@ var DraggableItem = function DraggableItem(props) {
|
|
33211
33214
|
children = props.children,
|
33212
33215
|
Dragger = props.Dragger,
|
33213
33216
|
isDragging = props.isDragging;
|
33214
|
-
return /*#__PURE__*/
|
33217
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DraggedContainer, {
|
33215
33218
|
$dragging: isDragging
|
33216
|
-
}, /*#__PURE__*/
|
33219
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Dragger, null, !disableDrag && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(_icon__WEBPACK_IMPORTED_MODULE_4__.Icon, {
|
33217
33220
|
name: "DragAndDrop",
|
33218
33221
|
size: "xs",
|
33219
33222
|
color: "gray_9",
|
33220
33223
|
verticalAlign: "sub"
|
33221
|
-
})), name && /*#__PURE__*/
|
33224
|
+
})), name && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(Truncated_label, {
|
33222
33225
|
variant: "lg",
|
33223
33226
|
color: "gray_11_50"
|
33224
33227
|
}, name), children);
|
33225
33228
|
};
|
33226
33229
|
DraggableItem.displayName = 'DraggableItem';
|
33227
|
-
var DraggedContainer =
|
33230
|
+
var DraggedContainer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_layout__WEBPACK_IMPORTED_MODULE_2__.Flex).attrs({
|
33228
33231
|
align_items: 'center',
|
33229
33232
|
height: '32px',
|
33230
33233
|
padding: '0 12px',
|
@@ -33232,10 +33235,10 @@ var DraggedContainer = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(
|
|
33232
33235
|
}).withConfig({
|
33233
33236
|
displayName: "DraggedContainer",
|
33234
33237
|
componentId: "sc-167vnen-0"
|
33235
|
-
})(["border-radius:4px;&:hover{background-color:", ";}", ""],
|
33236
|
-
return props.$dragging && (0,
|
33238
|
+
})(["border-radius:4px;&:hover{background-color:", ";}", ""], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_2, function (props) {
|
33239
|
+
return props.$dragging && (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["background-color:", ";"], _theme__WEBPACK_IMPORTED_MODULE_5__["default"].color.gray_3);
|
33237
33240
|
});
|
33238
|
-
var Truncated_label =
|
33241
|
+
var Truncated_label = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_typography__WEBPACK_IMPORTED_MODULE_3__.Label).withConfig({
|
33239
33242
|
displayName: "Truncated_label",
|
33240
33243
|
componentId: "sc-167vnen-1"
|
33241
33244
|
})(["overflow:hidden;text-overflow:ellipsis;"]);
|
@@ -33298,25 +33301,25 @@ var DroppableArea = function DroppableArea(props) {
|
|
33298
33301
|
var DragComp = props.DragComp || _draggable__WEBPACK_IMPORTED_MODULE_6__.DraggableItem;
|
33299
33302
|
var EmptyComp = props.EmptyComp || EmptyDrop;
|
33300
33303
|
var get_draggable = (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(function (provided, snapshot, item) {
|
33301
|
-
return /*#__PURE__*/
|
33304
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", _extends({}, provided.draggableProps, {
|
33302
33305
|
ref: provided.innerRef
|
33303
|
-
}), /*#__PURE__*/
|
33306
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(DragComp, _extends({}, item, {
|
33304
33307
|
Dragger: (0,_draggable__WEBPACK_IMPORTED_MODULE_6__.DraggerFunc)(provided),
|
33305
33308
|
isDragging: snapshot.isDragging
|
33306
33309
|
})));
|
33307
33310
|
}, [DragComp]);
|
33308
|
-
return /*#__PURE__*/
|
33311
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Comp, _extends({}, section, {
|
33309
33312
|
index: dropIndex,
|
33310
33313
|
isFirst: isFirst,
|
33311
33314
|
isLast: isLast,
|
33312
33315
|
containerDirection: containerDirection
|
33313
|
-
}), /*#__PURE__*/
|
33316
|
+
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_7__.Droppable, {
|
33314
33317
|
droppableId: 'drop' + dropIndex
|
33315
33318
|
}, function (drop_provided, drop_snapshot) {
|
33316
|
-
return /*#__PURE__*/
|
33319
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", _extends({}, drop_provided.droppableProps, {
|
33317
33320
|
ref: drop_provided.innerRef
|
33318
|
-
}), !(items !== null && items !== void 0 && items.length) && /*#__PURE__*/
|
33319
|
-
return /*#__PURE__*/
|
33321
|
+
}), !(items !== null && items !== void 0 && items.length) && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(EmptyComp, null), items.map(function (item, i) {
|
33322
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_7__.Draggable, {
|
33320
33323
|
key: item.id,
|
33321
33324
|
draggableId: item.id,
|
33322
33325
|
index: i
|
@@ -33327,7 +33330,7 @@ var DroppableArea = function DroppableArea(props) {
|
|
33327
33330
|
}));
|
33328
33331
|
};
|
33329
33332
|
var EmptyDrop = function EmptyDrop() {
|
33330
|
-
return /*#__PURE__*/
|
33333
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
|
33331
33334
|
color: "gray_8",
|
33332
33335
|
variant: "xs",
|
33333
33336
|
style: {
|
@@ -33337,11 +33340,11 @@ var EmptyDrop = function EmptyDrop() {
|
|
33337
33340
|
}, "Empty");
|
33338
33341
|
};
|
33339
33342
|
var DropComp = function DropComp(props) {
|
33340
|
-
return /*#__PURE__*/
|
33343
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(SectionFlex, {
|
33341
33344
|
flex_direction: "column",
|
33342
33345
|
$last: props.isLast,
|
33343
33346
|
$direction: props.containerDirection
|
33344
|
-
}, /*#__PURE__*/
|
33347
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
|
33345
33348
|
style: {
|
33346
33349
|
marginTop: '6px',
|
33347
33350
|
marginBottom: '6px'
|