@xelto.npm/xc2-lib 0.0.26 → 0.0.27

package/dist/cjs/types/components/bottomBar/BottomBarComponent.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const BottomBarComponent: ({ buttons, ...props }: {
+    [x: string]: any;
+    buttons: any;
+}) => JSX.Element;
+export default BottomBarComponent;

package/dist/cjs/types/components/bottomBar/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./BottomBarComponent";

package/dist/cjs/types/components/index.d.ts

@@ -3,3 +3,4 @@ export { default as Typography } from "./typography";
 export { default as Button } from "./buttons/customButton";
 export { default as Illustration } from "./foundations/illustration";
 export { default as Icon } from "./foundations/icon";
+export { default as BottomBar } from "./bottomBar";

package/dist/esm/index.js

@@ -28020,5 +28020,43 @@ var Icon = function (_a) {
     return (jsxRuntime.exports.jsxs(StyledIconWrapper, __assign({}, rest, { ref: forwardedRef, className: "".concat(color, " ").concat(size), color: color, size: size, iconName: iconName }, { children: [iconName === 'icon_wf_search' && jsxRuntime.exports.jsx(SvgIconWfSearch, {}), iconName === 'icon_wf_locked' && jsxRuntime.exports.jsx(SvgIconWfLocked, {}), iconName === 'icon_wf_download' && jsxRuntime.exports.jsx(SvgIconWfDownload, {}), iconName === 'icon_wf_remove' && jsxRuntime.exports.jsx(SvgIconWfRemove, {}), iconName === 'icon_wf_logout' && jsxRuntime.exports.jsx(SvgIconWfLogout, {}), iconName === 'icon_wf_edit' && jsxRuntime.exports.jsx(SvgIconWfEdit, {}), iconName === 'icon_wf_settings_or_filter' && jsxRuntime.exports.jsx(SvgIconWfSettingsOrFilter, {}), iconName === 'icon_wf_barcode_1d' && jsxRuntime.exports.jsx(SvgIconWfBarcode1D, {}), iconName === 'icon_wf_barcode_2d' && jsxRuntime.exports.jsx(SvgIconWfBarcode2D, {}), iconName === 'icon_wf_barcode_printer' && jsxRuntime.exports.jsx(SvgIconWfBarcodePrinter, {}), iconName === 'icon_wf_box' && jsxRuntime.exports.jsx(SvgIconWfBox, {}), iconName === 'icon_wf_calculator' && jsxRuntime.exports.jsx(SvgIconWfCalculator, {}), iconName === 'icon_wf_calendar' && jsxRuntime.exports.jsx(SvgIconWfCalendar, {}), iconName === 'icon_wf_car' && jsxRuntime.exports.jsx(SvgIconWfCar, {}), iconName === 'icon_wf_forklift' && jsxRuntime.exports.jsx(SvgIconWfForklift, {}), iconName === 'icon_wf_invoice' && jsxRuntime.exports.jsx(SvgIconWfInvoice, {}), iconName === 'icon_wf_keyboard' && jsxRuntime.exports.jsx(SvgIconWfKeyboard, {}), iconName === 'icon_wf_logs' && jsxRuntime.exports.jsx(SvgIconWfLogs, {}), iconName === 'icon_wf_no_barcode_printer' && jsxRuntime.exports.jsx(SvgIconWfNoBarcodePrinter, {}), iconName === 'icon_wf_no_scan' && jsxRuntime.exports.jsx(SvgIconWfNoScan, {}), iconName === 'icon_wf_pallet' && jsxRuntime.exports.jsx(SvgIconWfPallet, {}), iconName === 'icon_wf_pin' && jsxRuntime.exports.jsx(SvgIconWfPin, {}), iconName === 'icon_wf_scan' && jsxRuntime.exports.jsx(SvgIconWfScan, {}), iconName === 'icon_wf_send' && jsxRuntime.exports.jsx(SvgIconWfSend, {}), iconName === 'icon_wf_status_ksef' && jsxRuntime.exports.jsx(SvgIconWfStatusKsef, {}), iconName === 'icon_wf_stop' && jsxRuntime.exports.jsx(SvgIconWfStop, {}), iconName === 'icon_wf_unpin' && jsxRuntime.exports.jsx(SvgIconWfUnpin, {}), iconName === 'icon_wf_refresh' && jsxRuntime.exports.jsx(SvgIconWfRefresh, {}), iconName === 'icon_ui_close' && jsxRuntime.exports.jsx(SvgIconUiClose, {}), iconName === 'icon_ui_chevron_up' && jsxRuntime.exports.jsx(SvgIconUiChevronUp, {}), iconName === 'icon_ui_chevron_down' && jsxRuntime.exports.jsx(SvgIconUiChevronDown, {}), iconName === 'icon_ui_chevron_right' && jsxRuntime.exports.jsx(SvgIconUiChevronRight, {}), iconName === 'icon_ui_chevron_left' && jsxRuntime.exports.jsx(SvgIconUiChevronLeft, {}), iconName === 'icon_sp_check_mark' && jsxRuntime.exports.jsx(SvgIconSpCheckMark, {}), iconName === 'icon_sp_warning' && jsxRuntime.exports.jsx(SvgIconSpWarning, {}), iconName === 'icon_sp_info' && jsxRuntime.exports.jsx(SvgIconSpInfo, {}), iconName === 'icon_sp_info_2' && jsxRuntime.exports.jsx(SvgIconSpInfo2, {}), iconName === 'icon_burger_menu' && jsxRuntime.exports.jsx(SvgMenuBurger, {}), iconName === 'icon_update' && jsxRuntime.exports.jsx(SvgUpdateIcon, {}), iconName === 'icon_checkbox_default' && jsxRuntime.exports.jsx(SvgCheckboxDefault, {}), iconName === 'icon_checkbox_checked' && jsxRuntime.exports.jsx(SvgCheckboxChecked, {}), iconName === 'icon_checkbox_indeterminate' && jsxRuntime.exports.jsx(SvgChecbkoxIndeterminate, {})] })));
 };
 
