@idea-fragments/react-components-zendesk 0.1.15 → 0.1.16
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/hooks.js +14 -6
- package/dist/hooks.js.map +1 -1
- package/dist/types/components/loaders/TranslucentLoader.d.ts +4 -1
- package/dist/types/components/loaders/TranslucentLoader.d.ts.map +1 -1
- package/dist/types/components/loaders/TranslucentLoader.stories.d.ts +3 -1
- package/dist/types/components/loaders/TranslucentLoader.stories.d.ts.map +1 -1
- package/dist/types/components/tooltips/Tooltip.d.ts +1 -1
- package/dist/types/hooks/useLoaderV2.d.ts +2 -0
- package/dist/types/hooks/useLoaderV2.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/hooks.js
CHANGED
|
@@ -9491,15 +9491,19 @@ var useLoader = function () {
|
|
|
9491
9491
|
};
|
|
9492
9492
|
|
|
9493
9493
|
var TranslucentLoader = function (_a) {
|
|
9494
|
-
var
|
|
9494
|
+
var _css = _a._css,
|
|
9495
|
+
children = _a.children,
|
|
9495
9496
|
className = _a.className,
|
|
9497
|
+
fluid = _a.fluid,
|
|
9496
9498
|
innerAs = _a.innerAs,
|
|
9497
9499
|
_b = _a.isLoading,
|
|
9498
9500
|
isLoading = _b === void 0 ? true : _b;
|
|
9499
9501
|
var theme = React.useContext(styled.ThemeContext);
|
|
9500
9502
|
return jsxRuntime.jsxs(Container, __assign({
|
|
9501
9503
|
as: innerAs,
|
|
9502
|
-
className: className
|
|
9504
|
+
className: className,
|
|
9505
|
+
_css: _css,
|
|
9506
|
+
fluid: fluid
|
|
9503
9507
|
}, {
|
|
9504
9508
|
children: [children, isLoading ? jsxRuntime.jsx(SpinnerContainer, __assign({
|
|
9505
9509
|
alignItems: "center",
|
|
@@ -9513,7 +9517,13 @@ var TranslucentLoader = function (_a) {
|
|
|
9513
9517
|
};
|
|
9514
9518
|
|
|
9515
9519
|
TranslucentLoader = styled__default["default"](TranslucentLoader)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
|
|
9516
|
-
var Container = styled__default["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])))
|
|
9520
|
+
var Container = styled__default["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: relative;\n ", "\n ", "\n"], ["\n position: relative;\n ", "\n ", "\n"])), function (_a) {
|
|
9521
|
+
var fluid = _a.fluid;
|
|
9522
|
+
return fluid ? "width: 100%; height: 100%; flex: 1" : "";
|
|
9523
|
+
}, function (_a) {
|
|
9524
|
+
var _css = _a._css;
|
|
9525
|
+
return _css ? _css : "";
|
|
9526
|
+
});
|
|
9517
9527
|
var SpinnerContainer = styled__default["default"](FlexBox)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: white;\n opacity: .7;\n top: 0;\n left: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n"], ["\n background: white;\n opacity: .7;\n top: 0;\n left: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n"])));
|
|
9518
9528
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
9519
9529
|
|
|
@@ -9563,11 +9573,9 @@ var useLoaderV2 = function () {
|
|
|
9563
9573
|
var Loader = React.useMemo(function () {
|
|
9564
9574
|
return function (_a) {
|
|
9565
9575
|
var as = _a.as,
|
|
9566
|
-
|
|
9567
|
-
props = __rest(_a, ["as", "cssStyles"]);
|
|
9576
|
+
props = __rest(_a, ["as"]);
|
|
9568
9577
|
|
|
9569
9578
|
return jsxRuntime.jsx(TranslucentLoader, __assign({}, props, {
|
|
9570
|
-
css: cssStyles,
|
|
9571
9579
|
innerAs: as,
|
|
9572
9580
|
isLoading: loading
|
|
9573
9581
|
}));
|