@portnet/ui 2.0.1 → 2.0.4

package/dist/config/theme.js

@@ -0,0 +1,183 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.theme = exports.commonStyles = void 0;
+require("core-js/modules/es.parse-int.js");
+var _styles = require("@mui/material/styles");
+var _apperance = require("./apperance");
+// Theme.js - Fichier de configuration de thème partagé pour tous les composants
+
+// Variables de style communes
+const commonStyles = exports.commonStyles = {
+  // Couleurs
+  colors: {
+    headerBackground: '#f5f8fa',
+    rowBackgroundOdd: '#ffffff',
+    rowBackgroundEven: '#F6F9FF',
+    hoverBackground: 'rgba(149, 199, 252, 0.15)',
+    selectedBackground: 'rgba(149, 199, 252, 0.25)',
+    selectedHoverBackground: 'rgba(149, 199, 252, 0.35)',
+    borderLight: 'rgba(224, 224, 224, 0.3)',
+    borderMedium: 'rgba(224, 224, 224, 0.5)',
+    borderFocus: 'rgba(149, 199, 252, 0.3)',
+    shadowLight: 'rgba(0, 0, 0, 0.05)',
+    shadowMedium: 'rgba(0, 0, 0, 0.08)'
+  },
+  // Typographie
+  typography: {
+    fontSizeSmall: '0.8em',
+    fontSizeDefault: '0.85em',
+    fontSizeMedium: '0.9em',
+    letterSpacing: '0.5px',
+    lineHeight: '1.3em'
+  },
+  // Espacement
+  spacing: {
+    cellPaddingY: '6px',
+    cellPaddingX: '12px',
+    headerPadding: '8px 0'
+  },
+  // Dimensions
+  sizes: {
+    borderRadius: '8px',
+    buttonHeight: '30px',
+    headerHeight: '48px',
+    footerHeight: '40px',
+    rowHeight: '40px'
+  },
+  // Transitions
+  transitions: {
+    hover: 'background-color 0.2s ease',
+    fade: 'opacity 0.3s ease-in-out'
+  },
+  // Ombres
+  shadows: {
+    elevation: '0 6px 16px rgba(0, 0, 0, 0.08)',
+    subtle: '2px 0 5px rgba(0, 0, 0, 0.05)'
+  }
+};
+
+// Créer un thème Material-UI basé sur notre configuration
+const theme = exports.theme = (0, _styles.createTheme)({
+  palette: {
+    primary: {
+      main: _apperance.palette.primary
+    },
+    secondary: {
+      main: _apperance.palette.secondary
+    },
+    info: {
+      main: _apperance.palette.info
+    },
+    background: {
+      default: _apperance.palette.white,
+      paper: _apperance.palette.white
+    },
+    text: {
+      primary: _apperance.palette.black,
+      secondary: _apperance.palette.gray.dark
+    }
+  },
+  typography: {
+    fontSize: 14,
+    fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif'
+  },
+  shape: {
+    borderRadius: parseInt(commonStyles.sizes.borderRadius)
+  },
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          textTransform: 'none',
+          borderRadius: commonStyles.sizes.borderRadius,
+          transition: commonStyles.transitions.hover
+        }
+      }
+    },
+    MuiPaper: {
+      styleOverrides: {
+        root: {
+          borderRadius: commonStyles.sizes.borderRadius,
+          boxShadow: commonStyles.shadows.elevation
+        }
+      }
+    },
+    MuiTableCell: {
+      styleOverrides: {
+        root: {
+          padding: "".concat(commonStyles.spacing.cellPaddingY, " ").concat(commonStyles.spacing.cellPaddingX),
+          fontSize: commonStyles.typography.fontSizeDefault
+        },
+        head: {
+          backgroundColor: commonStyles.colors.headerBackground,
+          fontWeight: 600,
+          textTransform: 'uppercase',
+          letterSpacing: commonStyles.typography.letterSpacing
+        }
+      }
+    },
+    MuiTableRow: {
+      styleOverrides: {
+        root: {
+          transition: commonStyles.transitions.hover,
+          '&:nth-of-type(odd)': {
+            backgroundColor: commonStyles.colors.rowBackgroundOdd
+          },
+          '&:nth-of-type(even)': {
+            backgroundColor: commonStyles.colors.rowBackgroundEven
+          },
+          '&:hover': {
+            backgroundColor: commonStyles.colors.hoverBackground
+          }
+        }
+      }
+    },
+    MuiCheckbox: {
+      styleOverrides: {
+        root: {
+          padding: '4px'
+        }
+      }
+    },
+    MuiTextField: {
+      styleOverrides: {
+        root: {
+          '& .MuiOutlinedInput-root': {
+            borderRadius: commonStyles.sizes.borderRadius
+          }
+        }
+      }
+    },
+    MuiSelect: {
+      styleOverrides: {
+        root: {
+          borderRadius: commonStyles.sizes.borderRadius
+        }
+      }
+    },
+    MuiPagination: {
+      styleOverrides: {
+        root: {
+          '& .MuiPaginationItem-root': {
+            margin: '0 2px',
+            minWidth: '30px',
+            height: '30px',
+            borderRadius: '4px',
+            fontSize: commonStyles.typography.fontSizeSmall,
+            '&.Mui-selected': {
+              backgroundColor: _apperance.palette.primary,
+              color: _apperance.palette.white,
+              fontWeight: 'bold'
+            },
+            '&:hover': {
+              backgroundColor: commonStyles.colors.hoverBackground
+            }
+          }
+        }
+      }
+    }
+  }
+});

