@redneckz/wildless-cms-uni-blocks 0.14.197 → 0.14.199

package/lib/ui-kit/BaseFiltration/useFiltrationForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiltrationForm.js","sourceRoot":"","sources":["../../../src/ui-kit/BaseFiltration/useFiltrationForm.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,OAAO,EAA0B,MAAM,qBAAqB,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAE7E,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,gBAA2B,EAC3B,EACE,KAAK,EACL,IAAI,EACJ,SAAS,GAAG,QAAQ,GAKrB,EAQD,EAAE;IACF,MAAM,MAAM,GAAG,KAAK,EAAE,MAAM,IAAI,EAAE,CAAC;IAEnC,MAAM,CAAC,eAAe,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,sBAAsB,EAAE,CAAC,GACvE,OAAO,CAAC,gBAAgB,CAAC,CAAC;IAE5B,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CACH,GAAG,CACD,MAAM,EACN,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAChE,EACH,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,CAAC,CACzB,CAAC;IAEF,MAAM,cAAc,GAClB,eAAe,KAAK,gBAAgB;QAClC,CAAC,CAAC,MAAM;QACR,CAAC,CAAC,YAAY,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC,SAAS,CAAC,CAAC;IAEhE,OAAO;QACL,eAAe;QACf,EAAE,cAAc,EAAE,eAAe,EAAE;QACnC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,sBAAsB,EAAE;KACjD,CAAC;AACJ,CAAC,CAAC"}

package/mobile/bundle/bundle.umd.js

@@ -781,6 +781,8 @@
         .filter((res) => res.status === 'fulfilled')
         .map(({ value }) => value));
 
+    const resolveBlockProps = (content, fallback) => resolveRef(content, (_) => fallback?.[_]);
+
     const useJSONRef = (content, fallback) => {
         const refs = collectRef(content);
         const [refsMap, setRefsMap] = useState({});
@@ -789,9 +791,7 @@
                 fetchRefs(refs).then(setRefsMap);
             }
         }, [refs.join()]);
-        return refs.length
-            ? resolveRef(content, (_) => refsMap[_] || fallback?.[_])
-            : content;
+        return refs.length ? resolveBlockProps(content, { ...fallback, ...refsMap }) : content;
     };
 
     const extractContent = ({ block, options, className, defaultPadding, padding, isTheme, version, children, ...content }) => content;
@@ -3365,6 +3365,42 @@
                             }, renderFoldButton: ({ isUnfolded, onToggle }) => (jsx(DefaultFoldButton, { className: style(topItemsCount < 1 ? 'hidden' : ''), disabled: !hiddenBlocks?.length, label: label, icon: ICONS$1[Number(isUnfolded)], dataTheme: rest.options?.page?.colorPalette, onClick: onToggle })) })] })] }));
     });
 
