@cashub/ui 0.49.0-beta.1 → 0.49.0-beta.2

package/icon/Icon.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _styledComponents = require("styled-components");
+var _image = require("../image");
+var _registry = _interopRequireDefault(require("./registry"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const Icon = _ref => {
+  let {
+    src,
+    iconKey,
+    color,
+    size,
+    ...rest
+  } = _ref;
+  const theme = (0, _react.useContext)(_styledComponents.ThemeContext);
+  const override = theme?.useModernIcons && iconKey && _registry.default[iconKey];
+  const IconComponent = override || src;
+  const isComponent = typeof IconComponent === 'function';
+  return isComponent ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    style: {
+      display: 'inline-flex',
+      width: size || '48px',
+      height: size || '48px',
+      color: color || 'var(--color-primary)'
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {})
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_image.ImageFluid, {
+    crossOrigin: "anonymous",
+    src: IconComponent,
+    ...rest
+  });
+};
+var _default = exports.default = Icon;

package/icon/assets/announcement.jsx

@@ -0,0 +1,6 @@
+const AnnouncementIcon = () => (
+  <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+    <path d="M446.336 216.618667a32.853333 32.853333 0 0 1 32.853333 32.853333v295.338667h295.381334a32.853333 32.853333 0 0 1 32.554666 28.714666l0.256 4.138667a361.045333 361.045333 0 1 1-361.002666-361.045333z m-32.810667 67.456l-3.541333 0.426666a295.424 295.424 0 0 0 36.352 588.544 295.381333 295.381333 0 0 0 293.205333-258.986666l0.341334-3.584h-293.546667a32.810667 32.810667 0 0 1-32.554667-28.714667l-0.256-4.096v-293.546667zM610.474667 85.333333A328.192 328.192 0 0 1 938.666667 413.525333a32.810667 32.810667 0 0 1-32.853334 32.853334h-295.338666a32.810667 32.810667 0 0 1-32.853334-32.853334V118.186667a32.853333 32.853333 0 0 1 32.853334-32.810667z m32.810666 67.669334v227.712h227.669334l-0.341334-2.816a262.741333 262.741333 0 0 0-224.512-224.512l-2.816-0.426667z" />
+  </svg>
+);
+export default AnnouncementIcon;

package/icon/assets/master-data.jsx

@@ -0,0 +1,7 @@
+const MasterDataIcon = () => (
+  <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+    <path d="M933.76 465.066667a53.802667 53.802667 0 0 0-31.658667-41.130667l-75.52-33.28a62.848 62.848 0 0 1-37.248-64.426667l8.917334-82.048a53.76 53.76 0 0 0-19.882667-48.085333 426.624 426.624 0 0 0-110.72-64.085333 53.802667 53.802667 0 0 0-51.498667 6.784L549.290667 187.306667a62.933333 62.933333 0 0 1-74.581334 0l-66.56-48.853334a53.802667 53.802667 0 0 0-51.541333-6.826666A426.581333 426.581333 0 0 0 245.888 195.84a53.845333 53.845333 0 0 0-19.882667 48.085333l8.96 82.048a62.848 62.848 0 0 1-37.290666 64.426667l-75.776 33.578667a53.802667 53.802667 0 0 0-31.658667 41.258666 420.949333 420.949333 0 0 0 0 128 53.802667 53.802667 0 0 0 31.658667 41.002667l75.52 33.322667a62.805333 62.805333 0 0 1 37.248 64.384l-8.917334 82.56a53.845333 53.845333 0 0 0 19.925334 48.085333 425.728 425.728 0 0 0 110.677333 64.128 53.674667 53.674667 0 0 0 51.498667-6.826667l66.730666-48.853333a62.933333 62.933333 0 0 1 74.581334 0l66.730666 48.853333a53.76 53.76 0 0 0 51.498667 6.826667 425.728 425.728 0 0 0 110.677333-64.128 53.76 53.76 0 0 0 20.181334-48.085333l-8.96-82.048a62.848 62.848 0 0 1 37.290666-64.384l75.52-33.834667a53.717333 53.717333 0 0 0 31.658667-41.258667 420.864 420.864 0 0 0 0-128v0.128z m-74.666667 103.850666l-63.701333 28.032a139.904 139.904 0 0 0-82.901333 143.616l7.552 69.205334c-21.333333 15.872-44.458667 29.269333-68.864 39.893333l-56.32-41.216a139.818667 139.818667 0 0 0-165.76 0l-56.277334 41.216a347.178667 347.178667 0 0 1-68.864-39.893333l7.552-69.205334a139.946667 139.946667 0 0 0-82.901333-143.616l-63.701333-28.032a343.338667 343.338667 0 0 1 0-79.658666l63.701333-28.074667A139.946667 139.946667 0 0 0 311.466667 317.568l-7.552-69.162667a347.221333 347.221333 0 0 1 68.864-39.936l56.32 41.216a139.776 139.776 0 0 0 165.76 0l56.277333-41.216c24.405333 10.666667 47.488 24.021333 68.864 39.936l-7.552 69.162667a139.946667 139.946667 0 0 0 82.901333 143.616l63.701334 28.074667a343.466667 343.466667 0 0 1 0 79.658666z" />
+    <path d="M512.042667 386.048a143.061333 143.061333 0 1 0 0 286.122667 143.061333 143.061333 0 0 0 0-286.122667z m0 208.853333a65.792 65.792 0 1 1 0-131.626666 65.792 65.792 0 0 1 0 131.626666z" />
+  </svg>
+);
+export default MasterDataIcon;

package/icon/assets/system-setting.jsx

@@ -0,0 +1,8 @@
+const SystemSettingIcon = () => (
+  <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+    <path d="M689.749333 653.952H334.208a35.541333 35.541333 0 0 0 0 71.082667h355.541333a35.541333 35.541333 0 1 0 0-71.082667z" />
+    <path d="M796.416 262.869333h-56.874667L586.666667 115.328A108.458667 108.458667 0 0 0 511.786667 85.333333h-0.298667c-27.904 0-54.698667 10.752-74.88 29.994667L284.416 262.869333H227.541333A142.208 142.208 0 0 0 85.333333 405.077333v391.125334a142.208 142.208 0 0 0 142.208 142.208h568.874667A142.250667 142.250667 0 0 0 938.666667 796.16V405.034667a142.208 142.208 0 0 0-142.250667-142.165334z m-310.058667-96.341333l0.042667 0.042667a35.541333 35.541333 0 0 1 51.2-0.042667l99.925333 96.341333H386.474667l99.882666-96.341333z m381.184 629.632v0.085333a71.082667 71.082667 0 0 1-71.125333 71.04H227.541333a71.125333 71.125333 0 0 1-71.125333-71.125333V405.077333a71.168 71.168 0 0 1 71.125333-71.082666h568.917334c39.253333 0 71.082667 31.829333 71.082666 71.082666v391.082667z" />
+    <path d="M689.749333 476.16H334.165333a35.584 35.584 0 0 0-35.498666 35.584v0.042667c0 19.626667 15.914667 35.541333 35.541333 35.541333h355.584c19.626667 0 35.541333-15.957333 35.541333-35.584v-0.085333a35.498667 35.498667 0 0 0-35.584-35.498667z" />
+  </svg>
+);
+export default SystemSettingIcon;

package/icon/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function () {
+    return _Icon.default;
+  }
+});
+var _Icon = _interopRequireDefault(require("./Icon"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/icon/registry.js

@@ -34,6 +34,9 @@ var _shieldNoSignal = _interopRequireDefault(require("./assets/shield-no-signal"
 var _battery = _interopRequireDefault(require("./assets/battery"));
 var _folder = _interopRequireDefault(require("./assets/folder"));
 var _heartbeats = _interopRequireDefault(require("./assets/heartbeats"));
+var _announcement = _interopRequireDefault(require("./assets/announcement"));
+var _masterData = _interopRequireDefault(require("./assets/master-data"));
+var _systemSetting = _interopRequireDefault(require("./assets/system-setting"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const iconOverrides = {
   merchant: _merchant.default,
@@ -65,6 +68,9 @@ const iconOverrides = {
   'shield-no-signal': _shieldNoSignal.default,
   battery: _battery.default,
   folder: _folder.default,
-  heartbeats: _heartbeats.default
+  heartbeats: _heartbeats.default,
+  announcement: _announcement.default,
+  'master-data': _masterData.default,
+  'system-setting': _systemSetting.default
 };
 var _default = exports.default = iconOverrides;

package/iconbox/bgImageRegistry.js

@@ -8,11 +8,13 @@ var _bgEnterprise = _interopRequireDefault(require("./assets/bg-enterprise.png")
 var _bgMerchant = _interopRequireDefault(require("./assets/bg-merchant.png"));
 var _bgTerminal = _interopRequireDefault(require("./assets/bg-terminal.png"));
 var _bgUser = _interopRequireDefault(require("./assets/bg-user.png"));
+var _bgAppManagement = _interopRequireDefault(require("./assets/bg-app-management.png"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const bgImageRegistry = {
   enterprise: _bgEnterprise.default,
   merchant: _bgMerchant.default,
   terminal: _bgTerminal.default,
-  user: _bgUser.default
+  user: _bgUser.default,
+  'app-management': _bgAppManagement.default
 };
 var _default = exports.default = bgImageRegistry;

package/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 var _exportNames = {
   Dropdown: true,
+  Icon: true,
   Tab: true,
   TabV2: true,
   VerticalTab: true
@@ -15,6 +16,12 @@ Object.defineProperty(exports, "Dropdown", {
     return _dropdown.default;
   }
 });
+Object.defineProperty(exports, "Icon", {
+  enumerable: true,
+  get: function () {
+    return _Icon.default;
+  }
+});
 Object.defineProperty(exports, "Tab", {
   enumerable: true,
   get: function () {
@@ -285,6 +292,7 @@ Object.keys(_heading).forEach(function (key) {
     }
   });
 });
+var _Icon = _interopRequireDefault(require("./Icon"));
 var _iconbox = require("./iconbox");
 Object.keys(_iconbox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/layout/AsideHeader.jsx

@@ -3,25 +3,21 @@ import headerStyle from '../styles/config/header.style';
 import media from '../styles/mixin/media';
 import Logo from './Logo';
 import MenuIcon from './MenuIcon';
-
-const AsideHeader = ({ theme, logo, hasSidebar, toggleSidebar }) => {
+const AsideHeader = ({ logo, hasSidebar, toggleSidebar }) => {
   return (
     <Brand>
-      {hasSidebar && <MenuIcon theme={theme} toggleSidebar={toggleSidebar} />}
-      {logo && <Logo src={logo} />}
+      {hasSidebar && <MenuIcon toggleSidebar={toggleSidebar} />}
+      {logo && <Logo srcColor={logo.color} srcWhite={logo.white} />}
     </Brand>
   );
 };
-
 const Brand = styled.div`
   display: none;
   height: ${headerStyle.height};
-
   ${media.tablet`
     padding: 0 var(--spacing-xs);
     align-items: center;
     display: flex
   `};
 `;
-
 export default AsideHeader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.49.0-beta.1",
+  "version": "0.49.0-beta.2",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library",
@@ -52,4 +52,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}