@common-stack/generate-plugin 5.0.4-alpha.0 → 5.0.4-alpha.11

package/lib/generators/add-frontend/templates/package.json

@@ -0,0 +1,182 @@
+{
+  "name": "adminide-stack-frontend-server",
+  "version": "3.1.1-alpha.6",
+  "private": true,
+  "description": "Sample Client server",
+  "homepage": "https://github.com/cdmbase/fullstack-pro#readme",
+  "bugs": {
+    "url": "https://github.com/cdmbase/fullstack-pro/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/cdmbase/fullstack-pro.git"
+  },
+  "license": "MIT",
+  "author": "CDMBase LLC",
+  "type": "module",
+  "main": "index.js",
+  "scripts": {
+    "prebuild": "yarn build:clean && yarn genconfig",
+    "build": "cross-env SSR=true NODE_OPTIONS='--max_old_space_size=6096' NODE_ENV=production remix vite:build",
+    "build:SSR": "cross-env SSR=true NODE_ENV=production remix vite:build",
+    "build:clean": "rimraf dist build node_modules/.vite",
+    "build:debug": "cross-env DEBUGGING=true NODE_ENV=production remix vite:build",
+    "build:debug:verbose": "yarn build:debug -- -v",
+    "build:dev": "cross-env ENV_FILE=../../config/development/dev.env yarn build",
+    "build:devSSR": "cross-env SSR=true NODE_ENV=development ENV_FILE=../../config/development/dev.env  NODE_OPTIONS='--max_old_space_size=6096'  remix vite:build",
+    "build:stats": "cross-env BUNDLE_STATS=true yarn build:debug",
+    "dev:vite:ssr": "cross-env SSR=true NODE_ENV=development ENV_FILE=../../config/development/dev.env node ./server.js",
+    "docker:build": "cross-env yarn build && docker build . -t $npm_package_name:$npm_package_version",
+    "docker:build:debug": "yarn build:debug && docker build . -t $npm_package_name:$npm_package_version",
+    "docker:run": "docker run  --env-file ../../config/staging/docker-staging.env  -p 3000:3000  -it $npm_package_name:$npm_package_version",
+    "genconfig": "node ./tools/mergeConfig.js",
+    "jest": "./node_modules/.bin/jest",
+    "preview": "cross-env SSR=true NODE_ENV=development ENV_FILE=../../config/development/dev.env node ./server.js",
+    "routes": "npx @remix-run/dev routes --json",
+    "prestart": "yarn genconfig",
+    "start": "cross-env NODE_ENV=production node ./server.js",
+    "start:SSR": "yarn build:SSR && yarn start",
+    "start:dev": "cross-env NODE_ENV=production ENV_FILE=../../config/development/dev.env node ./server.js",
+    "start:devSSR": "yarn build:devSSR && yarn start:dev",
+    "start:staging": "cross-env NODE_ENV=production ENV_FILE=../../config/staging/staging.env node ./server.js",
+    "start:test": "cross-env NODE_ENV=test ENV_FILE=../../config/test/test.env node ./server.js",
+    "start:vite:ssr": "cross-env SSR=true NODE_ENV=development ENV_FILE=../../config/development/dev.env yarn build && yarn preview",
+    "test": "jest",
+    "test:debug": "npm test -- --runInBand",
+    "test:watch": "npm test -- --watch",
+    "prewatch": "yarn genconfig",
+    "watch": "cross-env NODE_ENV=development ENV_FILE=../../config/development/dev.env node ./server.js",
+    "watch:debug": "cross-env NODE_ENV=development ENV_FILE=../../config/development/dev.env node ./server.js",
+    "watch:ssr": "cross-env SSR=true yarn watch",
+    "watch:staging": "cross-env ENV_FILE=../../config/staging/staging.env node ./server.js",
+    "watch:test": "cross-env ENV_FILE=../../config/test/test.env node ./server.js"
+  },
+  "dependencies": {
+    "@admin-layout/ant-design-pro": "7.3.8-alpha.29",
+    "@admin-layout/ant-ui": "7.3.8-alpha.28",
+    "@admin-layout/assets": "7.3.8-alpha.0",
+    "@admin-layout/icons": "7.3.8-alpha.0",
+    "@adminide-stack/account-api-browser": "7.3.8-alpha.0",
+    "@adminide-stack/billing-api-browser": "7.2.6-alpha.13",
+    "@adminide-stack/core": "7.2.6-alpha.13",
+    "@adminide-stack/extension-api": "7.2.6-alpha.13",
+    "@adminide-stack/extension-module-browser": "7.2.6-alpha.13",
+    "@adminide-stack/git-api-browser": "7.2.6-alpha.13",
+    "@adminide-stack/integration-api-client": "7.2.6-alpha.13",
+    "@adminide-stack/marketplace-module-browser": "7.2.6-alpha.13",
+    "@adminide-stack/platform-browser": "7.2.6-alpha.13",
+    "@adminide-stack/project-mgmt-browser": "7.2.6-alpha.13",
+    "@adminide-stack/react-shared-components": "7.2.6-alpha.13",
+    "@adminide-stack/registry-api-browser": "7.2.6-alpha.13",
+    "@adminide-stack/user-auth0-browser": "7.2.6-alpha.13",
+    "@adminide-stack/user-auth0-server": "7.2.6-alpha.13",
+    "@ant-design/pro-layout": "^7.6.1",
+    "@ant-design/static-style-extract": "^1.0.2",
+    "@apollo/client": "^3.9.0",
+    "@cdm-logger/client": "^9.0.3",
+    "@cdm-logger/server": "^9.0.3",
+    "@cdmbase/redux-data-router": "^1.0.10",
+    "@common-stack/client-core": "5.0.4-alpha.6",
+    "@common-stack/client-react": "5.0.4-alpha.6",
+    "@common-stack/components-pro": "5.0.4-alpha.5",
+    "@common-stack/core": "5.0.4-alpha.5",
+    "@common-stack/remix-router-redux": "5.0.4-alpha.5",
+    "@common-stack/server-core": "5.0.4-alpha.6",
+    "@container-stack/ssh-keygen-server-module": "0.0.36-alpha.23",
+    "@container-stack/territory": "5.1.2",
+    "@emotion/css": "^11.10.0",
+    "@emotion/react": "^11.10.4",
+    "@emotion/server": "^11.10.0",
+    "@emotion/styled": "^11.10.4",
+    "@files-stack/core": "3.0.2",
+    "@loadable/component": "^5.15.2",
+    "@loadable/server": "^5.15.2",
+    "@react-icons/all-files": "^4.1.0",
+    "@reduxjs/toolkit": "^2.2.1",
+    "@remix-run/express": "^2.8.1",
+    "@remix-run/node": "^2.8.1",
+    "@remix-run/react": "^2.8.1",
+    "@sentry/browser": "~5.11.2",
+    "antd": "^5.14.0",
+    "apollo-link-debounce": "^3.0.0",
+    "apollo-link-logger": "^2.0.0",
+    "apollo-server-errors": "^3.3.1",
+    "classnames": "^2.2.6",
+    "compression": "^1.7.4",
+    "cookie-parser": "^1.4.6",
+    "cors": "^2.8.5",
+    "cross-fetch": "^4.0.0",
+    "dotenv": "^8.2.0",
+    "envalid": "~7.2.2",
+    "error-stack-parser": "^2.0.4",
+    "express": "^4.18.2",
+    "glob-all": "^3.3.1",
+    "graphql": "^15.0.0",
+    "graphql-tag": "^2.11.0",
+    "graphql-ws": "^5.11.2",
+    "history": "^5.0.0",
+    "i18next": "^23.10.1",
+    "immutability-helper": "^3.0.1",
+    "inversify": "^6.0.2",
+    "ioredis": "^5.4.1",
+    "is-plain-obj": "^3.0.0",
+    "isbot": "^4.1.0",
+    "isomorphic-fetch": "^2.2.1",
+    "js-cookie": "^2.2.1",
+    "lodash": "^4.17.15",
+    "lodash-es": "^4.17.21",
+    "minimatch": "^5.0.0",
+    "moment": "2.29.1",
+    "prettysize": "^0.1.0",
+    "prop-types": "^15.8.1",
+    "ramda": "^0.29.1",
+    "react": "18.2.0",
+    "react-cookie": "^4.0.1",
+    "react-device-detect": "^2.2.2",
+    "react-dom": "18.2.0",
+    "react-ga4": "^2.1.0",
+    "react-helmet": "^6.1.0",
+    "react-helmet-async": "^1.3.0",
+    "react-i18next": "^14.1.0",
+    "react-icons": "~4.3.1",
+    "react-icons-converter": "^1.1.4",
+    "react-redux": "^9.1.1",
+    "react-transition-group": "^4.3.0",
+    "react-use": "^17.2.4",
+    "redux-logger": "^3.0.6",
+    "redux-observable": "^1.2.0",
+    "redux-persist": "^6.0.0",
+    "redux-persist-transform-filter": "^0.0.20",
+    "reflect-metadata": "^0.1.13",
+    "reselect": "^4.0.0",
+    "rxjs": "^6.5.3",
+    "rxjs-compat": "^6.5.3",
+    "rxjs-hooks": "^0.5.2",
+    "serialize-javascript": "^6.0.0",
+    "ts-deepmerge": "^7.0.0",
+    "ts-invariant": "^0.10.3",
+    "universal-cookie-express": "^4.0.1",
+    "vite-env-only": "^2.2.1"
+  },
+  "devDependencies": {
+    "@cdmbase/vite-plugin-i18next-loader": "^2.0.12",
+    "@common-stack/frontend-stack-react": "5.0.4-alpha.10",
+    "@common-stack/rollup-vite-utils": "5.0.4-alpha.8",
+    "@remix-run/dev": "^2.8.1",
+    "@remix-run/serve": "^2.8.1",
+    "cross-env": "^7.0.3",
+    "dotenv-esm": "^16.0.3-4",
+    "pm2": "^5.2.2",
+    "raf": "3.4.1",
+    "rimraf": "^3.0.2",
+    "tsx": "^4.7.0",
+    "typescript": "^5.4.5",
+    "uuid": "^9.0.1",
+    "vite": "^5.1.0",
+    "vite-plugin-cjs-interop": "^2.1.1",
+    "vite-tsconfig-paths": "^4.2.1"
+  },
+  "peerDependencies": {
+    "body-parser": "*"
+  }
+}

