@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 styled_components__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! styled-components */ "styled-components");
33188
- /* harmony import */ var styled_components__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(styled_components__WEBPACK_IMPORTED_MODULE_0__);
33189
- /* harmony import */ var _layout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../layout */ "./src/layout/index.js");
33190
- /* harmony import */ var _typography__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../typography */ "./src/typography/index.js");
33191
- /* harmony import */ var _icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../icon */ "./src/icon.js");
33192
- /* harmony import */ var _theme__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../theme */ "./src/theme.js");
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__*/React.createElement("div", dragProvided.dragHandleProps, children);
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__*/React.createElement(DraggedContainer, {
33217
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(DraggedContainer, {
33215
33218
  $dragging: isDragging
33216
- }, /*#__PURE__*/React.createElement(Dragger, null, !disableDrag && /*#__PURE__*/React.createElement(_icon__WEBPACK_IMPORTED_MODULE_3__.Icon, {
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__*/React.createElement(Truncated_label, {
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 = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_layout__WEBPACK_IMPORTED_MODULE_1__.Flex).attrs({
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:", ";}", ""], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_2, function (props) {
33236
- return props.$dragging && (0,styled_components__WEBPACK_IMPORTED_MODULE_0__.css)(["background-color:", ";"], _theme__WEBPACK_IMPORTED_MODULE_4__["default"].color.gray_3);
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 = styled_components__WEBPACK_IMPORTED_MODULE_0___default()(_typography__WEBPACK_IMPORTED_MODULE_2__.Label).withConfig({
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__*/React.createElement("div", _extends({}, provided.draggableProps, {
33304
+ return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement("div", _extends({}, provided.draggableProps, {
33302
33305
  ref: provided.innerRef
33303
- }), /*#__PURE__*/React.createElement(DragComp, _extends({}, item, {
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__*/React.createElement(Comp, _extends({}, section, {
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__*/React.createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_7__.Droppable, {
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__*/React.createElement("div", _extends({}, drop_provided.droppableProps, {
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__*/React.createElement(EmptyComp, null), items.map(function (item, i) {
33319
- return /*#__PURE__*/React.createElement(react_beautiful_dnd__WEBPACK_IMPORTED_MODULE_7__.Draggable, {
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__*/React.createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
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__*/React.createElement(SectionFlex, {
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__*/React.createElement(_typography__WEBPACK_IMPORTED_MODULE_4__.Label, {
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'