@salutejs/plasma-web 1.498.0-canary.1709.12829247465.0 → 1.498.1-canary.1707.12879664455.0

package/css/cjs/components/Typography/Dspl.config.js

@@ -1,4 +1,4 @@
-import './Dspl.config_owrt7v.css';
+require('./Dspl.config_owrt7v.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Heading.config.js

@@ -1,4 +1,4 @@
-import './Heading.config_1fd36gz.css';
+require('./Heading.config_1fd36gz.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Body.config.js

@@ -1,4 +1,4 @@
-import './Body.config_mvxlwy.css';
+require('./Body.config_mvxlwy.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Button.config.js

@@ -1,4 +1,4 @@
-import './Button.config_362uoc.css';
+require('./Button.config_362uoc.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Caption.config.js

@@ -1,4 +1,4 @@
-import './Caption.config_1ov5r6f.css';
+require('./Caption.config_1ov5r6f.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Footnote.config.js

@@ -1,4 +1,4 @@
-import './Footnote.config_i1jfb5.css';
+require('./Footnote.config_i1jfb5.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Headline.config.js

@@ -1,4 +1,4 @@
-import './Headline.config_aske57.css';
+require('./Headline.config_aske57.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Paragraph.config.js

@@ -1,4 +1,4 @@
-import './Paragraph.config_50i2at.css';
+require('./Paragraph.config_50i2at.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/ParagraphText.config.js

@@ -1,4 +1,4 @@
-import './ParagraphText.config_4temfp.css';
+require('./ParagraphText.config_4temfp.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Subtitle.config.js

@@ -1,4 +1,4 @@
-import './Subtitle.config_mpskj3.css';
+require('./Subtitle.config_mpskj3.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Old/Underline.config.js

@@ -1,4 +1,4 @@
-import './Underline.config_yq6b5e.css';
+require('./Underline.config_yq6b5e.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Typography/Text.config.js

@@ -1,4 +1,4 @@
-import './Text.config_ta1h5z.css';
+require('./Text.config_ta1h5z.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.498.0-canary.1709.12829247465.0",
+  "version": "1.498.1-canary.1707.12879664455.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.191.0-dev.0",
     "@salutejs/plasma-hope": "1.328.1-dev.0",
-    "@salutejs/plasma-new-hope": "0.242.0-canary.1709.12829247465.0",
+    "@salutejs/plasma-new-hope": "0.242.1-canary.1707.12879664455.0",
     "@salutejs/plasma-themes": "0.28.0",
     "@salutejs/plasma-tokens-b2b": "1.45.0-dev.0",
     "@salutejs/plasma-tokens-b2c": "0.56.0-dev.0",
@@ -111,5 +111,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "7a47bd25a6925569b3880334ffd8a1964c306d92"
+  "gitHead": "95ea392110bf46970673e0e24535b797bff4891f"
 }

package/rollup.config.mjs

@@ -36,6 +36,7 @@ export default {
         sourcemap: true,
         exports: 'named',
         assetFileNames: "[name][extname]",
+        interop: 'auto',
     }],
     external: (id) => {
         if (id.startsWith('regenerator-runtime') || id === 'tslib') {
@@ -80,66 +81,78 @@ 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')) {
-                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) {
+        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];
+                    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: imports.join('\n') + '\n' + code,
+                        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],
+                        });
                     });
 
-                    console.log(`Added css: ${cssFiles} for ${file}`);
+                    if (imports.length) {
+                        const { code } = bundle[file];
+
+                        this.emitFile({
+                            type: 'asset',
+                            fileName: file,
+                            source: `${imports.join('\n')}\n${code}`,
+                        });
+                    }
                 }
-            }
-        });
-      },
+            });
+        },
     };
-  }
+}

package/temp/plasma-web.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';
@@ -214,7 +214,6 @@ import { PaginationProps } from '@salutejs/plasma-new-hope/styled-components';
 import { PanelProps } from '@salutejs/plasma-new-hope/types/components/Panel';
 import { PickOptional } from '@salutejs/plasma-core';
 import { PinProps } from '@salutejs/plasma-core';
-import { Placement } from '@salutejs/plasma-new-hope/types/components/Combobox/ComboboxNew/Combobox.types';
 import { PolymorphicClassName } from '@salutejs/plasma-new-hope/types/engines/types';
 import { PopoverPlacement } from '@salutejs/plasma-new-hope/styled-components';
 import type { PopoverPlacement as PopoverPlacement_2 } from '@salutejs/plasma-new-hope';
@@ -271,8 +270,6 @@ import { SegmentItemProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentProvider } from '@salutejs/plasma-new-hope/styled-components';
 import { SegmentProviderProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SelectGroup } from '@salutejs/plasma-hope';
-import { SelectPlacement } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
-import { SelectPlacementBasic } from '@salutejs/plasma-new-hope/types/components/Select/Select.types';
 import { MergedSelectProps as SelectProps } from '@salutejs/plasma-new-hope/styled-components';
 import { SelectProps as SelectPropsHope } from '@salutejs/plasma-hope';
 import { selectText } from '@salutejs/plasma-hope';
@@ -1802,10 +1799,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;
@@ -1813,6 +1810,7 @@ dividerIcon?: ReactNode;
 } & DatePickerCalendarProps & Omit<DatePickerPopoverProps, "placement"> & {
 placement?: DatePickerRangePlacement | DatePickerRangePlacementBasic[] | undefined;
 isDoubleCalendar?: boolean | undefined;
+closeAfterDateSelect?: boolean | undefined;
 } & HTMLAttributes<HTMLDivElement> & RefAttributes<RangeInputRefs>>;
 
 export { DatePickerRangePlacement }
@@ -3371,10 +3369,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;
@@ -3410,10 +3408,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;
@@ -3449,10 +3447,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;