@salutejs/plasma-b2c 1.495.1-canary.1707.12862394119.0 → 1.495.1-canary.1710.12871726145.0

package/rollup.config.mjs

@@ -36,7 +36,6 @@ export default {
         sourcemap: true,
         exports: 'named',
         assetFileNames: "[name][extname]",
-        interop: 'auto',
     }],
     external: (id) => {
         if (id.startsWith('regenerator-runtime') || id === 'tslib') {
@@ -81,78 +80,66 @@ function importCssPlugin() {
     const styles = {};
 
     return {
-        name: 'importCssPlugin',
-        transform(code, id) {
-            if (!filter(id)) {
-                return;
-            }
-
-            if (styles[id] !== code && (styles[id] || code)) {
-                styles[path.relative(inputDir, id)] = code;
-            }
-
-            return { code };
-        },
-        generateBundle(options, bundle) {
-            const files = Object.keys(bundle);
-
-            files.forEach((file) => {
-                const root = bundle[file].facadeModuleId;
-                const modules = this.getModuleInfo(root);
-
-                // ADD IMPORT FOR CSS MODULES
-                if (file.endsWith('.css.js')) {
+      name: 'importCssPlugin',
+      transform(code, id) {
+        if (!filter(id)) {
+            return;
+        }
+  
+        if (styles[id] !== code && (styles[id] || code)) {
+          styles[path.relative(inputDir, id)] = code
+        }
+  
+        return { code };
+      },
+      generateBundle(options, bundle) {
+        const files = Object.keys(bundle);
+        files.forEach((file) => {
+            const root = bundle[file].facadeModuleId
+            const modules = this.getModuleInfo(root);
+
+            // ADD IMPORT FOR CSS MODULES
+            if (file.endsWith('.css.js')) {
+                const { code } = bundle[file];
+                // TODO: #718 cjs modules => require('./file.css');
+                const importString = `import './${file.replace('.css.js', '.css.css')}';\n`;
+                this.emitFile({
+                    type: 'asset',
+                    fileName: file,
+                    source: importString + code,
+                });
+            } else if (file.endsWith('.js')) {
+                // ADD IMPORT FOR LINARIA
+                // linaria
+                const cssFiles = modules.importedIds
+                    .filter(a => a.includes(inputDir))
+                    .filter(a => !a.endsWith('.module.css') && a.endsWith('.css'))
+                    .map(a => path.relative(inputDir, a))
+
+                if (!cssFiles.length) {
+                    return;
+                }
+                const imports = [];
+                cssFiles.forEach(cssFile => {
+                    imports.push(`import './${path.relative(path.dirname(file), cssFile)}';`);
+                    this.emitFile({
+                        type: 'asset',
+                        fileName: cssFile,
+                        source: styles[cssFile],
+                    });
+                })
+                if (imports.length) {
                     const { code } = bundle[file];
-                    const data = file.replace('.css.js', '.css.css');
-
-                    const requireString =
-                        options.format === 'cjs' ? `require('./${data}');\n` : `import './${data}';\n`;
-
                     this.emitFile({
                         type: 'asset',
                         fileName: file,
-                        source: requireString + code,
-                    });
-                } else if (file.endsWith('.js')) {
-                    // ADD IMPORT FOR LINARIA
-                    // linaria
-                    const cssFiles = modules.importedIds
-                        .filter((a) => a.includes(inputDir))
-                        .filter((a) => !a.endsWith('.module.css') && a.endsWith('.css'))
-                        .map((a) => path.relative(inputDir, a));
-
-                    if (!cssFiles.length) {
-                        return;
-                    }
-
-                    const imports = [];
-
-                    cssFiles.forEach((cssFile) => {
-                        const data = path.relative(path.dirname(file), cssFile);
-
-                        const importStatement =
-                            options.format === 'cjs' ? `require('./${data}');` : `import './${data}';`;
-
-                        imports.push(importStatement);
-
-                        this.emitFile({
-                            type: 'asset',
-                            fileName: cssFile,
-                            source: styles[cssFile],
-                        });
+                        source: imports.join('\n') + '\n' + code,
                     });
 
-                    if (imports.length) {
-                        const { code } = bundle[file];
-
-                        this.emitFile({
-                            type: 'asset',
-                            fileName: file,
-                            source: `${imports.join('\n')}\n${code}`,
-                        });
-                    }
+                    console.log(`Added css: ${cssFiles} for ${file}`);
                 }
-            });
-        },
+            }
+        });
+      },
     };
-}
+  }

package/temp/plasma-b2c.api.md

@@ -80,7 +80,6 @@ import { CellTextbox } from '@salutejs/plasma-new-hope/styled-components';
 import { CellTextboxLabel } from '@salutejs/plasma-new-hope/styled-components';
 import { CellTextboxSubtitle } from '@salutejs/plasma-new-hope/styled-components';
 import { CellTextboxTitle } from '@salutejs/plasma-new-hope/styled-components';
-import { ChangeEvent } from 'react';
 import { ChangeInstanceCallback } from '@salutejs/plasma-new-hope/types/components/DatePicker/RangeDate/RangeDate.types';
 import { CheckboxProps as CheckboxProps_2 } from '@salutejs/plasma-new-hope/types/components/Checkbox/Checkbox.types';
 import { ChipGroupProps } from '@salutejs/plasma-new-hope/types/components/ChipGroup/ChipGroup.types';
@@ -152,6 +151,7 @@ import { FC } from 'react';
 import { FileProcessHandler } from '@salutejs/plasma-new-hope/types/components/Dropzone/Dropzone.types';
 import { Filter } from '@salutejs/plasma-new-hope/types/engines/types';
 import { FlowProps } from '@salutejs/plasma-new-hope/styled-components';
+import { FocusEvent as FocusEvent_2 } from 'react';
 import { FocusProps } from '@salutejs/plasma-core';
 import { formatCurrency } from '@salutejs/plasma-core';
 import { FormTypeNumber } from '@salutejs/plasma-new-hope/types/types/FormType';
@@ -1797,10 +1797,10 @@ secondTextfieldContentLeft?: ReactElement<any, string | JSXElementConstructor<an
 secondTextfieldContentRight?: ReactElement<any, string | JSXElementConstructor<any>> | undefined;
 firstTextfieldTextAfter?: string | undefined;
 secondTextfieldTextAfter?: string | undefined;
-onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
 firstTextfieldTextBefore?: string | undefined;
 secondTextfieldTextBefore?: string | undefined;
 dividerVariant?: "none" | "icon" | "dash" | undefined;
@@ -1808,6 +1808,7 @@ dividerIcon?: ReactNode;
 } & DatePickerCalendarProps & Omit<DatePickerPopoverProps, "placement"> & {
 placement?: DatePickerRangePlacement | DatePickerRangePlacementBasic[] | undefined;
 isDoubleCalendar?: boolean | undefined;
+closeAfterDateSelect?: boolean | undefined;
 } & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>>;
 
 export { DatePickerRangePlacement }
@@ -3366,10 +3367,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
 onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
 onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
 onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
-onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
 } & {
 firstTextfieldTextBefore: string;
 secondTextfieldTextBefore: string;
@@ -3405,10 +3406,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
 onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
 onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
 onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
-onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
 } & {
 dividerVariant?: "dash" | undefined;
 dividerIcon?: undefined;
@@ -3444,10 +3445,10 @@ onChangeFirstValue?: BaseCallbackChangeInstance | undefined;
 onChangeSecondValue?: BaseCallbackChangeInstance | undefined;
 onSearchFirstValue?: BaseCallbackKeyboardInstance | undefined;
 onSearchSecondValue?: BaseCallbackKeyboardInstance | undefined;
-onFocusFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onFocusSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurFirstTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
-onBlurSecondTextfield?: ((event: ChangeEvent<HTMLInputElement>) => void) | undefined;
+onFocusFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onFocusSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurFirstTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
+onBlurSecondTextfield?: ((event: FocusEvent_2<HTMLInputElement, Element>) => void) | undefined;
 } & {
 dividerIcon?: ReactNode;
 dividerVariant?: "icon" | undefined;