@fixefy/fixefy-ui-components 0.3.20 → 0.3.22

package/dist/FxDatesProgress/FxDatesProgress.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface DateItem {
+    label: string;
+    value: string;
+    placeholder: string;
+}
+export declare const FxDatesProgress: ({ start, end, progressValue, width, height, }: {
+    start: DateItem;
+    end: DateItem;
+    progressValue: number;
+    width?: string;
+    height?: string;
+}) => React.JSX.Element;

package/dist/FxDatesProgress/FxDatesProgress.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxDatesProgress", {
+    enumerable: true,
+    get: function() {
+        return FxDatesProgress;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_default(require("react"));
+const _FxStyledComponents = require("../FxStyledComponents");
+const _progressstyles = require("./styles/progress.styles");
+const _fixefyuiutils = require("@fixefy/fixefy-ui-utils");
+const _material = require("@mui/material");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+const FxDatesProgress = ({ start, end, progressValue, width, height })=>{
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+        sx: {
+            width: width || '199px',
+            height: height || '44px'
+        },
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                sx: {
+                    display: 'flex',
+                    justifyContent: 'space-between',
+                    mb: 1
+                },
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledComponents.Label, {
+                                children: (0, _fixefyuiutils.titleCase)(start.label)
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                children: start.value || (0, _fixefyuiutils.titleCase)(start.placeholder)
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, _jsxruntime.jsxs)(_material.Box, {
+                        children: [
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FxStyledComponents.Label, {
+                                children: (0, _fixefyuiutils.titleCase)(end.label)
+                            }),
+                            /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Typography, {
+                                children: end.value || (0, _fixefyuiutils.titleCase)(end.placeholder)
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_progressstyles.Progress, {
+                value: progressValue,
+                variant: "determinate"
+            })
+        ]
+    });
+};

package/dist/FxDatesProgress/index.d.ts

@@ -0,0 +1 @@
+export { FxDatesProgress } from './FxDatesProgress';

package/dist/FxDatesProgress/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "FxDatesProgress", {
+    enumerable: true,
+    get: function() {
+        return _FxDatesProgress.FxDatesProgress;
+    }
+});
+const _FxDatesProgress = require("./FxDatesProgress");

package/dist/FxDatesProgress/styles/progress.styles.d.ts

@@ -0,0 +1 @@
+export declare const Progress: StyledComponent<ComponentProps, SpecificComponentProps, JSXProps>;

package/dist/FxDatesProgress/styles/progress.styles.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Progress", {
+    enumerable: true,
+    get: function() {
+        return Progress;
+    }
+});
+const _material = require("@mui/material");
+const Progress = (0, _material.styled)(_material.LinearProgress)(({ theme })=>({
+        borderRadius: '20px',
+        backgroundColor: '#E7EEF0',
+        '& .MuiLinearProgress-barColorPrimary': {
+            backgroundColor: theme.palette.primary['500']
+        }
+    }));

package/dist/index.d.ts

@@ -4,6 +4,7 @@ export { FxAsyncDropdown, Option, StylesOptions, AsyncDropdownPropsType } from '
 export { FxAvatar, AvatarPropsType, BackgroundColorsType } from './FxAvatar';
 export { FxButton, ButtonPropsType } from './FxButton';
 export { FxChip, ChipPropsType } from './FxChip';
+export { FxDatesProgress } from './FxDatesProgress';
 export { FxIcon } from './FxIcon';
 export { FxMenuItemWithIcon } from './FxMenuItemWithIcon';
 export { FxModal, ModalPropsType } from './FxModal';

package/dist/index.js

@@ -63,6 +63,9 @@ _export(exports, {
     FxChip: function() {
         return _FxChip.FxChip;
     },
+    FxDatesProgress: function() {
+        return _FxDatesProgress.FxDatesProgress;
+    },
     FxIcon: function() {
         return _FxIcon.FxIcon;
     },
@@ -229,6 +232,7 @@ const _FxAsyncDropdown = require("./FxAsyncDropdown");
 const _FxAvatar = require("./FxAvatar");
 const _FxButton = require("./FxButton");
 const _FxChip = require("./FxChip");
+const _FxDatesProgress = require("./FxDatesProgress");
 const _FxIcon = require("./FxIcon");
 const _FxMenuItemWithIcon = require("./FxMenuItemWithIcon");
 const _FxModal = require("./FxModal");

package/package.json

@@ -67,5 +67,5 @@
       "require": "./dist/index.js"
     }
   },
-  "version": "0.3.20"
+  "version": "0.3.22"
 }