-export { AppTileComponent as AppTile, CustomButtonComponent as Button, Icon, Illustration, TypographyComponent as Typography };
+var StyledBottomBarWrapper = styled(Box)(function (_a) {
+    return ({
+        boxSizing: 'border-box',
+        width: '100%',
+        height: '80px',
+        backgroundColor: theme.mainPallete.primary.white,
+        boxShadow: '0 -3px 6px rgba(0,0,0,0.1)',
+        display: 'flex',
+        justifyContent: 'space-between',
+        alignItems: 'center',
+        padding: '0 18px',
+        position: 'fixed',
+        bottom: 0,
+        left: 0,
+        zIndex: 5,
+        'button': {
+            marginLeft: 10,
+            '&:first-child': {
+                marginLeft: 0,
+            }
+        },
+    });
+});
+// @ts-ignore
+var BottomBarComponent = function (_a) {
+    var buttons = _a.buttons, props = __rest(_a, ["buttons"]);
+    return (jsxRuntime.exports.jsx(StyledBottomBarWrapper, __assign({}, props, { children: buttons.map(function (item) {
+            var disabled = (item === null || item === void 0 ? void 0 : item.disabled) || false;
+            var fluid = (item === null || item === void 0 ? void 0 : item.fluid) || true;
+            var onClick = (item === null || item === void 0 ? void 0 : item.onClick) || '';
+            var type = (item === null || item === void 0 ? void 0 : item.type) || 'primary';
+            var text = (item === null || item === void 0 ? void 0 : item.text) || '';
+            var color = (item === null || item === void 0 ? void 0 : item.color) || 'navy-blue';
+            var size = (item === null || item === void 0 ? void 0 : item.size) || 'small';
+            return (jsxRuntime.exports.jsx(CustomButtonComponent, { disabled: disabled, fluid: fluid, onClick: onClick && typeof onClick === "function" ? onClick : null, type: type, text: text, color: color, size: size, resolution: undefined, width: undefined, forwardedRef: undefined }));
+        }) })));
+};
+
+export { AppTileComponent as AppTile, BottomBarComponent as BottomBar, CustomButtonComponent as Button, Icon, Illustration, TypographyComponent as Typography };
 //# sourceMappingURL=index.js.map