@portnet/ui 3.0.2 → 3.0.4

package/dist/components/table/PuiTable.js

@@ -0,0 +1,446 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/web.dom-collections.iterator.js");
+require("core-js/modules/es.symbol.description.js");
+var _MoreVert = _interopRequireDefault(require("@mui/icons-material/MoreVert"));
+var _material = require("@mui/material");
+var _styles = require("@mui/material/styles");
+var _xDataGrid = require("@mui/x-data-grid");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+var _apperance = require("../../config/apperance");
+var _PuiCheckbox = _interopRequireDefault(require("../inputs/PuiCheckbox"));
+var _PuiIcon = _interopRequireDefault(require("../others/PuiIcon"));
+var _PuiTooltip = _interopRequireDefault(require("../others/PuiTooltip"));
+var _PuiTableAction = _interopRequireDefault(require("./PuiTableAction"));
+var _ActionPopover = _interopRequireDefault(require("./ActionPopover"));
+var _system = require("@mui/system");
+var _jsxRuntime = require("react/jsx-runtime");
+const _excluded = ["id", "className", "sx", "elevate", "rows", "rowCount", "columns", "paginationMode", "page", "pageSize", "checkboxSelection", "loading", "stripped", "actions", "oneActionOnly", "onSelect", "onPageChange", "onPageSizeChange", "rowDetailPanel"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const StyledMuiTable = (0, _styles.styled)( /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.DataGrid, _objectSpread({
+  ref: ref
+}, props))))(() => {
+  return {
+    "&.MuiDataGrid-root": {
+      fontSize: ".8em",
+      "& .tableActionColumn": {
+        "& .MuiDataGrid-columnHeaderTitle": {
+          justifyContent: "center",
+          display: "flex"
+        },
+        "& .MuiDataGrid-columnHeaderTitleContainer": {
+          justifyContent: "center"
+        }
+      },
+      "&.elevate": {
+        boxShadow: "0px 2px 1px -1px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%), 0px 1px 3px 0px rgb(0 0 0 / 12%)"
+      },
+      backgroundColor: _apperance.palette.gray.light,
+      border: "2px solid ".concat(_apperance.palette.gray.dark),
+      "& .MuiPaginationItem-root": {
+        "&.Mui-selected": {
+          color: _apperance.palette.white,
+          backgroundColor: _apperance.palette.primary
+        }
+      },
+      "&.table-loading .MuiDataGrid-virtualScroller, &.table-loading .MuiDataGrid-footerContainer": {
+        filter: "blur(1px)",
+        "&::before": {
+          content: "''",
+          width: "100%",
+          height: "100%",
+          backgroundColor: _apperance.palette.white,
+          position: "absolute",
+          zIndex: 1,
+          display: "block",
+          opacity: 0
+        }
+      },
+      "&.table-stripped .MuiDataGrid-row": {
+        "&:nth-of-type(even)": {
+          backgroundColor: _apperance.palette.gray.light
+        }
+      },
+      "& .MuiLinearProgress-root": {
+        zIndex: 1,
+        backgroundColor: _apperance.palette.info,
+        "& .MuiLinearProgress-bar": {
+          backgroundColor: _apperance.palette.primary
+        }
+      },
+      "& .MuiDataGrid-columnHeaders": {
+        "& .MuiDataGrid-columnHeader": {
+          "& .MuiDataGrid-columnHeaderTitle": {
+            display: "flex",
+            alignItems: "center",
+            fontWeight: "600",
+            color: _apperance.palette.primary,
+            whiteSpace: "normal",
+            lineHeight: "1.2em"
+          },
+          "&:focus-within": {
+            outline: "none"
+          },
+          "&:last-of-type .MuiDataGrid-columnSeparator": {
+            display: "none"
+          }
+        },
+        "& .MuiDataGrid-columnSeparator": {
+          color: _apperance.palette.gray.dark
+        }
+      },
+      "& .MuiDataGrid-cell": {
+        paddingTop: "2px",
+        paddingBottom: "2px",
+        whiteSpace: "normal",
+        textOverflow: "ellipsis",
+        overflow: "hidden",
+        maxHeight: "none",
+        minWidth: 'maxWidth',
+        wordBreak: "break-word",
+        "&.tableAction": {
+          justifyContent: "center",
+          position: "relative",
+          overflow: "initial !important"
+        },
+        "&:focus-within": {
+          outline: "none"
+        }
+      },
+      "& .MuiDataGrid-row": {
+        maxHeight: "none !important",
+        "&:nth-of-type(odd)": {
+          backgroundColor: "#ffffff" // color for odd rows
+        },
+        "&:nth-of-type(even)": {
+          backgroundColor: "#F6F9FF" // color for even rows
+        },
+        "&:hover": {
+          backgroundColor: "#95C7FC"
+        }
+      },
+      "& .MuiDataGrid-virtualScrollerContent": {
+        "& .MuiDataGrid-row": {
+          maxHeight: "none !important"
+        }
+      },
+      "& .MuiDataGrid-virtualScroller": {
+        backgroundColor: _apperance.palette.white
+      },
+      "& .MuiDataGrid-footerContainer": {
+        backgroundColor: _apperance.palette.white,
+        height: "28px",
+        minHeight: "28px"
+      }
+    }
+  };
+});
+const localeText = {
+  noRowsLabel: "Aucune ligne",
+  footerRowSelected: count => count !== 1 ? "".concat(count.toLocaleString(), " lignes s\xE9lectionn\xE9es") : "".concat(count.toLocaleString(), " ligne s\xE9lectionn\xE9e"),
+  footerTotalVisibleRows: (visibleCount, totalCount) => "".concat(visibleCount.toLocaleString(), " de ").concat(totalCount.toLocaleString()),
+  MuiTablePagination: {
+    labelDisplayedRows: _ref => {
+      let {
+        from,
+        to,
+        count
+      } = _ref;
+      return "".concat(from, "\u2013").concat(to, " de ").concat(count !== -1 ? count : "plus que ".concat(to));
+    },
+    labelRowsPerPage: "Lignes par page"
+  }
+};
+const TableActions = _ref2 => {
+  let {
+    row,
+    actions
+  } = _ref2;
+  const [isOpen, setIsOpen] = React.useState(false);
+  const actionsRef = React.useRef();
+  const outsideClickHandler = React.useCallback(event => {
+    if (Boolean(actionsRef.current) && !actionsRef.current.contains(event.target)) {
+      closeHandler();
+    }
+    if (!Boolean(actionsRef.current)) {
+      document.removeEventListener("mouseup", outsideClickHandler, false);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  const openHandler = () => {
+    document.addEventListener("mouseup", outsideClickHandler, false);
+    setIsOpen(true);
+  };
+  const closeHandler = () => {
+    document.removeEventListener("mouseup", outsideClickHandler, false);
+    setIsOpen(false);
+  };
+  React.useEffect(() => {
+    return () => {
+      document.removeEventListener("mouseup", outsideClickHandler, false);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiTableAction.default, {
+      title: "Voir plus",
+      color: "primary",
+      onClick: openHandler,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIcon.default, {
+        type: "voir-plus"
+      })
+    }), Boolean(isOpen) && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Paper, {
+      ref: actionsRef,
+      elevation: 1,
+      sx: {
+        borderRadius: "5px",
+        position: "absolute",
+        right: "0",
+        top: "50%",
+        transform: "translate(0, -50%)",
+        display: "flex",
+        alignItems: "center",
+        gap: "8px",
+        paddingX: "11px",
+        height: "calc(100% - 4px)",
+        backgroundColor: _apperance.palette.gray.light,
+        border: "2px solid ".concat(_apperance.palette.gray.dark)
+      },
+      children: [actions.map((action, index) => /*#__PURE__*/React.cloneElement(action, {
+        row,
+        key: index
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiTableAction.default, {
+        size: "small",
+        title: "Fermer",
+        color: "primary",
+        onClick: closeHandler,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIcon.default, {
+          type: "voir-plus"
+        })
+      })]
+    })]
+  });
+};
+const TablePagination = () => {
+  const apiRef = (0, _xDataGrid.useGridApiContext)();
+  const page = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridPageSelector);
+  const pageCount = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridPageCountSelector);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Pagination, {
+    size: "small",
+    sx: {
+      position: "absolute",
+      left: "50%",
+      transform: "translateX(-50%)",
+      "& .MuiButtonBase-root": {
+        lineHeight: "1em",
+        fontSize: "1em",
+        minWidth: "20px",
+        height: "20px"
+      }
+    },
+    count: pageCount,
+    page: page + 1,
+    onChange: (event, value) => apiRef.current.setPage(value - 1),
+    showFirstButton: true,
+    showLastButton: true
+  });
+};
+const TableCheckbox = /*#__PURE__*/React.forwardRef((props, ref) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiCheckbox.default, _objectSpread(_objectSpread({
+    ref: ref
+  }, props), {}, {
+    formik: false,
+    sx: {
+      transform: "scale(.6)",
+      marginTop: "-4px"
+    }
+  }));
+});
+const autosizeOptions = {
+  includeHeaders: true,
+  includeOutliers: true
+};
+const PuiTable = /*#__PURE__*/React.forwardRef((_ref3, ref) => {
+  let {
+      id,
+      className,
+      sx,
+      elevate,
+      rows,
+      rowCount,
+      columns,
+      paginationMode,
+      page,
+      pageSize,
+      checkboxSelection,
+      loading,
+      stripped,
+      actions,
+      oneActionOnly,
+      onSelect,
+      onPageChange,
+      onPageSizeChange,
+      rowDetailPanel
+    } = _ref3,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  const [appColumns, setAppColumns] = React.useState(columns);
+  React.useEffect(() => {
+    const newColumns = Boolean(actions.length) ? [...columns, {
+      field: "action",
+      headerName: "Actions",
+      sortable: false,
+      filterable: false,
+      width: 100,
+      renderCell: _ref4 => {
+        let {
+          row
+        } = _ref4;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_system.Box, {
+          sx: {
+            display: 'flex',
+            gap: '8px',
+            // Adjust the space between icons as needed
+            flexWrap: 'wrap',
+            // Keep icons on the same line; remove if you want them to wrap
+            justifyContent: 'center',
+            // Center the icons horizontally
+            alignItems: 'center',
+            // Align icons vertically
+            minWidth: 0 // Prevent the flex container from stretching past its content width
+          },
+          children: actions.map((action, index) => /*#__PURE__*/React.cloneElement(action, {
+            row,
+            key: index,
+            sx: _objectSpread(_objectSpread({}, action.props.sx), {}, {
+              marginRight: 0,
+              // Remove any outer margins
+              '&:last-child': {
+                marginRight: 0 // Ensure the last item doesn't push the container width
+              }
+            })
+          }))
+        });
+      },
+      cellClassName: "tableAction",
+      headerClassName: "tableActionColumn"
+    }] : columns;
+    setAppColumns(newColumns.map(column => {
+      const renderCell = Boolean(column.renderCell) ? column.renderCell : Boolean(column.valueGetter) ? columnData => /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiTooltip.default, {
+        title: Boolean(column.titleGetter) ? column.titleGetter(columnData.row) : String(column.valueGetter(columnData)),
+        children: column.valueGetter(columnData)
+      }) : Boolean(column.field) ? _ref5 => {
+        let {
+          row
+        } = _ref5;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiTooltip.default, {
+          title: Boolean(column.titleGetter) ? column.titleGetter(row) : String(row[column.field]),
+          children: row[column.field]
+        });
+      } : undefined;
+      return _objectSpread(_objectSpread({}, column), {}, {
+        renderCell
+      });
+    }));
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [actions, columns]);
+  const renderRowDetailPanel = params => {
+    const {
+      data
+    } = params;
+    // Render the passed rowDetailPanel component with the row data
+    return /*#__PURE__*/React.cloneElement(rowDetailPanel, {
+      rowData: data
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    style: {
+      width: '100%'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledMuiTable, _objectSpread({
+      ref: ref,
+      id: id,
+      components: {
+        BaseCheckbox: TableCheckbox,
+        LoadingOverlay: _material.LinearProgress,
+        Pagination: TablePagination
+      },
+      className: "".concat(className, " ").concat(stripped ? "table-stripped" : "", " ").concat(loading ? "table-loading" : "", " ").concat(elevate ? "elevate" : ""),
+      sx: {
+        ["& .".concat(_xDataGrid.gridClasses.cell)]: {
+          py: 0.5
+        }
+      },
+      autoHeight: true,
+      headerHeight: 60,
+      footerHeight: 40,
+      rowHeight: 40,
+      rows: rows,
+      rowCount: rowCount,
+      columns: appColumns,
+      page: page,
+      pageSize: pageSize,
+      checkboxSelection: checkboxSelection,
+      disableSelectionOnClick: true,
+      disableColumnMenu: true,
+      disableColumnFilter: true,
+      disableColumnSelector: true,
+      disableVirtualization: true,
+      density: "compact",
+      loading: loading,
+      paginationMode: paginationMode,
+      localeText: localeText,
+      getRowHeight: () => 'auto',
+      onPageChange: onPageChange,
+      onPageSizeChange: onPageSizeChange,
+      onSelectionModelChange: onSelect,
+      autosizeOptions: autosizeOptions,
+      rowDetailPanel: renderRowDetailPanel
+    }, rest))
+  });
+});
+PuiTable.propTypes = {
+  id: _propTypes.default.string,
+  className: _propTypes.default.string,
+  sx: _propTypes.default.object,
+  elevate: _propTypes.default.bool,
+  stripped: _propTypes.default.bool,
+  oneActionOnly: _propTypes.default.bool,
+  rows: _propTypes.default.arrayOf(_propTypes.default.object),
+  rowCount: _propTypes.default.number,
+  columns: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
+  page: _propTypes.default.number,
+  pageSize: _propTypes.default.number,
+  actions: _propTypes.default.arrayOf(_propTypes.default.element),
+  checkboxSelection: _propTypes.default.bool,
+  paginationMode: _propTypes.default.oneOf(["client", "server"]),
+  loading: _propTypes.default.bool,
+  onSelect: _propTypes.default.func,
+  onPageChange: _propTypes.default.func,
+  onPageSizeChange: _propTypes.default.func,
+  onSelectionModelChange: _propTypes.default.func,
+  rowDetailPanel: _propTypes.default.element
+};
+PuiTable.defaultProps = {
+  oneActionOnly: false,
+  elevate: true,
+  pageSize: 5,
+  paginationMode: "client",
+  stripped: false,
+  actions: []
+};
+var _default = exports.default = PuiTable;

