@skbkontur/react-ui 5.4.2 → 5.4.4

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext/ReactUIFeatureFlagsContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","reactUIFeatureFlagsDefault","dateInputFixSameNumberTypingOnRefocus","dateInputAllowInvalidValuesInDays","comboBoxAllowValueChangeInEditingState","stickyReduceLayoutEvents","radioGroupRemoveBaselineSpacer","groupAddHintAndTooltipSupport","popupFixPinTearing","autocompleteUseMaskedInput","fxInputUseMaskedInput","sidePageDisableHeaderShrink","sidePageNotCutTitleOnStuckByDefault","tokenInputCreateTokenOnBlurInWithoutReferenceMode","ReactUIFeatureFlagsContext","createContext","displayName","__KONTUR_REACT_UI__"],"sources":["ReactUIFeatureFlagsContext.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface ReactUIFeatureFlags {\n  dateInputFixSameNumberTypingOnRefocus?: boolean;\n  dateInputAllowInvalidValuesInDays?: boolean;\n  comboBoxAllowValueChangeInEditingState?: boolean;\n  stickyReduceLayoutEvents?: boolean;\n  radioGroupRemoveBaselineSpacer?: boolean;\n  groupAddHintAndTooltipSupport?: boolean;\n  popupFixPinTearing?: boolean;\n  autocompleteUseMaskedInput?: boolean;\n  fxInputUseMaskedInput?: boolean;\n  sidePageDisableHeaderShrink?: boolean;\n  sidePageNotCutTitleOnStuckByDefault?: boolean;\n  tokenInputCreateTokenOnBlurInWithoutReferenceMode?: boolean;\n}\n\nexport const reactUIFeatureFlagsDefault: ReactUIFeatureFlags = {\n  dateInputFixSameNumberTypingOnRefocus: false,\n  dateInputAllowInvalidValuesInDays: false,\n  comboBoxAllowValueChangeInEditingState: false,\n  stickyReduceLayoutEvents: false,\n  radioGroupRemoveBaselineSpacer: false,\n  groupAddHintAndTooltipSupport: false,\n  popupFixPinTearing: false,\n  autocompleteUseMaskedInput: false,\n  fxInputUseMaskedInput: false,\n  sidePageDisableHeaderShrink: false,\n  sidePageNotCutTitleOnStuckByDefault: false,\n  tokenInputCreateTokenOnBlurInWithoutReferenceMode: false,\n};\n\nexport const ReactUIFeatureFlagsContext = React.createContext<ReactUIFeatureFlags>(reactUIFeatureFlagsDefault);\n\nReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';\nReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;;;;;;;;AAiBzB,OAAO,IAAMC,0BAA+C,GAAG;EAC7DC,qCAAqC,EAAE,KAAK;EAC5CC,iCAAiC,EAAE,KAAK;EACxCC,sCAAsC,EAAE,KAAK;EAC7CC,wBAAwB,EAAE,KAAK;EAC/BC,8BAA8B,EAAE,KAAK;EACrCC,6BAA6B,EAAE,KAAK;EACpCC,kBAAkB,EAAE,KAAK;EACzBC,0BAA0B,EAAE,KAAK;EACjCC,qBAAqB,EAAE,KAAK;EAC5BC,2BAA2B,EAAE,KAAK;EAClCC,mCAAmC,EAAE,KAAK;EAC1CC,iDAAiD,EAAE;AACrD,CAAC;;AAED,OAAO,IAAMC,0BAA0B,gBAAGd,KAAK,CAACe,aAAa,CAAsBd,0BAA0B,CAAC;;AAE9Ga,0BAA0B,CAACE,WAAW,GAAG,4BAA4B;AACrEF,0BAA0B,CAACG,mBAAmB,GAAG,4BAA4B","ignoreList":[]}
+{"version":3,"names":["React","reactUIFeatureFlagsDefault","dateInputFixSameNumberTypingOnRefocus","dateInputAllowInvalidValuesInDays","comboBoxAllowValueChangeInEditingState","stickyReduceLayoutEvents","radioGroupRemoveBaselineSpacer","groupAddHintAndTooltipSupport","popupFixPinTearing","autocompleteUseMaskedInput","fxInputUseMaskedInput","sidePageDisableHeaderShrink","sidePageNotCutTitleOnStuckByDefault","tokenInputCreateTokenOnBlurInWithoutReferenceMode","textareaBaselineAlign","ReactUIFeatureFlagsContext","createContext","displayName","__KONTUR_REACT_UI__"],"sources":["ReactUIFeatureFlagsContext.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface ReactUIFeatureFlags {\n  dateInputFixSameNumberTypingOnRefocus?: boolean;\n  dateInputAllowInvalidValuesInDays?: boolean;\n  comboBoxAllowValueChangeInEditingState?: boolean;\n  stickyReduceLayoutEvents?: boolean;\n  radioGroupRemoveBaselineSpacer?: boolean;\n  groupAddHintAndTooltipSupport?: boolean;\n  popupFixPinTearing?: boolean;\n  autocompleteUseMaskedInput?: boolean;\n  fxInputUseMaskedInput?: boolean;\n  sidePageDisableHeaderShrink?: boolean;\n  sidePageNotCutTitleOnStuckByDefault?: boolean;\n  tokenInputCreateTokenOnBlurInWithoutReferenceMode?: boolean;\n  textareaBaselineAlign?: boolean;\n}\n\nexport const reactUIFeatureFlagsDefault: ReactUIFeatureFlags = {\n  dateInputFixSameNumberTypingOnRefocus: false,\n  dateInputAllowInvalidValuesInDays: false,\n  comboBoxAllowValueChangeInEditingState: false,\n  stickyReduceLayoutEvents: false,\n  radioGroupRemoveBaselineSpacer: false,\n  groupAddHintAndTooltipSupport: false,\n  popupFixPinTearing: false,\n  autocompleteUseMaskedInput: false,\n  fxInputUseMaskedInput: false,\n  sidePageDisableHeaderShrink: false,\n  sidePageNotCutTitleOnStuckByDefault: false,\n  tokenInputCreateTokenOnBlurInWithoutReferenceMode: false,\n  textareaBaselineAlign: false,\n};\n\nexport const ReactUIFeatureFlagsContext = React.createContext<ReactUIFeatureFlags>(reactUIFeatureFlagsDefault);\n\nReactUIFeatureFlagsContext.displayName = 'ReactUIFeatureFlagsContext';\nReactUIFeatureFlagsContext.__KONTUR_REACT_UI__ = 'ReactUIFeatureFlagsContext';\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;;;;;;;;;;;;;AAkBzB,OAAO,IAAMC,0BAA+C,GAAG;EAC7DC,qCAAqC,EAAE,KAAK;EAC5CC,iCAAiC,EAAE,KAAK;EACxCC,sCAAsC,EAAE,KAAK;EAC7CC,wBAAwB,EAAE,KAAK;EAC/BC,8BAA8B,EAAE,KAAK;EACrCC,6BAA6B,EAAE,KAAK;EACpCC,kBAAkB,EAAE,KAAK;EACzBC,0BAA0B,EAAE,KAAK;EACjCC,qBAAqB,EAAE,KAAK;EAC5BC,2BAA2B,EAAE,KAAK;EAClCC,mCAAmC,EAAE,KAAK;EAC1CC,iDAAiD,EAAE,KAAK;EACxDC,qBAAqB,EAAE;AACzB,CAAC;;AAED,OAAO,IAAMC,0BAA0B,gBAAGf,KAAK,CAACgB,aAAa,CAAsBf,0BAA0B,CAAC;;AAE9Gc,0BAA0B,CAACE,WAAW,GAAG,4BAA4B;AACrEF,0BAA0B,CAACG,mBAAmB,GAAG,4BAA4B","ignoreList":[]}

package/lib/featureFlagsContext/ReactUIFeatureFlagsContext.d.ts

@@ -12,6 +12,7 @@ export interface ReactUIFeatureFlags {
     sidePageDisableHeaderShrink?: boolean;
     sidePageNotCutTitleOnStuckByDefault?: boolean;
     tokenInputCreateTokenOnBlurInWithoutReferenceMode?: boolean;
+    textareaBaselineAlign?: boolean;
 }
 export declare const reactUIFeatureFlagsDefault: ReactUIFeatureFlags;
 export declare const ReactUIFeatureFlagsContext: React.Context<ReactUIFeatureFlags>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skbkontur/react-ui",
-  "version": "5.4.2",
+  "version": "5.4.4",
   "description": "UI Components",
   "main": "cjs/index.js",
   "module": "index.js",
@@ -37,8 +37,8 @@
     "fix:prettier": "yarn prettier --write .",
     "test": "vitest run",
     "test:watch": "vitest",
-    "creevey": "node ../../scripts/creevey-prepare.js .creevey/config.mts && cross-env BABEL_ENV=cjs creevey -c .creevey/config.mts",
-    "creevey:ci": "start-server-and-test storybook:serve http://localhost:6060 creevey",
+    "creevey": "cross-env BABEL_ENV=cjs creevey test -c .creevey/config.mts --storybook-port=6060",
+    "creevey:ci": "npx playwright install --with-deps chromium firefox && start-server-and-test storybook:serve http://localhost:6060 creevey",
     "creevey:update": "cross-env BABEL_ENV=cjs creevey -c .creevey/config.mts --update",
     "creevey:ui": "yarn creevey --ui",
     "report:eslint": "yarn eslint -f eslint-html-reporter/reporter.js -o reports/eslint/index.html"
@@ -74,6 +74,7 @@
     "@babel/preset-react": "^7.24.6",
     "@babel/preset-typescript": "^7.24.6",
     "@babel/register": "^7.24.6",
+    "@playwright/test": "^1.54.2",
     "@skbkontur/icons": "1.10.0",
     "@skbkontur/storybook-addon-live-examples": "0.0.17",
     "@storybook/addon-a11y": "7.6.18",
@@ -106,7 +107,7 @@
     "chalk": "4.1.0",
     "copyfiles": "^2.4.1",
     "core-js": "^3.37.1",
-    "creevey": "0.10.0-beta.47",
+    "creevey": "0.10.31",
     "cross-env": "^7.0.3",
     "css-loader": "^7.1.2",
     "dotenv": "^16.4.5",
@@ -125,6 +126,7 @@
     "jsdom": "^26.1.0",
     "npm-run-all": "^4.1.5",
     "output-file-sync": "^2.0.1",
+    "playwright-core": "^1.54.2",
     "react": "18.3.1",
     "react-docgen-typescript": "^2.2.2",
     "react-dom": "^18.3.1",

package/cjs/lib/__stories__/Blink.creevey.mts

@@ -1,90 +0,0 @@
-import { story, kind, test } from 'creevey';
-import type { CreeveyTestContext } from 'creevey';
-
-const startBlink = async (context: CreeveyTestContext) => {
-  await context.webdriver
-    .actions({
-      bridge: true,
-    })
-    .click(
-      context.webdriver.findElement({
-        css: 'input',
-      }),
-    )
-    .sendKeys('1')
-    .perform();
-};
-const finishBlink = async (context: CreeveyTestContext) => {
-  await context.webdriver
-    .actions({
-      bridge: true,
-    })
-    .click(
-      context.webdriver.findElement({
-        css: 'input',
-      }),
-    )
-    .sendKeys('2')
-    .perform();
-};
-const interruptBlink = async (context: CreeveyTestContext) => {
-  await context.webdriver
-    .actions({
-      bridge: true,
-    })
-    .click(
-      context.webdriver.findElement({
-        css: '[data-tid="update-input"]',
-      }),
-    )
-    .perform();
-};
-
-const pressedTest = () => {
-  test('blinking', async (context) => {
-    await startBlink(context);
-    const start = await context.takeScreenshot();
-
-    await finishBlink(context);
-    const finish = await context.takeScreenshot();
-
-    await context.matchImages({ start, finish });
-  });
-
-  test('interrupting', async (context) => {
-    await startBlink(context);
-    const start = await context.takeScreenshot();
-
-    await interruptBlink(context);
-    const interrupt = await context.takeScreenshot();
-
-    await context.matchImages({ start, interrupt });
-  });
-
-  test('blinking after interruption', async (context) => {
-    await startBlink(context);
-    const start = await context.takeScreenshot();
-
-    await interruptBlink(context);
-    const interrupt = await context.takeScreenshot();
-
-    await startBlink(context);
-    const restart = await context.takeScreenshot();
-
-    await finishBlink(context);
-    const finish = await context.takeScreenshot();
-
-    await context.matchImages({ start, interrupt, restart, finish });
-  });
-};
-
-const defaultStoryParameters = {
-  skip: { 'enough basic themes': { in: /^(?!\bchrome2022\b|\bfirefox2022\b)/ } },
-};
-
-kind('Lib/blink', () => {
-  story('Animate', ({ setStoryParameters }) => {
-    setStoryParameters(defaultStoryParameters);
-    pressedTest();
-  });
-});

package/lib/__stories__/Blink.creevey.mts

@@ -1,90 +0,0 @@
-import { story, kind, test } from 'creevey';
-import type { CreeveyTestContext } from 'creevey';
-
-const startBlink = async (context: CreeveyTestContext) => {
-  await context.webdriver
-    .actions({
-      bridge: true,
-    })
-    .click(
-      context.webdriver.findElement({
-        css: 'input',
-      }),
-    )
-    .sendKeys('1')
-    .perform();
-};
-const finishBlink = async (context: CreeveyTestContext) => {
-  await context.webdriver
-    .actions({
-      bridge: true,
-    })
-    .click(
-      context.webdriver.findElement({
-        css: 'input',
-      }),
-    )
-    .sendKeys('2')
-    .perform();
-};
-const interruptBlink = async (context: CreeveyTestContext) => {
-  await context.webdriver
-    .actions({
-      bridge: true,
-    })
-    .click(
-      context.webdriver.findElement({
-        css: '[data-tid="update-input"]',
-      }),
-    )
-    .perform();
-};
-
-const pressedTest = () => {
-  test('blinking', async (context) => {
-    await startBlink(context);
-    const start = await context.takeScreenshot();
-
-    await finishBlink(context);
-    const finish = await context.takeScreenshot();
-
-    await context.matchImages({ start, finish });
-  });
-
-  test('interrupting', async (context) => {
-    await startBlink(context);
-    const start = await context.takeScreenshot();
-
-    await interruptBlink(context);
-    const interrupt = await context.takeScreenshot();
-
-    await context.matchImages({ start, interrupt });
-  });
-
-  test('blinking after interruption', async (context) => {
-    await startBlink(context);
-    const start = await context.takeScreenshot();
-
-    await interruptBlink(context);
-    const interrupt = await context.takeScreenshot();
-
-    await startBlink(context);
-    const restart = await context.takeScreenshot();
-
-    await finishBlink(context);
-    const finish = await context.takeScreenshot();
-
-    await context.matchImages({ start, interrupt, restart, finish });
-  });
-};
-
-const defaultStoryParameters = {
-  skip: { 'enough basic themes': { in: /^(?!\bchrome2022\b|\bfirefox2022\b)/ } },
-};
-
-kind('Lib/blink', () => {
-  story('Animate', ({ setStoryParameters }) => {
-    setStoryParameters(defaultStoryParameters);
-    pressedTest();
-  });
-});