package/dist/index.js

@@ -267,12 +267,72 @@ Object.defineProperty(exports, "PuiTextField", {
     return _PuiTextField.default;
   }
 });
+Object.defineProperty(exports, "PuiThemeProvider", {
+  enumerable: true,
+  get: function get() {
+    return _ThemeProvider.default;
+  }
+});
 Object.defineProperty(exports, "PuiTooltip", {
   enumerable: true,
   get: function get() {
     return _PuiTooltip.default;
   }
 });
+Object.defineProperty(exports, "applyImprovedStyles", {
+  enumerable: true,
+  get: function get() {
+    return _styleUtils.applyImprovedStyles;
+  }
+});
+Object.defineProperty(exports, "commonStyles", {
+  enumerable: true,
+  get: function get() {
+    return _theme.commonStyles;
+  }
+});
+Object.defineProperty(exports, "getActionStyles", {
+  enumerable: true,
+  get: function get() {
+    return _styleUtils.getActionStyles;
+  }
+});
+Object.defineProperty(exports, "getContainerStyles", {
+  enumerable: true,
+  get: function get() {
+    return _styleUtils.getContainerStyles;
+  }
+});
+Object.defineProperty(exports, "getFormElementStyles", {
+  enumerable: true,
+  get: function get() {
+    return _styleUtils.getFormElementStyles;
+  }
+});
+Object.defineProperty(exports, "getHeaderStyles", {
+  enumerable: true,
+  get: function get() {
+    return _styleUtils.getHeaderStyles;
+  }
+});
+Object.defineProperty(exports, "getLoadingStyles", {
+  enumerable: true,
+  get: function get() {
+    return _styleUtils.getLoadingStyles;
+  }
+});
+Object.defineProperty(exports, "getStripedRowStyles", {
+  enumerable: true,
+  get: function get() {
+    return _styleUtils.getStripedRowStyles;
+  }
+});
+Object.defineProperty(exports, "theme", {
+  enumerable: true,
+  get: function get() {
+    return _theme.theme;
+  }
+});
 Object.defineProperty(exports, "useAlert", {
   enumerable: true,
   get: function get() {
@@ -332,4 +392,7 @@ var _PuiDefaultPage = _interopRequireDefault(require("./components/ui/pages/gene
 var _PuiSearchPage = _interopRequireDefault(require("./components/ui/pages/general/PuiSearchPage"));
 var _useAlert = _interopRequireDefault(require("./hooks/useAlert"));
 var _useQuery = _interopRequireDefault(require("./hooks/useQuery"));
+var _ThemeProvider = _interopRequireDefault(require("./config/ThemeProvider"));
+var _theme = require("./config/theme");
+var _styleUtils = require("./config/styleUtils");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@portnet/ui",
-  "version": "2.0.1",
+  "version": "2.0.4",
   "description": "Portnet UI",
   "keywords": [
     "react",
@@ -27,6 +27,7 @@
     "@testing-library/user-event": "^13.5.0",
     "ajv": "^6.12.6",
     "ajv-keywords": "^3.5.2",
+    "antd": "^5.24.3",
     "axios": "^0.27.2",
     "formik": "^2.2.9",
     "lodash": "^4.17.21",