package/dist/components/table/PuiTableAction.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.symbol.description.js");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _PuiIconButton = _interopRequireDefault(require("../buttons/PuiIconButton"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const PuiTableAction = _ref => {
+  let {
+    id,
+    className,
+    sx,
+    row,
+    title,
+    hide,
+    hideFunc,
+    disabled,
+    onClick: _onClick,
+    children
+  } = _ref;
+  return hide || hideFunc(row) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_PuiIconButton.default, {
+    id: id,
+    className: className,
+    sx: _objectSpread(_objectSpread({}, sx), {}, {
+      "& .MuiSvgIcon-root": {
+        width: ".75em !important",
+        height: ".75em !important",
+        color: "#1e498c"
+      }
+    }),
+    title: title,
+    disabled: disabled,
+    size: "small",
+    onClick: () => _onClick(row),
+    children: children
+  });
+};
+PuiTableAction.propTypes = {
+  id: _propTypes.default.string,
+  className: _propTypes.default.string,
+  sx: _propTypes.default.object,
+  row: _propTypes.default.object,
+  title: _propTypes.default.string,
+  hide: _propTypes.default.bool,
+  hideFunc: _propTypes.default.func,
+  disabled: _propTypes.default.bool,
+  onClick: _propTypes.default.func
+};
+PuiTableAction.defaultProps = {
+  hide: false,
+  hideFunc: () => false,
+  onClick: () => {}
+};
+var _default = exports.default = PuiTableAction;