+    const SlideCheckboxGroup = JSX(({ value, onChange, items = [], multiple }) => {
+        const handleChange = (newValue) => {
+            if (!onChange) {
+                return;
+            }
+            const hasAlready = value?.includes(newValue);
+            if (multiple) {
+                onChange(hasAlready ? (value || []).filter((v) => v !== newValue) : [...(value || []), newValue]);
+            }
+            else {
+                onChange(hasAlready ? [] : [newValue]);
+            }
+        };
+        return items.map((item) => (jsx(SlideCheckbox, { text: item?.title, value: [value].flatMap((_) => _).includes(item.value), onChange: () => handleChange(item.value), type: multiple ? 'checkbox' : 'radio' }, item.value)));
+    });
+
+    const renderFiltrationForm$1 = ({ field, reset, filtrationSchema, resetButton, children, }) => (jsxs("form", { className: "flex flex-col @4xl:flex-row justify-between bg-white p-4xl gap-s @4xl:gap-0", children: [jsxs("div", { className: "flex flex-col @4xl:flex-row gap-5xl", children: [children, Object.entries(filtrationSchema).map(renderFormItem(field))] }), resetButton ? (jsx("div", { children: jsx(Button, { type: "reset", className: "w-full @4xl:w-72 @4xl:ml-s", onClick: reset, children: resetButton?.text }) })) : null] }));
+    const renderFormItem = (field) => ([key, item]) => {
+        const type = item?.type;
+        switch (type) {
+            case 'array':
+                return renderCheckboxes(key, field)(item);
+            default:
+                return null;
+        }
+    };
+    const renderCheckboxes = (key, field) => (item) => {
+        const options = item?.items?.enum?.map((e, i) => ({ value: e, title: item?.items?.enumNames?.[i] || '' })) ||
+            [];
+        return (jsxs("div", { children: [item?.title ? (jsx("div", { className: "mb-m", children: jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text", children: item.title }) })) : null, jsx(SlideCheckboxGroup, { items: options, multiple: !item?.single, ...field(key) })] }, key));
+    };
+
+    function zip(firstCol, ...restCols) {
+        return firstCol.map((firstEl, rowIndex) => [firstEl, ...restCols.map((col) => col[rowIndex])]);
+    }
+
     const isEmpty = (v) => v === null ||
         v === undefined ||
         v === '' ||
@@ -3400,38 +3436,22 @@
         .every((predicate) => predicate(target));
     const naturalNumber = (n) => Number(n || 0);
 
-    const filterBlocks = (blocks, filtrationState) => (normalize = identity) => blocks && blocks.filter((b) => targetMatchPattern(filtrationState, normalize(b.content || {})));
-
-    const SlideCheckboxGroup = JSX(({ value, onChange, items = [], multiple }) => {
-        const handleChange = (newValue) => {
-            if (!onChange) {
-                return;
-            }
-            const hasAlready = value?.includes(newValue);
-            if (multiple) {
-                onChange(hasAlready ? (value || []).filter((v) => v !== newValue) : [...(value || []), newValue]);
-            }
-            else {
-                onChange(hasAlready ? [] : [newValue]);
-            }
-        };
-        return items.map((item) => (jsx(SlideCheckbox, { text: item?.title, value: [value].flatMap((_) => _).includes(item.value), onChange: () => handleChange(item.value), type: multiple ? 'checkbox' : 'radio' }, item.value)));
-    });
-
-    const renderFiltrationForm$1 = ({ field, reset, filtrationSchema, resetButton, children, }) => (jsxs("form", { className: "flex flex-col @4xl:flex-row justify-between bg-white p-4xl gap-s @4xl:gap-0", children: [jsxs("div", { className: "flex flex-col @4xl:flex-row gap-5xl", children: [children, Object.entries(filtrationSchema).map(renderFormItem(field))] }), resetButton ? (jsx("div", { children: jsx(Button, { type: "reset", className: "w-full @4xl:w-72 @4xl:ml-s", onClick: reset, children: resetButton?.text }) })) : null] }));
-    const renderFormItem = (field) => ([key, item]) => {
-        const type = item?.type;
-        switch (type) {
-            case 'array':
-                return renderCheckboxes(key, field)(item);
-            default:
-                return null;
-        }
-    };
-    const renderCheckboxes = (key, field) => (item) => {
-        const options = item?.items?.enum?.map((e, i) => ({ value: e, title: item?.items?.enumNames?.[i] || '' })) ||
-            [];
-        return (jsxs("div", { children: [item?.title ? (jsx("div", { className: "mb-m", children: jsx(Text, { size: "text-m", font: "font-light", color: "text-secondary-text", children: item.title }) })) : null, jsx(SlideCheckboxGroup, { items: options, multiple: !item?.single, ...field(key) })] }, key));
+    const filterBlocks = (blocksWithProps, filtrationState) => (normalize = identity) => blocksWithProps
+        ?.filter(([, content]) => targetMatchPattern(filtrationState, normalize(content) || {}))
+        .map(([block]) => block);
+
+    const useFiltrationForm = (initialFormState, { block, page, normalize = identity, }) => {
+        const blocks = block?.blocks || [];
+        const [filtrationState, { field, reset, update: replaceFiltrationState }] = useForm(initialFormState);
+        const blocksWithProps = useMemo(() => zip(blocks, blocks.map((b) => resolveBlockProps(b.content, page?.fallback))), [blocks, page?.fallback]);
+        const blocksToRender = filtrationState === initialFormState
+            ? blocks
+            : filterBlocks(blocksWithProps, filtrationState)(normalize);
+        return [
+            filtrationState,
+            { blocksToRender, blocksWithProps },
+            { field, reset, update: replaceFiltrationState },
+        ];
     };
 
     const isRateRow = (rateRow) => {
@@ -3440,37 +3460,6 @@
 
     const numberRange = (start, end) => Array.from({ length: end - start + 1 }, (_, i) => start + i);
 
-    const getPeriod = (source, content) => unique((source[content?.sourceBook]?.rateRows || [])
-        .filter(isRateRow)
-        .flatMap((_) => numberRange(_.minMonths, _.maxMonths)));
-
-    const fetchMultitudeJSON = (...urls) => {
-        const fetchPromises = urls.map((url) => fetchJSON(url));
-        return Promise.all(fetchPromises);
-    };
-
-    function zip(firstCol, ...restCols) {
-        return firstCol.map((firstEl, rowIndex) => [firstEl, ...restCols.map((col) => col[rowIndex])]);
-    }
-
-    const getChildSourceBook = (blocks) => blocks?.filter(hasSourceBook).map(({ content: { sourceBook } }) => sourceBook);
-    const hasSourceBook = (block) => Boolean(block && block.content && typeof block.content.sourceBook === 'string');
-
-    function useDepositsPeriods(blocks) {
-        const { dirs = [], source = [] } = useMemo(() => {
-            const sourceBooks = getChildSourceBook(blocks);
-            return { dirs: sourceBooks?.map((url) => `/wcms-resources/${url}.json`), source: sourceBooks };
-        }, [blocks]);
-        const { data = [] } = useAsyncData(dirs, fetchMultitudeJSON);
-        return {
-            source: Object.fromEntries(zip(source, data).filter(([, sourceData]) => Boolean(sourceData))),
-            months: unique(data
-                .flatMap((item) => item?.rateRows || [])
-                .filter(isRateRow)
-                .flatMap((_) => numberRange(_.minMonths, _.maxMonths))).sort((a, b) => a - b) || [],
-        };
-    }
-
     const DEFAULT_MIN_SUM = 500;
     const DEFAULT_MAX_SUM = 1000000000;
     const initialFiltrationState$1 = {
@@ -3481,11 +3470,13 @@
         period: 3,
     };
     const DepositFiltration = UniBlock(({ className, filtrationSchema = {}, resetButton, sumInput, periodInput, ...rest }) => {
-        const { source, months } = useDepositsPeriods(rest.block?.blocks);
-        const [filtrationState, { field, reset }] = useForm(initialFiltrationState$1);
-        const blocksToRender = filtrationState === initialFiltrationState$1
-            ? rest.block?.blocks
-            : filterBlocks(rest.block?.blocks, filtrationState)((content) => ({ ...content, period: getPeriod(source, content || {}) || [] }));
+        const [, { blocksToRender, blocksWithProps }, { field, reset }] = useFiltrationForm(initialFiltrationState$1, {
+            block: rest.block,
+            page: rest.options?.page,
+            normalize: (content) => ({ ...content, period: getPeriod(content) }),
+        });
+        const rateRows = blocksWithProps.map(([, _]) => _?.paramsSource?.rateRows);
+        const months = getMonths(rateRows);
         const Inputs = (jsxs("div", { children: [jsx(CurrencyInput, { label: sumInput?.title, min: DEFAULT_MIN_SUM, max: DEFAULT_MAX_SUM, ...field('sum', {
                         parse: (min) => ({ min: Number(min), max: DEFAULT_MAX_SUM }),
                         format: ({ min }) => String(min),
@@ -3495,12 +3486,19 @@
         childrenTypes: ['ProductBlock'],
         childSchema: (content) => ({
             ...(content?.filtrationSchema || {}),
-            sourceBook: {
-                type: 'string',
+            paramsSource: {
+                type: 'object',
                 title: 'Адрес справочника',
             },
         }),
     });
+    const getPeriod = (content) => unique((content?.paramsSource?.rateRows || [])
+        .filter(isRateRow)
+        .flatMap((_) => numberRange(_.minMonths, _.maxMonths)));
+    const getMonths = (rateRows) => unique(rateRows
+        .flatMap((item) => item || [])
+        .filter(isRateRow)
+        .flatMap((_) => numberRange(_.minMonths, _.maxMonths))).sort((a, b) => a - b) || [];
 
     const renderErrorContent = (error) => {
         if (error?.contentType === 'Image' && error?.image) {
@@ -4052,11 +4050,11 @@
         stage: [],
     };
     const MortgageFiltration = UniBlock(({ className, hotFilters, filtrationSchema = {}, resetButton, ...rest }) => {
-        const [filtrationState, { field, reset, update: replaceFiltrationState }] = useForm(initialFiltrationState);
-        const blocksToRender = filtrationState === initialFiltrationState
-            ? rest.block?.blocks
-            : filterBlocks(rest.block?.blocks, filtrationState)();
-        const handleFiltrationStateChange = useCallback((_ = initialFiltrationState) => replaceFiltrationState(_), []);
+        const [filtrationState, { blocksToRender }, { field, reset, update }] = useFiltrationForm(initialFiltrationState, {
+            block: rest.block,
+            page: rest.options?.page,
+        });
+        const handleFiltrationStateChange = useCallback((_ = initialFiltrationState) => update(_), []);
         const tabsControlProps = useHotFilters({
             hotFilters,
             filtrationState,
@@ -5695,7 +5693,7 @@
 
     const joinList = (sep) => (list) => list.reduce((acc, el, i) => (acc.length ? acc.concat({ ...sep, key: `sep-${i}` }, el) : [el]), []);
 
-    const packageVersion = "0.14.196";
+    const packageVersion = "0.14.198";
 
     exports.Blocks = Blocks;
     exports.ContentPage = ContentPage;