@luminati-io/uikit 3.1.0 → 3.1.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/index.js +23 -23
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +23 -23
- package/dist/esm/index.js.map +1 -1
- package/dist/umd/uikit.development.js +23 -23
- package/dist/umd/uikit.development.js.map +1 -1
- package/dist/umd/uikit.production.min.js +1 -1
- package/package.json +1 -1
@@ -26022,16 +26022,16 @@ var FieldWrapper = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().for
|
|
26022
26022
|
labelIcon: labelIcon,
|
26023
26023
|
required: required
|
26024
26024
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputContentWrapper, {
|
26025
|
-
heightCalculationCallback: heightCalculationCallback
|
26025
|
+
$heightCalculationCallback: heightCalculationCallback
|
26026
26026
|
}, leftOuterContent && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(LeftOuterContentWrapper, null, leftOuterContent), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(InputWrapper, {
|
26027
26027
|
ref: innerWrapper,
|
26028
|
-
active: active,
|
26029
|
-
disabled: disabled,
|
26030
|
-
invalid: invalid,
|
26031
|
-
leftOuterContent: leftOuterContent,
|
26032
|
-
rightOuterContent: rightOuterContent,
|
26033
|
-
heightCalculationCallback: heightCalculationCallback,
|
26034
|
-
verticalAlign: verticalAlign,
|
26028
|
+
$active: active,
|
26029
|
+
$disabled: disabled,
|
26030
|
+
$invalid: invalid,
|
26031
|
+
$leftOuterContent: leftOuterContent,
|
26032
|
+
$rightOuterContent: rightOuterContent,
|
26033
|
+
$heightCalculationCallback: heightCalculationCallback,
|
26034
|
+
$verticalAlign: verticalAlign,
|
26035
26035
|
onClick: onWrapperClick
|
26036
26036
|
}, leftInnerContent, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default().createElement(Field, _extends({}, props.inputProps, {
|
26037
26037
|
ref: field,
|
@@ -26137,46 +26137,46 @@ var InputContentWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default
|
|
26137
26137
|
displayName: "InputContentWrapper",
|
26138
26138
|
componentId: "sc-r60v1b-5"
|
26139
26139
|
})(["", " border-radius:4px;"], function (props) {
|
26140
|
-
return props
|
26140
|
+
return props.$heightCalculationCallback();
|
26141
26141
|
});
|
26142
26142
|
var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.withConfig({
|
26143
26143
|
displayName: "InputWrapper",
|
26144
26144
|
componentId: "sc-r60v1b-6"
|
26145
26145
|
})(["width:100%;border:1px solid;border-radius:4px;box-sizing:border-box;font-family:", ";padding:", "px ", "px;overflow:auto;display:flex;gap:8px;align-items:", ";", " ", " ", ""], _theme__WEBPACK_IMPORTED_MODULE_6__["default"].font_family.sans, inputVerticalPadding, inputHorizontalPadding, function (props) {
|
26146
|
-
return props
|
26146
|
+
return props.$verticalAlign;
|
26147
26147
|
}, function (props) {
|
26148
|
-
var leftOuterContent = props
|
26149
|
-
rightOuterContent = props
|
26148
|
+
var $leftOuterContent = props.$leftOuterContent,
|
26149
|
+
$rightOuterContent = props.$rightOuterContent;
|
26150
26150
|
var borderTopLeftRadius = 4;
|
26151
26151
|
var borderBottomLeftRadius = 4;
|
26152
26152
|
var borderTopRightRadius = 4;
|
26153
26153
|
var borderBottomRightRadius = 4;
|
26154
26154
|
var borderLeftWidth = 1;
|
26155
26155
|
var borderRightWidth = 1;
|
26156
|
-
if (leftOuterContent) {
|
26156
|
+
if ($leftOuterContent) {
|
26157
26157
|
borderTopLeftRadius = borderBottomLeftRadius = 0;
|
26158
26158
|
borderLeftWidth = 0;
|
26159
26159
|
}
|
26160
|
-
if (rightOuterContent) {
|
26160
|
+
if ($rightOuterContent) {
|
26161
26161
|
borderTopRightRadius = borderBottomRightRadius = 0;
|
26162
26162
|
borderRightWidth = 0;
|
26163
26163
|
}
|
26164
26164
|
return (0,styled_components__WEBPACK_IMPORTED_MODULE_2__.css)(["border-left-width:", ";border-right-width:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";border-top-right-radius:", ";border-bottom-right-radius:", ";"], (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderLeftWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderRightWidth), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderTopLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderBottomLeftRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderTopRightRadius), (0,_utils__WEBPACK_IMPORTED_MODULE_9__.toPixel)(borderBottomRightRadius));
|
26165
26165
|
}, function (props) {
|
26166
|
-
var _props
|
26167
|
-
return (_props
|
26166
|
+
var _props$$heightCalcula;
|
26167
|
+
return (_props$$heightCalcula = props.$heightCalculationCallback) === null || _props$$heightCalcula === void 0 ? void 0 : _props$$heightCalcula.call(props);
|
26168
26168
|
}, function (props) {
|
26169
26169
|
var borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_7;
|
26170
26170
|
var boxShadow = 'none';
|
26171
26171
|
var color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_11_50;
|
26172
26172
|
var backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.white;
|
26173
26173
|
var cursor = 'text';
|
26174
|
-
if (props
|
26174
|
+
if (props.$disabled) {
|
26175
26175
|
color = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_9;
|
26176
26176
|
borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_6;
|
26177
26177
|
backgroundColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.gray_2;
|
26178
26178
|
cursor = 'default';
|
26179
|
-
} else if (props
|
26179
|
+
} else if (props.$invalid) borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.red_11;else if (props.$active) {
|
26180
26180
|
borderColor = _theme__WEBPACK_IMPORTED_MODULE_6__["default"].color.blue_11;
|
26181
26181
|
boxShadow = "0px 0px 0px 2px rgba(0, 106, 220, 0.4)";
|
26182
26182
|
}
|
@@ -26184,7 +26184,7 @@ var InputWrapper = styled_components__WEBPACK_IMPORTED_MODULE_2___default().div.
|
|
26184
26184
|
});
|
26185
26185
|
InputWrapper.displayName = 'InputWrapper';
|
26186
26186
|
InputWrapper.defaultProps = {
|
26187
|
-
verticalAlign: 'normal'
|
26187
|
+
$verticalAlign: 'normal'
|
26188
26188
|
};
|
26189
26189
|
var HelperText = function HelperText(props) {
|
26190
26190
|
var children = props.children,
|
@@ -29154,7 +29154,7 @@ var HeaderCell = function HeaderCell(props) {
|
|
29154
29154
|
return setHovered(false);
|
29155
29155
|
}
|
29156
29156
|
}), canResize && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(HeaderCellResizer, _extends({}, getResizerProps(), {
|
29157
|
-
isResizing: isResizing
|
29157
|
+
$isResizing: isResizing
|
29158
29158
|
}))));
|
29159
29159
|
};
|
29160
29160
|
HeaderCell.displayName = 'HeaderCell';
|
@@ -29178,7 +29178,7 @@ var HeaderCellResizer = styled_components__WEBPACK_IMPORTED_MODULE_1___default()
|
|
29178
29178
|
displayName: "HeaderCellResizer",
|
29179
29179
|
componentId: "sc-8zg5t0-3"
|
29180
29180
|
})(["display:inline-block;width:10px;height:100%;position:absolute;right:0;top:0;transform:translateX(50%);z-index:", ";touch-action:none;", ""], _constants__WEBPACK_IMPORTED_MODULE_5__.Z_INDEX.cellResizer, function (props) {
|
29181
|
-
if (props
|
29181
|
+
if (props.$isResizing) {
|
29182
29182
|
return (0,styled_components__WEBPACK_IMPORTED_MODULE_1__.css)(["&:after{content:\" \";display:block;width:2px;height:24px;background:", ";position:absolute;bottom:0;left:4px;}"], _theme__WEBPACK_IMPORTED_MODULE_2__["default"].color.blue_10);
|
29183
29183
|
}
|
29184
29184
|
});
|
@@ -29276,7 +29276,7 @@ var HeaderFunctions = function HeaderFunctions(props) {
|
|
29276
29276
|
}, item));
|
29277
29277
|
}));
|
29278
29278
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0___default().createElement(MenuPopover, {
|
29279
|
-
visible: visible,
|
29279
|
+
$visible: visible,
|
29280
29280
|
popoverProps: {
|
29281
29281
|
menu: menu
|
29282
29282
|
}
|
@@ -29291,7 +29291,7 @@ var MenuButton = styled_components__WEBPACK_IMPORTED_MODULE_1___default()(_icon_
|
|
29291
29291
|
icon: 'DotsHorizontal',
|
29292
29292
|
onClick: props.popover.toggle,
|
29293
29293
|
style: {
|
29294
|
-
visibility: props
|
29294
|
+
visibility: props.$visible ? 'visible' : 'hidden'
|
29295
29295
|
}
|
29296
29296
|
};
|
29297
29297
|
}).withConfig({
|