@redneckz/wildless-cms-uni-blocks 0.2.44 → 0.2.47

package/lib/useSitemap.js

@@ -0,0 +1,13 @@
+import { projectSettings } from './ProjectSettings.js';
+export function useSitemap(useAsyncData) {
+    const { data } = useAsyncData(sitemapURL(), fetchSitemap);
+    return data || {};
+}
+async function fetchSitemap() {
+    const response = await fetch(sitemapURL());
+    return await response.json();
+}
+function sitemapURL() {
+    return `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`;
+}
+//# sourceMappingURL=useSitemap.js.map

package/lib/useSitemap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSitemap.js","sourceRoot":"","sources":["../src/useSitemap.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,UAAU,UAAU,CAAC,YAA2B;IACpD,MAAM,EAAE,IAAI,EAAE,GAAG,YAAY,CAAC,UAAU,EAAE,EAAE,YAAY,CAAC,CAAC;IAC1D,OAAO,IAAI,IAAI,EAAE,CAAC;AACpB,CAAC;AAED,KAAK,UAAU,YAAY;IACzB,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,UAAU,EAAE,CAAC,CAAC;IAC3C,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAC;AAC/B,CAAC;AAED,SAAS,UAAU;IACjB,OAAO,mBAAmB,eAAe,CAAC,OAAO,IAAI,SAAS,OAAO,CAAC;AACxE,CAAC"}

package/lib/utils/url.d.ts

@@ -1,4 +1,4 @@
-export declare const isURL: (href?: string | undefined) => boolean | undefined;
-export declare const withoutQuery: (href?: string | undefined) => string;
-export declare const getOrigin: (href?: string | undefined) => string | undefined;
-export declare const toRelativeHref: (href?: string | undefined, baseURL?: string | undefined) => string | undefined;
+export declare const isURL: (href?: string) => boolean | undefined;
+export declare const withoutQuery: (href?: string) => string;
+export declare const getOrigin: (href?: string) => string | undefined;
+export declare const toRelativeHref: (href?: string, baseURL?: string) => string | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.2.44",
+  "version": "0.2.47",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
@@ -26,6 +26,16 @@
       "require": "./dist/Header/*.js",
       "types": "./lib/Header/*.d.ts"
     },
+    "./lib/Footer": {
+      "import": "./lib/Footer/index.js",
+      "require": "./dist/Footer/index.js",
+      "types": "./lib/Footer/index.d.ts"
+    },
+    "./lib/Footer/*.js": {
+      "import": "./lib/Footer/*.js",
+      "require": "./dist/Footer/*.js",
+      "types": "./lib/Footer/*.d.ts"
+    },
     "./lib/common.css": "./lib/common.css",
     "./fonts/ubuntu/*": "./fonts/ubuntu/*",
     "./lib/content-page-repository": {
@@ -50,7 +60,8 @@
   "files": [
     "lib",
     "dist",
-    "fonts"
+    "fonts",
+    "src"
   ],
   "author": {
     "name": "redneckz",
@@ -64,9 +75,11 @@
   },
   "scripts": {
     "build": "rimraf ./lib && tsc --build --verbose && npm run build:commonjs && npm run build:style",
-    "postbuild": "replace-in-file --configFile=replace-config.cjs --verbose",
     "build:commonjs": "rimraf ./dist && tsc --module commonjs --noImplicitUseStrict --outDir dist",
     "build:style": "postcss './src/**/*.css' --env production --dir ./lib",
+    "postbuild:style": "npm run size",
+    "postbuild": "replace-in-file --configFile=replace-config.cjs --verbose",
+    "size": "size-limit",
     "test": "jest --coverage",
     "cosmos": "cosmos",
     "cosmos:export": "cosmos-export",
@@ -86,38 +99,49 @@
   },
   "dependencies": {
     "@redneckz/uni-jsx": "^0.1.6",
-    "glob": "^8.0.1",
+    "glob": "^8.0.3",
     "remark-html": "^15.0.1",
     "remark-parse": "^10.0.1",
-    "sharp": "^0.30.4",
+    "sharp": "^0.30.6",
     "unified": "^10.1.2"
   },
   "devDependencies": {
-    "@types/jest": "^27.4.1",
-    "autoprefixer": "^10.4.4",
+    "@size-limit/file": "^7.0.8",
+    "@types/jest": "^28.1.1",
+    "autoprefixer": "^10.4.7",
     "css-loader": "^6.7.1",
-    "cssnano": "^5.1.7",
+    "cssnano": "^5.1.11",
     "html-webpack-plugin": "^5.5.0",
     "husky": "^8.0.1",
-    "jest": "^27.5.1",
-    "lint-staged": "^12.4.2",
-    "postcss": "^8.4.12",
+    "jest": "^28.1.1",
+    "lint-staged": "^13.0.1",
+    "postcss": "^8.4.14",
     "postcss-cli": "^9.1.0",
-    "postcss-loader": "^6.2.1",
+    "postcss-loader": "^7.0.0",
     "prettier": "2.6.2",
     "react-cosmos": "^5.7.2",
-    "replace-in-file": "^6.3.2",
+    "replace-in-file": "^6.3.5",
     "rimraf": "^3.0.2",
+    "size-limit": "^7.0.8",
     "style-loader": "^3.3.1",
-    "tailwindcss": "^3.0.24",
-    "ts-jest": "^27.1.4",
-    "ts-loader": "^9.2.8",
-    "typescript": "^4.6.3",
-    "webpack": "^5.72.0",
+    "tailwindcss": "^3.1.1",
+    "ts-jest": "^28.0.4",
+    "ts-loader": "^9.3.0",
+    "typescript": "^4.7.3",
+    "webpack": "^5.73.0",
     "webpack-cli": "^4.9.2"
   },
+  "size-limit": [
+    {
+      "limit": "7 kB",
+      "path": "lib/common.css"
+    }
+  ],
   "lint-staged": {
     "src/**/*.{js,jsx,ts,tsx,css}": "prettier --write",
-    "src/**/*.{js,jsx,ts,tsx,css,json}": ["cosmos-export", "git add ./docs"]
+    "src/**/*.{js,jsx,ts,tsx,css,json}": [
+      "cosmos-export",
+      "git add ./docs"
+    ]
   }
 }