package/dist/components/typography/PuiDefinition.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _material = require("@mui/material");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _apperance = require("../../config/apperance");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const PuiDefinition = _ref => {
+  let {
+    label,
+    children
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
+    direction: "row",
+    alignItems: "center",
+    spacing: 1,
+    sx: {
+      fontFamily: '"Roboto","Helvetica","Arial",sans-serif',
+      fontSize: "0.8rem",
+      color: _apperance.palette.gray.darker,
+      lineHeight: "1.4375em",
+      letterSpacing: "0.00938em",
+      whiteSpace: "nowrap"
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
+      sx: {
+        fontWeight: "600"
+      },
+      children: "".concat(label, " :")
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
+      children: children
+    })]
+  });
+};
+PuiDefinition.propTypes = {
+  label: _propTypes.default.string.isRequired
+};
+var _default = exports.default = PuiDefinition;

package/dist/components/typography/PuiIndication.js

@@ -0,0 +1,79 @@
+"use strict";
+
+require("core-js/modules/es.weak-map.js");
+require("core-js/modules/web.dom-collections.iterator.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+require("core-js/modules/es.symbol.description.js");
+var _material = require("@mui/material");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var React = _interopRequireWildcard(require("react"));
+var _apperance = require("../../config/apperance");
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+const getTextFontSize = size => {
+  switch (size) {
+    case "small":
+      return ".7rem";
+    default:
+    case "medium":
+      return "1rem";
+    case "large":
+      return "1.2rem";
+  }
+};
+const PuiIndication = _ref => {
+  let {
+    id,
+    className,
+    sx,
+    icon,
+    color,
+    size,
+    children
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Stack, {
+    id: id,
+    className: className,
+    sx: _objectSpread({
+      color: color === "inherit" ? "inherit" : _apperance.palette[color]
+    }, sx),
+    direction: "row",
+    alignItems: "center",
+    spacing: 1,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
+      children: icon && /*#__PURE__*/React.cloneElement(icon, {
+        fontSize: size,
+        size
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Stack, {
+      sx: {
+        fontSize: getTextFontSize(size),
+        fontWeight: "bold"
+      },
+      children: children
+    })]
+  });
+};
+PuiIndication.propTypes = {
+  id: _propTypes.default.string,
+  className: _propTypes.default.string,
+  sx: _propTypes.default.object,
+  icon: _propTypes.default.element,
+  color: _propTypes.default.oneOf(["primary", "secondary", "error", "success", "warning", "info", "dark", "inherit"]),
+  size: _propTypes.default.oneOf(["small", "medium", "large"])
+};
+PuiIndication.defaultProps = {
+  color: "primary",
+  size: "medium"
+};
+var _default = exports.default = PuiIndication;