@luminati-io/uikit 3.4.13 → 3.4.14-beta.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.
@@ -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'
|