package/src/BenefitsBlock.fixture.tsx

@@ -0,0 +1,34 @@
+import { context } from './setup-fixture';
+
+import { BenefitsBlock } from './BenefitsBlock';
+
+export default (
+  <BenefitsBlock
+    context={context}
+    title="Преимущества кредита"
+    benefits={[
+      {
+        label: 'Без комиссии',
+        description:
+          'Комиссия за выдачу кредита не взимается. Допускается полное или частичное погашение кредита',
+        icon: 'ClockIcon',
+      },
+      {
+        label: 'Оформление по паспорту',
+        description: 'Обеспечение не требуется. Кредит можно получить на любые цели',
+        icon: 'SignDocsIcon',
+      },
+      {
+        label: 'Без залога и поручительства',
+        description:
+          'Единовременное перечисление суммы кредита в полном объёме на текущий счет в Банке',
+        icon: 'ComfortableCompIcon',
+      },
+      {
+        label: 'Деньги за 3 дня',
+        description: 'Рассмотрение заявки с момента предоставления полного комплекта документов',
+        icon: 'ActualBalanceIcon',
+      },
+    ]}
+  />
+);

package/src/BenefitsBlock.tsx

@@ -0,0 +1,45 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { ClockIcon, SignDocsIcon, ComfortableCompIcon, ActualBalanceIcon } from './Icons/index';
+import type { UniBlockProps, Benefit } from './types';
+
+const ICONS = { ClockIcon, SignDocsIcon, ComfortableCompIcon, ActualBalanceIcon };
+
+export interface BenefitsBlockContent {
+  title?: string;
+  benefits?: Benefit[];
+}
+
+export interface BenefitsBlockProps extends BenefitsBlockContent, UniBlockProps {}
+
+export const BenefitsBlock = JSX<BenefitsBlockProps>(({ className, title, benefits }) => {
+  return (
+    <section
+      className={`font-sans text-primary-text bg-white p-12 pb-2 flex flex-col items-center ${
+        className || ''
+      }`}
+    >
+      <h2 className="font-medium text-title m-0 max-w-[47rem] text-center">{title}</h2>
+      {benefits?.length ? (
+        <div className="grid grid-cols-2 gap-5 mt-9">{benefits.map(renderStep)}</div>
+      ) : null}
+    </section>
+  );
+});
+
+const renderStep = (benefit: Benefit, i: number) => {
+  return (
+    <div key={String(i)} className="flex items-center p-10 gap-5 max-w-[580px]">
+      {benefit.icon && (
+        <div className="h-[70px] w-[70px] min-w-[70px] min-h-[70px]">
+          {ICONS[benefit.icon as keyof typeof ICONS]?.()}
+        </div>
+      )}
+      <div>
+        <h3 className="font-medium text-xl m-0">{benefit.label}</h3>
+        {benefit.description && (
+          <div className="font-normal text-sm mt-2">{benefit.description}</div>
+        )}
+      </div>
+    </div>
+  );
+};

package/src/Blocks.ts

@@ -0,0 +1,23 @@
+import { BenefitsBlock } from './BenefitsBlock';
+import { ExchangeRateTile } from './ExchangeRateTile';
+import { Footer } from './Footer/index';
+import { Header } from './Header/index';
+import { MobileAppTile } from './MobileAppTile';
+import { Placeholder } from './Placeholder';
+import { ProductBlock } from './ProductBlock';
+import { ProductGallery } from './ProductGallery';
+import { StepsBlock } from './StepsBlock';
+import { Tile } from './Tile';
+
+export const Blocks = {
+  Header,
+  Footer,
+  Placeholder,
+  Tile,
+  ProductBlock,
+  StepsBlock,
+  BenefitsBlock,
+  ProductGallery,
+  ExchangeRateTile,
+  MobileAppTile,
+};

package/src/ContentPage.fixture.tsx

@@ -0,0 +1,38 @@
+import { context } from './setup-fixture';
+
+import { BlockDecorator, ContentPage } from './ContentPage';
+
+const blockDecorator: BlockDecorator = ({ blockClassName, block, render }, i) => (
+  <div
+    key={i}
+    className={`relative flex items-stretch ${blockClassName}`}
+    onClick={() => console.log('Edit', block)}
+  >
+    {render({ block, blockClassName: `${blockClassName} w-full` })}
+    <button
+      className="absolute w-8 h-8 top-4 right-4 border rounded-full"
+      onClick={(e) => {
+        console.log('Delete', block);
+        e.stopPropagation();
+      }}
+    >
+      ╳
+    </button>
+  </div>
+);
+
+export default {
+  default: (
+    <ContentPage context={context} className="bg-main" data={require('./ContentPage.page.json')} />
+  ),
+  editor: (
+    <div style={{ background: "url('grid.svg')", height: '100%' }}>
+      <ContentPage
+        context={context}
+        className="bg-transparent"
+        data={require('./ContentPage.page.json')}
+        blockDecorator={blockDecorator}
+      />
+    </div>
+  ),
+};