@luminati-io/uikit 3.1.0 → 3.1.1
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.
- 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({
|