package/lib/generators/add-frontend/templates/public/css/dashboard.css

@@ -0,0 +1,491 @@
+table {
+    background-color: transparent;
+  }
+  caption {
+    padding-top: 8px;
+    padding-bottom: 8px;
+    color: #777777;
+    text-align: left;
+  }
+  th {
+    text-align: left;
+  }
+  .table {
+    width: 100%;
+    max-width: 100%;
+    margin-bottom: 20px;
+  }
+  .table > thead > tr > th,
+  .table > tbody > tr > th,
+  .table > tfoot > tr > th,
+  .table > thead > tr > td,
+  .table > tbody > tr > td,
+  .table > tfoot > tr > td {
+    padding: 8px;
+    line-height: 1.42857143;
+    vertical-align: top;
+    border-top: 1px solid #dddddd;
+  }
+  .table > thead > tr > th {
+    vertical-align: bottom;
+    border-bottom: 2px solid #dddddd;
+  }
+  .table > caption + thead > tr:first-child > th,
+  .table > colgroup + thead > tr:first-child > th,
+  .table > thead:first-child > tr:first-child > th,
+  .table > caption + thead > tr:first-child > td,
+  .table > colgroup + thead > tr:first-child > td,
+  .table > thead:first-child > tr:first-child > td {
+    border-top: 0;
+  }
+  .table > tbody + tbody {
+    border-top: 2px solid #dddddd;
+  }
+  .table .table {
+    background-color: #ffffff;
+  }
+  .table-condensed > thead > tr > th,
+  .table-condensed > tbody > tr > th,
+  .table-condensed > tfoot > tr > th,
+  .table-condensed > thead > tr > td,
+  .table-condensed > tbody > tr > td,
+  .table-condensed > tfoot > tr > td {
+    padding: 5px;
+  }
+  .table-bordered {
+    border: 1px solid #dddddd;
+  }
+  .table-bordered > thead > tr > th,
+  .table-bordered > tbody > tr > th,
+  .table-bordered > tfoot > tr > th,
+  .table-bordered > thead > tr > td,
+  .table-bordered > tbody > tr > td,
+  .table-bordered > tfoot > tr > td {
+    border: 1px solid #dddddd;
+  }
+  .table-bordered > thead > tr > th,
+  .table-bordered > thead > tr > td {
+    border-bottom-width: 2px;
+  }
+  .table-striped > tbody > tr:nth-of-type(odd) {
+    background-color: #f9f9f9;
+  }
+  .table-hover > tbody > tr:hover {
+    background-color: #f5f5f5;
+  }
+  table col[class*="col-"] {
+    position: static;
+    float: none;
+    display: table-column;
+  }
+  table td[class*="col-"],
+  table th[class*="col-"] {
+    position: static;
+    float: none;
+    display: table-cell;
+  }
+  .table > thead > tr > td.active,
+  .table > tbody > tr > td.active,
+  .table > tfoot > tr > td.active,
+  .table > thead > tr > th.active,
+  .table > tbody > tr > th.active,
+  .table > tfoot > tr > th.active,
+  .table > thead > tr.active > td,
+  .table > tbody > tr.active > td,
+  .table > tfoot > tr.active > td,
+  .table > thead > tr.active > th,
+  .table > tbody > tr.active > th,
+  .table > tfoot > tr.active > th {
+    background-color: #f5f5f5;
+  }
+  .table-hover > tbody > tr > td.active:hover,
+  .table-hover > tbody > tr > th.active:hover,
+  .table-hover > tbody > tr.active:hover > td,
+  .table-hover > tbody > tr:hover > .active,
+  .table-hover > tbody > tr.active:hover > th {
+    background-color: #e8e8e8;
+  }
+  .table > thead > tr > td.success,
+  .table > tbody > tr > td.success,
+  .table > tfoot > tr > td.success,
+  .table > thead > tr > th.success,
+  .table > tbody > tr > th.success,
+  .table > tfoot > tr > th.success,
+  .table > thead > tr.success > td,
+  .table > tbody > tr.success > td,
+  .table > tfoot > tr.success > td,
+  .table > thead > tr.success > th,
+  .table > tbody > tr.success > th,
+  .table > tfoot > tr.success > th {
+    background-color: #dff0d8;
+  }
+  .table-hover > tbody > tr > td.success:hover,
+  .table-hover > tbody > tr > th.success:hover,
+  .table-hover > tbody > tr.success:hover > td,
+  .table-hover > tbody > tr:hover > .success,
+  .table-hover > tbody > tr.success:hover > th {
+    background-color: #d0e9c6;
+  }
+  .table > thead > tr > td.info,
+  .table > tbody > tr > td.info,
+  .table > tfoot > tr > td.info,
+  .table > thead > tr > th.info,
+  .table > tbody > tr > th.info,
+  .table > tfoot > tr > th.info,
+  .table > thead > tr.info > td,
+  .table > tbody > tr.info > td,
+  .table > tfoot > tr.info > td,
+  .table > thead > tr.info > th,
+  .table > tbody > tr.info > th,
+  .table > tfoot > tr.info > th {
+    background-color: #d9edf7;
+  }
+  .table-hover > tbody > tr > td.info:hover,
+  .table-hover > tbody > tr > th.info:hover,
+  .table-hover > tbody > tr.info:hover > td,
+  .table-hover > tbody > tr:hover > .info,
+  .table-hover > tbody > tr.info:hover > th {
+    background-color: #c4e3f3;
+  }
+  .table > thead > tr > td.warning,
+  .table > tbody > tr > td.warning,
+  .table > tfoot > tr > td.warning,
+  .table > thead > tr > th.warning,
+  .table > tbody > tr > th.warning,
+  .table > tfoot > tr > th.warning,
+  .table > thead > tr.warning > td,
+  .table > tbody > tr.warning > td,
+  .table > tfoot > tr.warning > td,
+  .table > thead > tr.warning > th,
+  .table > tbody > tr.warning > th,
+  .table > tfoot > tr.warning > th {
+    background-color: #fcf8e3;
+  }
+  .table-hover > tbody > tr > td.warning:hover,
+  .table-hover > tbody > tr > th.warning:hover,
+  .table-hover > tbody > tr.warning:hover > td,
+  .table-hover > tbody > tr:hover > .warning,
+  .table-hover > tbody > tr.warning:hover > th {
+    background-color: #faf2cc;
+  }
+  .table > thead > tr > td.danger,
+  .table > tbody > tr > td.danger,
+  .table > tfoot > tr > td.danger,
+  .table > thead > tr > th.danger,
+  .table > tbody > tr > th.danger,
+  .table > tfoot > tr > th.danger,
+  .table > thead > tr.danger > td,
+  .table > tbody > tr.danger > td,
+  .table > tfoot > tr.danger > td,
+  .table > thead > tr.danger > th,
+  .table > tbody > tr.danger > th,
+  .table > tfoot > tr.danger > th {
+    background-color: #f2dede;
+  }
+  .table-hover > tbody > tr > td.danger:hover,
+  .table-hover > tbody > tr > th.danger:hover,
+  .table-hover > tbody > tr.danger:hover > td,
+  .table-hover > tbody > tr:hover > .danger,
+  .table-hover > tbody > tr.danger:hover > th {
+    background-color: #ebcccc;
+  }
+  .table-responsive {
+    overflow-x: auto;
+    min-height: 0.01%;
+  }
+  @media screen and (max-width: 767px) {
+    .table-responsive {
+      width: 100%;
+      margin-bottom: 15px;
+      overflow-y: hidden;
+      -ms-overflow-style: -ms-autohiding-scrollbar;
+      border: 1px solid #dddddd;
+    }
+    .table-responsive > .table {
+      margin-bottom: 0;
+    }
+    .table-responsive > .table > thead > tr > th,
+    .table-responsive > .table > tbody > tr > th,
+    .table-responsive > .table > tfoot > tr > th,
+    .table-responsive > .table > thead > tr > td,
+    .table-responsive > .table > tbody > tr > td,
+    .table-responsive > .table > tfoot > tr > td {
+      white-space: nowrap;
+    }
+    .table-responsive > .table-bordered {
+      border: 0;
+    }
+    .table-responsive > .table-bordered > thead > tr > th:first-child,
+    .table-responsive > .table-bordered > tbody > tr > th:first-child,
+    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
+    .table-responsive > .table-bordered > thead > tr > td:first-child,
+    .table-responsive > .table-bordered > tbody > tr > td:first-child,
+    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
+      border-left: 0;
+    }
+    .table-responsive > .table-bordered > thead > tr > th:last-child,
+    .table-responsive > .table-bordered > tbody > tr > th:last-child,
+    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
+    .table-responsive > .table-bordered > thead > tr > td:last-child,
+    .table-responsive > .table-bordered > tbody > tr > td:last-child,
+    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
+      border-right: 0;
+    }
+    .table-responsive > .table-bordered > tbody > tr:last-child > th,
+    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
+    .table-responsive > .table-bordered > tbody > tr:last-child > td,
+    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
+      border-bottom: 0;
+    }
+  }
+  .clearfix:before,
+  .clearfix:after {
+    content: " ";
+    display: table;
+  }
+  .clearfix:after {
+    clear: both;
+  }
+  .center-block {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+  .pull-right {
+    float: right !important;
+  }
+  .pull-left {
+    float: left !important;
+  }
+  .hide {
+    display: none !important;
+  }
+  .show {
+    display: block !important;
+  }
+  .invisible {
+    visibility: hidden;
+  }
+  .text-hide {
+    font: 0/0 a;
+    color: transparent;
+    text-shadow: none;
+    background-color: transparent;
+    border: 0;
+  }
+  .hidden {
+    display: none !important;
+  }
+  .affix {
+    position: fixed;
+  }
+  @-ms-viewport {
+    width: device-width;
+  }
+  .visible-xs,
+  .visible-sm,
+  .visible-md,
+  .visible-lg {
+    display: none !important;
+  }
+  .visible-xs-block,
+  .visible-xs-inline,
+  .visible-xs-inline-block,
+  .visible-sm-block,
+  .visible-sm-inline,
+  .visible-sm-inline-block,
+  .visible-md-block,
+  .visible-md-inline,
+  .visible-md-inline-block,
+  .visible-lg-block,
+  .visible-lg-inline,
+  .visible-lg-inline-block {
+    display: none !important;
+  }
+  @media (max-width: 767px) {
+    .visible-xs {
+      display: block !important;
+    }
+    table.visible-xs {
+      display: table !important;
+    }
+    tr.visible-xs {
+      display: table-row !important;
+    }
+    th.visible-xs,
+    td.visible-xs {
+      display: table-cell !important;
+    }
+  }
+  @media (max-width: 767px) {
+    .visible-xs-block {
+      display: block !important;
+    }
+  }
+  @media (max-width: 767px) {
+    .visible-xs-inline {
+      display: inline !important;
+    }
+  }
+  @media (max-width: 767px) {
+    .visible-xs-inline-block {
+      display: inline-block !important;
+    }
+  }
+  @media (min-width: 768px) and (max-width: 991px) {
+    .visible-sm {
+      display: block !important;
+    }
+    table.visible-sm {
+      display: table !important;
+    }
+    tr.visible-sm {
+      display: table-row !important;
+    }
+    th.visible-sm,
+    td.visible-sm {
+      display: table-cell !important;
+    }
+  }
+  @media (min-width: 768px) and (max-width: 991px) {
+    .visible-sm-block {
+      display: block !important;
+    }
+  }
+  @media (min-width: 768px) and (max-width: 991px) {
+    .visible-sm-inline {
+      display: inline !important;
+    }
+  }
+  @media (min-width: 768px) and (max-width: 991px) {
+    .visible-sm-inline-block {
+      display: inline-block !important;
+    }
+  }
+  @media (min-width: 992px) and (max-width: 1199px) {
+    .visible-md {
+      display: block !important;
+    }
+    table.visible-md {
+      display: table !important;
+    }
+    tr.visible-md {
+      display: table-row !important;
+    }
+    th.visible-md,
+    td.visible-md {
+      display: table-cell !important;
+    }
+  }
+  @media (min-width: 992px) and (max-width: 1199px) {
+    .visible-md-block {
+      display: block !important;
+    }
+  }
+  @media (min-width: 992px) and (max-width: 1199px) {
+    .visible-md-inline {
+      display: inline !important;
+    }
+  }
+  @media (min-width: 992px) and (max-width: 1199px) {
+    .visible-md-inline-block {
+      display: inline-block !important;
+    }
+  }
+  @media (min-width: 1200px) {
+    .visible-lg {
+      display: block !important;
+    }
+    table.visible-lg {
+      display: table !important;
+    }
+    tr.visible-lg {
+      display: table-row !important;
+    }
+    th.visible-lg,
+    td.visible-lg {
+      display: table-cell !important;
+    }
+  }
+  @media (min-width: 1200px) {
+    .visible-lg-block {
+      display: block !important;
+    }
+  }
+  @media (min-width: 1200px) {
+    .visible-lg-inline {
+      display: inline !important;
+    }
+  }
+  @media (min-width: 1200px) {
+    .visible-lg-inline-block {
+      display: inline-block !important;
+    }
+  }
+  @media (max-width: 767px) {
+    .hidden-xs {
+      display: none !important;
+    }
+  }
+  @media (min-width: 768px) and (max-width: 991px) {
+    .hidden-sm {
+      display: none !important;
+    }
+  }
+  @media (min-width: 992px) and (max-width: 1199px) {
+    .hidden-md {
+      display: none !important;
+    }
+  }
+  @media (min-width: 1200px) {
+    .hidden-lg {
+      display: none !important;
+    }
+  }
+  .visible-print {
+    display: none !important;
+  }
+  @media print {
+    .visible-print {
+      display: block !important;
+    }
+    table.visible-print {
+      display: table !important;
+    }
+    tr.visible-print {
+      display: table-row !important;
+    }
+    th.visible-print,
+    td.visible-print {
+      display: table-cell !important;
+    }
+  }
+  .visible-print-block {
+    display: none !important;
+  }
+  @media print {
+    .visible-print-block {
+      display: block !important;
+    }
+  }
+  .visible-print-inline {
+    display: none !important;
+  }
+  @media print {
+    .visible-print-inline {
+      display: inline !important;
+    }
+  }
+  .visible-print-inline-block {
+    display: none !important;
+  }
+  @media print {
+    .visible-print-inline-block {
+      display: inline-block !important;
+    }
+  }
+  @media print {
+    .hidden-print {
+      display: none !important;
+    }
+  }