@qoretechnologies/reqore 0.38.1 → 0.38.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build-storybook.log +144 -141
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +4 -4
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Checkbox/index.d.ts.map +1 -1
- package/dist/components/Checkbox/index.js +1 -1
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Dropdown/item.js +1 -1
- package/dist/components/Dropdown/item.js.map +1 -1
- package/dist/components/Input/index.d.ts.map +1 -1
- package/dist/components/Input/index.js +3 -3
- package/dist/components/Input/index.js.map +1 -1
- package/dist/components/InputClearButton/index.d.ts.map +1 -1
- package/dist/components/InputClearButton/index.js +1 -1
- package/dist/components/InputClearButton/index.js.map +1 -1
- package/dist/components/Menu/item.js +2 -2
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/Panel/index.d.ts.map +1 -1
- package/dist/components/Panel/index.js +6 -2
- package/dist/components/Panel/index.js.map +1 -1
- package/dist/components/Tabs/list.d.ts.map +1 -1
- package/dist/components/Tabs/list.js +3 -4
- package/dist/components/Tabs/list.js.map +1 -1
- package/dist/components/Tag/index.js +2 -2
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/components/Textarea/index.d.ts.map +1 -1
- package/dist/components/Textarea/index.js +10 -4
- package/dist/components/Textarea/index.js.map +1 -1
- package/dist/constants/sizes.d.ts +7 -0
- package/dist/constants/sizes.d.ts.map +1 -1
- package/dist/constants/sizes.js +8 -1
- package/dist/constants/sizes.js.map +1 -1
- package/migration-storybook.log +49 -81
- package/package.json +15 -15
- package/src/components/Button/index.tsx +5 -3
- package/src/components/Checkbox/index.tsx +7 -2
- package/src/components/Dropdown/item.tsx +1 -1
- package/src/components/Input/index.tsx +9 -3
- package/src/components/InputClearButton/index.tsx +1 -0
- package/src/components/Menu/item.tsx +2 -2
- package/src/components/Panel/index.tsx +6 -2
- package/src/components/Tabs/list.tsx +7 -5
- package/src/components/Tag/index.tsx +3 -3
- package/src/components/Textarea/index.tsx +17 -3
- package/src/constants/sizes.ts +8 -0
- package/src/stories/Button/Button.stories.tsx +5 -0
- package/src/stories/Dropdown/DropdownTests.stories.tsx +33 -0
- package/src/stories/Input/Input.stories.tsx +1 -0
- package/src/stories/Panel/Panel.stories.tsx +10 -0
- package/src/stories/TextArea/TextArea.stories.tsx +1 -1
- package/tests.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qCAAgC;AAChC,+BAA4E;AAC5E,qEAAgD;AAChD,2BAAuC;AACvC,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -94,6 +94,13 @@ export declare const TEXT_FROM_SIZE: {
|
|
|
94
94
|
big: number;
|
|
95
95
|
huge: number;
|
|
96
96
|
};
|
|
97
|
+
export declare const CONTROL_TEXT_FROM_SIZE: {
|
|
98
|
+
tiny: number;
|
|
99
|
+
small: number;
|
|
100
|
+
normal: number;
|
|
101
|
+
big: number;
|
|
102
|
+
huge: number;
|
|
103
|
+
};
|
|
97
104
|
export declare const ICON_FROM_SIZE: {
|
|
98
105
|
tiny: number;
|
|
99
106
|
small: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,KAAK,qDAAsD,CAAC;AAEzE,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;CAMjC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;;CAMzC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC"}
|
|
1
|
+
{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;AAClE,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEnD,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,KAAK,qDAAsD,CAAC;AAEzE,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;;CAO/B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;CAMjC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;CAM9B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;CAMlC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;CAM1B,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;CAM7B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAC;AAEF,eAAO,MAAM,6BAA6B;;;;;;CAMzC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;CAM5B,CAAC"}
|
package/dist/constants/sizes.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.WEIGHT_TO_NUMBER = exports.ICON_WRAPPER_FROM_HEADER_SIZE = exports.ICON_FROM_HEADER_SIZE = exports.GAP_FROM_SIZE = exports.RADIUS_FROM_SIZE = exports.PADDING_FROM_SIZE = exports.ICON_FROM_SIZE = exports.TEXT_FROM_SIZE = exports.MARGIN_FROM_SIZE = exports.TABS_PADDING_TO_PX = exports.TABLE_SIZE_TO_PX = exports.TABS_SIZE_TO_PX = exports.BADGE_SIZE_TO_PX = exports.SIZE_TO_PX = exports.HEADER_SIZE_TO_NUMBER = exports.NUMBER_TO_SIZE = exports.SIZE_TO_NUMBER = exports.LINE_SIZE_TO_NUMBER = exports.SIZE_TO_MODIFIER = exports.SIZES = exports.ReqoreSizes = void 0;
|
|
3
|
+
exports.WEIGHT_TO_NUMBER = exports.ICON_WRAPPER_FROM_HEADER_SIZE = exports.ICON_FROM_HEADER_SIZE = exports.GAP_FROM_SIZE = exports.RADIUS_FROM_SIZE = exports.PADDING_FROM_SIZE = exports.ICON_FROM_SIZE = exports.CONTROL_TEXT_FROM_SIZE = exports.TEXT_FROM_SIZE = exports.MARGIN_FROM_SIZE = exports.TABS_PADDING_TO_PX = exports.TABLE_SIZE_TO_PX = exports.TABS_SIZE_TO_PX = exports.BADGE_SIZE_TO_PX = exports.SIZE_TO_PX = exports.HEADER_SIZE_TO_NUMBER = exports.NUMBER_TO_SIZE = exports.SIZE_TO_NUMBER = exports.LINE_SIZE_TO_NUMBER = exports.SIZE_TO_MODIFIER = exports.SIZES = exports.ReqoreSizes = void 0;
|
|
4
4
|
exports.ReqoreSizes = {
|
|
5
5
|
TINY: 'tiny',
|
|
6
6
|
SMALL: 'small',
|
|
@@ -95,6 +95,13 @@ exports.TEXT_FROM_SIZE = {
|
|
|
95
95
|
big: 18,
|
|
96
96
|
huge: 21
|
|
97
97
|
};
|
|
98
|
+
exports.CONTROL_TEXT_FROM_SIZE = {
|
|
99
|
+
tiny: 7,
|
|
100
|
+
small: 10,
|
|
101
|
+
normal: 13,
|
|
102
|
+
big: 16,
|
|
103
|
+
huge: 19
|
|
104
|
+
};
|
|
98
105
|
exports.ICON_FROM_SIZE = {
|
|
99
106
|
tiny: 13,
|
|
100
107
|
small: 17,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":";;;AAGa,QAAA,WAAW,GAAG;IACzB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;IAChB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;CACb,CAAC;AAEW,QAAA,KAAK,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAU,CAAC;AAE5D,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,GAAG;IACR,IAAI,EAAE,GAAG;CACV,CAAC;AAEW,QAAA,mBAAmB,GAAG;IACjC,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,CAAC;IACP,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,CAAC,EAAE,MAAM;IACT,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,MAAM;CACV,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACnC,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,UAAU,GAAG;IACxB,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,eAAe,GAAG;IAC7B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,kBAAkB,GAAG;IAChC,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,IAAI,EAAE,EAAE;IACR,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,iBAAiB,GAAG;IAC/B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,EAAE;IACV,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,GAAG;IACX,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;CACR,CAAC;AAEW,QAAA,aAAa,GAAG;IAC3B,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,EAAE;IACP,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,qBAAqB,GAAG;IACnC,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,EAAE;IACL,CAAC,EAAE,CAAC;CACL,CAAC;AAEW,QAAA,6BAA6B,GAAG;IAC3C,IAAI,EAAE,EAAE;IACR,GAAG,EAAE,EAAE;IACP,MAAM,EAAE,EAAE;IACV,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;CACT,CAAC;AAEW,QAAA,gBAAgB,GAAG;IAC9B,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,IAAI,EAAE,GAAG;IACT,KAAK,EAAE,GAAG;CACX,CAAC"}
|
|
1
|
+
{"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../src/constants/sizes.ts"],"names":[],"mappings":"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"}
|
package/migration-storybook.log
CHANGED
|
@@ -2,87 +2,55 @@
|
|
|
2
2
|
|
|
3
3
|
⚠️ failed to check fix new-frameworks
|
|
4
4
|
|
|
5
|
-
Error: ❌ Your project should be upgraded to use the framework package @storybook/react-webpack5, but we detected that you are using Vite 2.9.
|
|
6
|
-
at Object.check (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:
|
|
7
|
-
at async runFixes (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:
|
|
8
|
-
at async automigrate (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:
|
|
9
|
-
at async doUpgrade (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:
|
|
10
|
-
at async withTelemetry (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/core-server/dist/index.js:
|
|
11
|
-
at async upgrade (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:
|
|
12
|
-
|
|
13
|
-
🔎 found a '
|
|
14
|
-
╭ Automigration detected
|
|
15
|
-
│
|
|
16
|
-
│ We've detected you are using
|
|
17
|
-
│
|
|
18
|
-
│
|
|
19
|
-
│
|
|
20
|
-
│
|
|
21
|
-
│
|
|
22
|
-
│
|
|
23
|
-
│
|
|
24
|
-
│
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
✅ ran storybook-binary migration
|
|
31
|
-
|
|
32
|
-
🔎 found a 'sb-scripts' migration:
|
|
33
|
-
╭ Automigration detected ─────────────────────────────────────╮
|
|
34
|
-
│ │
|
|
35
|
-
│ We've detected you are using Storybook 7.1.1 with │
|
|
36
|
-
│ scripts from previous versions of Storybook. │
|
|
37
|
-
│ Starting in Storybook 7, the start-storybook and │
|
|
38
|
-
│ build-storybook binaries have changed to storybook dev │
|
|
39
|
-
│ and storybook build respectively. │
|
|
40
|
-
│ In order to work with Storybook 7.1.1, your storybook │
|
|
41
|
-
│ scripts have to be adjusted to use the binary. We can │
|
|
42
|
-
│ adjust them for you: │
|
|
43
|
-
│ │
|
|
44
|
-
│ storybook │
|
|
45
|
-
│ from: │
|
|
46
|
-
│ start-storybook -p 6007 --no-dll │
|
|
47
|
-
│ to: │
|
|
48
|
-
│ storybook dev -p 6007 --no-dll │
|
|
49
|
-
│ │
|
|
50
|
-
│ build-storybook │
|
|
51
|
-
│ from: │
|
|
52
|
-
│ build-storybook │
|
|
53
|
-
│ to: │
|
|
54
|
-
│ storybook build │
|
|
55
|
-
│ │
|
|
56
|
-
│ In case this migration did not cover all of your │
|
|
57
|
-
│ scripts, or you'd like more info: https://github.com/st │
|
|
58
|
-
│ orybookjs/storybook/blob/next/MIGRATION.md#start-storyb │
|
|
59
|
-
│ ook--build-storybook-binaries-removed │
|
|
60
|
-
│ │
|
|
61
|
-
╰─────────────────────────────────────────────────────────────╯
|
|
62
|
-
? Do you want to run the 'sb-scripts' migration on your project? › (Y/n)✔ Do you want to run the 'sb-scripts' migration on your project? … yes
|
|
63
|
-
✅ Updating scripts in package.json
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
✅ ran sb-scripts migration
|
|
5
|
+
Error: ❌ Your project should be upgraded to use the framework package @storybook/react-webpack5, but we detected that you are using Vite 2.9.16, which is unsupported in Storybook 7.0. Please upgrade Vite to 3.0.0 or higher and rerun this migration.
|
|
6
|
+
at Object.check (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:221:8731)
|
|
7
|
+
at async runFixes (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:404:1239)
|
|
8
|
+
at async automigrate (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:401:676)
|
|
9
|
+
at async doUpgrade (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:433:3535)
|
|
10
|
+
at async withTelemetry (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/core-server/dist/index.js:103:3903)
|
|
11
|
+
at async upgrade (/home/gitpod/.npm/_npx/bc7e1e37fcb46ffc/node_modules/@storybook/cli/dist/generate.js:433:3981)
|
|
12
|
+
|
|
13
|
+
🔎 found a 'eslintPlugin' migration:
|
|
14
|
+
╭ Automigration detected ────────────────────╮
|
|
15
|
+
│ │
|
|
16
|
+
│ We've detected you are not using our │
|
|
17
|
+
│ eslint-plugin. │
|
|
18
|
+
│ │
|
|
19
|
+
│ In order to have the best experience │
|
|
20
|
+
│ with Storybook and follow best │
|
|
21
|
+
│ practices, we advise you to install │
|
|
22
|
+
│ eslint-plugin-storybook. │
|
|
23
|
+
│ │
|
|
24
|
+
│ More info: https://github.com/storyboo │
|
|
25
|
+
│ kjs/eslint-plugin-storybook#readme │
|
|
26
|
+
│ │
|
|
27
|
+
╰────────────────────────────────────────────╯
|
|
28
|
+
? Do you want to run the 'eslintPlugin' migration on your project? › (Y/n)✔ Do you want to run the 'eslintPlugin' migration on your project? … no
|
|
67
29
|
|
|
68
30
|
🔎 found a 'autodocsTrue' migration:
|
|
69
|
-
╭ Automigration detected
|
|
70
|
-
│
|
|
71
|
-
│ We've changed the configuration of
|
|
72
|
-
│ docsPage), so now
|
|
73
|
-
│
|
|
74
|
-
│ docs
|
|
75
|
-
│
|
|
76
|
-
│
|
|
77
|
-
│ - docs.autodocs:
|
|
78
|
-
│
|
|
79
|
-
│
|
|
80
|
-
│
|
|
81
|
-
│
|
|
82
|
-
│
|
|
83
|
-
│
|
|
84
|
-
│
|
|
85
|
-
│
|
|
86
|
-
│
|
|
87
|
-
|
|
31
|
+
╭ Automigration detected ────────────────────╮
|
|
32
|
+
│ │
|
|
33
|
+
│ We've changed the configuration of │
|
|
34
|
+
│ autodocs (previous docsPage), so now │
|
|
35
|
+
│ the value: │
|
|
36
|
+
│ - docs.autodocs: true -- means │
|
|
37
|
+
│ automatically create docs for every │
|
|
38
|
+
│ CSF file │
|
|
39
|
+
│ - docs.autodocs: 'tag' -- means only │
|
|
40
|
+
│ create autodocs for CSF files with the │
|
|
41
|
+
│ 'autodocs' tag │
|
|
42
|
+
│ - docs.autodocs: false -- means never │
|
|
43
|
+
│ create autodocs │
|
|
44
|
+
│ │
|
|
45
|
+
│ Based on your prior configuration, we │
|
|
46
|
+
│ can set the `docs.autodocs` to keep │
|
|
47
|
+
│ your old behaviour: │
|
|
48
|
+
│ │
|
|
49
|
+
│ docs: { autodocs: true } │
|
|
50
|
+
│ │
|
|
51
|
+
│ More info: https://github.com/storyboo │
|
|
52
|
+
│ kjs/storybook/blob/next/MIGRATION.md#a │
|
|
53
|
+
│ utodocs-changes │
|
|
54
|
+
│ │
|
|
55
|
+
╰────────────────────────────────────────────╯
|
|
88
56
|
? Do you want to run the 'autodocsTrue' migration on your project? › (Y/n)✔ Do you want to run the 'autodocsTrue' migration on your project? … no
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qoretechnologies/reqore",
|
|
3
|
-
"version": "0.38.
|
|
3
|
+
"version": "0.38.2",
|
|
4
4
|
"description": "ReQore is a highly theme-able and modular UI library for React",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -43,21 +43,21 @@
|
|
|
43
43
|
"@babel/preset-react": "^7.12.10",
|
|
44
44
|
"@babel/preset-typescript": "^7.12.7",
|
|
45
45
|
"@chromaui/addon-visual-tests": "^0.0.98",
|
|
46
|
-
"@storybook/addon-actions": "^7.
|
|
47
|
-
"@storybook/addon-essentials": "^7.
|
|
48
|
-
"@storybook/addon-interactions": "^7.
|
|
49
|
-
"@storybook/addon-links": "^7.
|
|
50
|
-
"@storybook/builder-webpack5": "^7.
|
|
51
|
-
"@storybook/jest": "^0.
|
|
52
|
-
"@storybook/manager-api": "^7.
|
|
46
|
+
"@storybook/addon-actions": "^7.5.1",
|
|
47
|
+
"@storybook/addon-essentials": "^7.5.1",
|
|
48
|
+
"@storybook/addon-interactions": "^7.5.1",
|
|
49
|
+
"@storybook/addon-links": "^7.5.1",
|
|
50
|
+
"@storybook/builder-webpack5": "^7.5.1",
|
|
51
|
+
"@storybook/jest": "^0.2.3",
|
|
52
|
+
"@storybook/manager-api": "^7.5.1",
|
|
53
53
|
"@storybook/manager-webpack5": "^6.5.16",
|
|
54
|
-
"@storybook/react": "^7.
|
|
55
|
-
"@storybook/react-webpack5": "^7.
|
|
56
|
-
"@storybook/test-runner": "^0.
|
|
57
|
-
"@storybook/testing-library": "^0.2.
|
|
54
|
+
"@storybook/react": "^7.5.1",
|
|
55
|
+
"@storybook/react-webpack5": "^7.5.1",
|
|
56
|
+
"@storybook/test-runner": "^0.13.0",
|
|
57
|
+
"@storybook/testing-library": "^0.2.2",
|
|
58
58
|
"@storybook/testing-react": "^2.0.1",
|
|
59
|
-
"@storybook/theming": "^7.
|
|
60
|
-
"@storybook/types": "^7.
|
|
59
|
+
"@storybook/theming": "^7.5.1",
|
|
60
|
+
"@storybook/types": "^7.5.1",
|
|
61
61
|
"@testing-library/jest-dom": "^5.16.5",
|
|
62
62
|
"@testing-library/react": "^13.4.0",
|
|
63
63
|
"@types/jest": "^26.0.19",
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"react-dom": "^18.2.0",
|
|
83
83
|
"react-intersection-observer": "^9.4.2",
|
|
84
84
|
"react-test-renderer": "^18.2.0",
|
|
85
|
-
"storybook": "^7.
|
|
85
|
+
"storybook": "^7.5.1",
|
|
86
86
|
"ts-jest": "^29.0.5",
|
|
87
87
|
"ts-node": "^9.1.1",
|
|
88
88
|
"typescript": "^4.7.3",
|
|
@@ -2,11 +2,11 @@ import { rgba } from 'polished';
|
|
|
2
2
|
import React, { forwardRef, memo, useCallback, useMemo, useState } from 'react';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import {
|
|
5
|
+
CONTROL_TEXT_FROM_SIZE,
|
|
5
6
|
ICON_FROM_SIZE,
|
|
6
7
|
PADDING_FROM_SIZE,
|
|
7
8
|
RADIUS_FROM_SIZE,
|
|
8
9
|
SIZE_TO_PX,
|
|
9
|
-
TEXT_FROM_SIZE,
|
|
10
10
|
TSizes,
|
|
11
11
|
} from '../../constants/sizes';
|
|
12
12
|
import { IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
|
|
@@ -64,6 +64,7 @@ export interface IReqoreButtonProps
|
|
|
64
64
|
fixed?: boolean;
|
|
65
65
|
active?: boolean;
|
|
66
66
|
flat?: boolean;
|
|
67
|
+
compact?: boolean;
|
|
67
68
|
rightIcon?: IReqoreIconName;
|
|
68
69
|
customTheme?: IReqoreCustomTheme;
|
|
69
70
|
wrap?: boolean;
|
|
@@ -121,8 +122,9 @@ export const StyledButton = styled(StyledEffect)<IReqoreButtonStyle>`
|
|
|
121
122
|
vertical-align: middle;
|
|
122
123
|
border: ${({ theme, color, flat }) =>
|
|
123
124
|
!flat ? `1px solid ${changeLightness(getButtonMainColor(theme, color), 0.2)}` : 0};
|
|
124
|
-
padding: 0
|
|
125
|
-
|
|
125
|
+
padding: 0
|
|
126
|
+
${({ size, compact }) => (compact ? PADDING_FROM_SIZE[size] / 2 : PADDING_FROM_SIZE[size])}px;
|
|
127
|
+
font-size: ${({ size }) => CONTROL_TEXT_FROM_SIZE[size]}px;
|
|
126
128
|
|
|
127
129
|
min-height: ${({ size }) => SIZE_TO_PX[size]}px;
|
|
128
130
|
min-width: ${({ size }) => SIZE_TO_PX[size]}px;
|
|
@@ -2,7 +2,12 @@ import { rgba } from 'polished';
|
|
|
2
2
|
import React, { forwardRef, useMemo, useState } from 'react';
|
|
3
3
|
import { useMeasure } from 'react-use';
|
|
4
4
|
import styled, { css } from 'styled-components';
|
|
5
|
-
import {
|
|
5
|
+
import {
|
|
6
|
+
CONTROL_TEXT_FROM_SIZE,
|
|
7
|
+
PADDING_FROM_SIZE,
|
|
8
|
+
SIZE_TO_PX,
|
|
9
|
+
TSizes,
|
|
10
|
+
} from '../../constants/sizes';
|
|
6
11
|
import { IReqoreTheme } from '../../constants/theme';
|
|
7
12
|
import {
|
|
8
13
|
changeLightness,
|
|
@@ -135,7 +140,7 @@ const StyledCheckbox = styled.div<IReqoreCheckboxStyle>`
|
|
|
135
140
|
transition: all 0.2s ease-out;
|
|
136
141
|
|
|
137
142
|
height: ${({ size }) => SIZE_TO_PX[size]}px;
|
|
138
|
-
font-size: ${({ size }) =>
|
|
143
|
+
font-size: ${({ size }) => CONTROL_TEXT_FROM_SIZE[size]}px;
|
|
139
144
|
|
|
140
145
|
max-width: ${({ fluid, fixed }) => (fluid && !fixed ? '100%' : undefined)};
|
|
141
146
|
flex: ${({ fluid, fixed }) => (fixed ? '0 auto' : fluid ? '1 auto' : '0 0 auto')};
|
|
@@ -18,7 +18,7 @@ export const ReqoreDropdownItem = memo(
|
|
|
18
18
|
return (
|
|
19
19
|
<ReqoreMenuItem
|
|
20
20
|
{...rest}
|
|
21
|
-
_insidePopover={size(rest.items) ? false :
|
|
21
|
+
_insidePopover={size(rest.items) ? false : rest._insidePopover}
|
|
22
22
|
label={rest.label || rest.value}
|
|
23
23
|
onClick={handleItemClick}
|
|
24
24
|
rightIcon={rest.selected ? 'CheckLine' : rest.rightIcon}
|
|
@@ -3,10 +3,10 @@ import { rgba } from 'polished';
|
|
|
3
3
|
import React, { forwardRef, useState } from 'react';
|
|
4
4
|
import styled, { css } from 'styled-components';
|
|
5
5
|
import {
|
|
6
|
+
CONTROL_TEXT_FROM_SIZE,
|
|
6
7
|
PADDING_FROM_SIZE,
|
|
7
8
|
RADIUS_FROM_SIZE,
|
|
8
9
|
SIZE_TO_PX,
|
|
9
|
-
TEXT_FROM_SIZE,
|
|
10
10
|
TSizes,
|
|
11
11
|
} from '../../constants/sizes';
|
|
12
12
|
import { IReqoreTheme } from '../../constants/theme';
|
|
@@ -72,11 +72,17 @@ export const StyledInputWrapper = styled.div<IReqoreInputStyle>`
|
|
|
72
72
|
min-width: 60px;
|
|
73
73
|
flex: ${({ fluid, fixed }) => (fixed ? '0 auto' : fluid ? '1 auto' : '0 1 auto')};
|
|
74
74
|
align-self: ${({ fixed, fluid }) => (fixed ? 'flex-start' : fluid ? 'stretch' : undefined)};
|
|
75
|
-
font-size: ${({ _size }) =>
|
|
75
|
+
font-size: ${({ _size }) => CONTROL_TEXT_FROM_SIZE[_size]}px;
|
|
76
76
|
position: relative;
|
|
77
77
|
overflow: hidden;
|
|
78
78
|
border-radius: ${({ minimal, rounded, _size }) =>
|
|
79
79
|
minimal || rounded === false ? 0 : RADIUS_FROM_SIZE[_size]}px;
|
|
80
|
+
|
|
81
|
+
&:focus-within {
|
|
82
|
+
.reqore-clear-input-button {
|
|
83
|
+
display: flex;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
80
86
|
`;
|
|
81
87
|
|
|
82
88
|
const StyledIconWrapper = styled.div<IReqoreInputStyle>`
|
|
@@ -109,7 +115,7 @@ export const StyledInput = styled(StyledEffect)<IReqoreInputStyle>`
|
|
|
109
115
|
}}px;
|
|
110
116
|
|
|
111
117
|
padding-left: ${({ hasIcon, _size }) => (hasIcon ? SIZE_TO_PX[_size] : 7)}px;
|
|
112
|
-
font-size: ${({ _size }) =>
|
|
118
|
+
font-size: ${({ _size }) => CONTROL_TEXT_FROM_SIZE[_size]}px;
|
|
113
119
|
transition: all 0.2s ease-out;
|
|
114
120
|
border-radius: ${({ minimal, rounded, _size }) =>
|
|
115
121
|
minimal || rounded === false ? 0 : RADIUS_FROM_SIZE[_size]}px;
|
|
@@ -67,7 +67,7 @@ const ReqoreMenuItem = memo(
|
|
|
67
67
|
removePopover!(_popoverId);
|
|
68
68
|
}
|
|
69
69
|
},
|
|
70
|
-
[itemId, _insidePopover, _popoverId, onClick]
|
|
70
|
+
[itemId, _insidePopover, _popoverId, onClick, removePopover]
|
|
71
71
|
);
|
|
72
72
|
|
|
73
73
|
const handleRightIconClick = useCallback(
|
|
@@ -83,7 +83,7 @@ const ReqoreMenuItem = memo(
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
},
|
|
86
|
-
[itemId, _insidePopover, _popoverId, onRightIconClick]
|
|
86
|
+
[itemId, _insidePopover, _popoverId, onRightIconClick, removePopover]
|
|
87
87
|
);
|
|
88
88
|
|
|
89
89
|
useEffect(() => {
|
|
@@ -306,8 +306,12 @@ export const StyledPanelTitle = styled.div<IStyledPanel>`
|
|
|
306
306
|
`;
|
|
307
307
|
|
|
308
308
|
export const StyledPanelTopBar = styled(StyledPanelTitle)`
|
|
309
|
-
padding-bottom: ${({ minimal, padded, size, transparent }: IStyledPanel) =>
|
|
310
|
-
!padded
|
|
309
|
+
padding-bottom: ${({ minimal, padded, size, transparent, isCollapsed }: IStyledPanel) =>
|
|
310
|
+
!padded || isCollapsed
|
|
311
|
+
? `${PADDING_FROM_SIZE[size]}px`
|
|
312
|
+
: minimal || transparent
|
|
313
|
+
? 0
|
|
314
|
+
: undefined};
|
|
311
315
|
padding-top: ${({ minimal, size }: IStyledPanel) =>
|
|
312
316
|
minimal ? `${PADDING_FROM_SIZE[size]}px` : undefined};
|
|
313
317
|
`;
|
|
@@ -5,10 +5,10 @@ import styled, { css } from 'styled-components';
|
|
|
5
5
|
import { IReqoreTabsListItem, IReqoreTabsProps } from '.';
|
|
6
6
|
import { ReqorePopover } from '../..';
|
|
7
7
|
import {
|
|
8
|
+
CONTROL_TEXT_FROM_SIZE,
|
|
8
9
|
GAP_FROM_SIZE,
|
|
9
10
|
ICON_FROM_SIZE,
|
|
10
11
|
PADDING_FROM_SIZE,
|
|
11
|
-
TEXT_FROM_SIZE,
|
|
12
12
|
TSizes,
|
|
13
13
|
} from '../../constants/sizes';
|
|
14
14
|
import { IReqoreBreadcrumbsTheme, IReqoreCustomTheme, IReqoreTheme } from '../../constants/theme';
|
|
@@ -100,8 +100,10 @@ const getBadgeLength = (badge: IReqoreButtonProps['badge'], tabsSize: TSizes = '
|
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
return (
|
|
103
|
-
calculateStringSizeInPixels(
|
|
104
|
-
|
|
103
|
+
calculateStringSizeInPixels(
|
|
104
|
+
badge.toString(),
|
|
105
|
+
CONTROL_TEXT_FROM_SIZE[getOneLessSize(tabsSize)]
|
|
106
|
+
) + PADDING_FROM_SIZE[tabsSize]
|
|
105
107
|
);
|
|
106
108
|
};
|
|
107
109
|
|
|
@@ -133,11 +135,11 @@ export const getLabelLength = (
|
|
|
133
135
|
? 0
|
|
134
136
|
: calculateStringSizeInPixels(
|
|
135
137
|
(item as IReqoreBreadcrumbItem | IReqoreTabsListItem)?.description?.toString(),
|
|
136
|
-
|
|
138
|
+
CONTROL_TEXT_FROM_SIZE[getOneLessSize(tabsSize)]
|
|
137
139
|
);
|
|
138
140
|
|
|
139
141
|
const topLabelLength =
|
|
140
|
-
calculateStringSizeInPixels(label?.toString(),
|
|
142
|
+
calculateStringSizeInPixels(label?.toString(), CONTROL_TEXT_FROM_SIZE[tabsSize]) +
|
|
141
143
|
icon +
|
|
142
144
|
rightIcon +
|
|
143
145
|
closeIconSize +
|
|
@@ -5,10 +5,10 @@ import styled, { css } from 'styled-components';
|
|
|
5
5
|
import { ReqorePopover, useReqoreTheme } from '../..';
|
|
6
6
|
import {
|
|
7
7
|
BADGE_SIZE_TO_PX,
|
|
8
|
+
CONTROL_TEXT_FROM_SIZE,
|
|
8
9
|
PADDING_FROM_SIZE,
|
|
9
10
|
RADIUS_FROM_SIZE,
|
|
10
11
|
SIZE_TO_PX,
|
|
11
|
-
TEXT_FROM_SIZE,
|
|
12
12
|
TSizes,
|
|
13
13
|
} from '../../constants/sizes';
|
|
14
14
|
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
@@ -93,7 +93,7 @@ export const StyledTag = styled(StyledEffect)<IReqoreTagStyle>`
|
|
|
93
93
|
font-weight: 600;
|
|
94
94
|
overflow: hidden;
|
|
95
95
|
vertical-align: middle;
|
|
96
|
-
font-size: ${({ size }) =>
|
|
96
|
+
font-size: ${({ size }) => CONTROL_TEXT_FROM_SIZE[size]}px;
|
|
97
97
|
|
|
98
98
|
min-width: ${({ size }) => SIZE_TO_PX[size]}px;
|
|
99
99
|
max-width: ${({ fixed }) => (fixed !== true ? '100%' : undefined)};
|
|
@@ -213,7 +213,7 @@ const StyledTagContentKey = styled(StyledTagContent)`
|
|
|
213
213
|
|
|
214
214
|
const StyledButtonWrapper = styled.span<IReqoreTagStyle>`
|
|
215
215
|
flex-shrink: 0;
|
|
216
|
-
font-size: ${({ size }) =>
|
|
216
|
+
font-size: ${({ size }) => CONTROL_TEXT_FROM_SIZE[size]}px;
|
|
217
217
|
width: ${({ size }) => SIZE_TO_PX[size]}px;
|
|
218
218
|
display: flex;
|
|
219
219
|
justify-content: center;
|
|
@@ -2,7 +2,13 @@ import { rgba } from 'polished';
|
|
|
2
2
|
import React, { forwardRef, useCallback, useEffect, useState } from 'react';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import { ReqoreDropdown } from '../..';
|
|
5
|
-
import {
|
|
5
|
+
import {
|
|
6
|
+
CONTROL_TEXT_FROM_SIZE,
|
|
7
|
+
PADDING_FROM_SIZE,
|
|
8
|
+
RADIUS_FROM_SIZE,
|
|
9
|
+
SIZE_TO_PX,
|
|
10
|
+
TSizes,
|
|
11
|
+
} from '../../constants/sizes';
|
|
6
12
|
import { IReqoreTheme } from '../../constants/theme';
|
|
7
13
|
import { changeLightness, getReadableColor } from '../../helpers/colors';
|
|
8
14
|
import { IReqoreAutoFocusRules, useAutoFocus } from '../../hooks/useAutoFocus';
|
|
@@ -67,16 +73,23 @@ export const StyledTextareaWrapper = styled.div<IReqoreTextareaStyle>`
|
|
|
67
73
|
align-self: ${({ fixed, fluid }) => (fixed ? 'flex-start' : fluid ? 'stretch' : undefined)};
|
|
68
74
|
position: relative;
|
|
69
75
|
overflow: hidden;
|
|
76
|
+
|
|
77
|
+
&:focus-within {
|
|
78
|
+
.reqore-clear-input-button {
|
|
79
|
+
display: flex;
|
|
80
|
+
}
|
|
81
|
+
}
|
|
70
82
|
`;
|
|
71
83
|
|
|
72
84
|
export const StyledTextarea = styled(StyledEffect)<IReqoreTextareaStyle>`
|
|
73
85
|
width: 100%;
|
|
74
86
|
max-width: 100%;
|
|
75
87
|
max-height: 100%;
|
|
76
|
-
font-size: ${({ _size }) =>
|
|
88
|
+
font-size: ${({ _size }) => CONTROL_TEXT_FROM_SIZE[_size]}px;
|
|
77
89
|
margin: 0;
|
|
78
|
-
padding:
|
|
90
|
+
padding: ${({ _size }) => PADDING_FROM_SIZE[_size] / 2}px;
|
|
79
91
|
min-height: ${({ _size }) => SIZE_TO_PX[_size]}px;
|
|
92
|
+
line-height: ${({ _size }) => SIZE_TO_PX[_size] - CONTROL_TEXT_FROM_SIZE[_size]}px;
|
|
80
93
|
|
|
81
94
|
background-color: ${({ theme, minimal }: IReqoreInputStyle) =>
|
|
82
95
|
minimal ? 'transparent' : rgba(theme.main, 0.1)};
|
|
@@ -201,6 +214,7 @@ const ReqoreInput = forwardRef<HTMLTextAreaElement, IReqoreTextareaProps>(
|
|
|
201
214
|
rows={1}
|
|
202
215
|
value={_value}
|
|
203
216
|
readonly={rest?.readOnly}
|
|
217
|
+
tabIndex={rest?.disabled ? -1 : 0}
|
|
204
218
|
/>
|
|
205
219
|
<ReqoreInputClearButton
|
|
206
220
|
enabled={!rest?.readOnly && !rest?.disabled && !!(onClearClick && onChange)}
|
package/src/constants/sizes.ts
CHANGED
|
@@ -109,6 +109,14 @@ export const TEXT_FROM_SIZE = {
|
|
|
109
109
|
huge: 21,
|
|
110
110
|
};
|
|
111
111
|
|
|
112
|
+
export const CONTROL_TEXT_FROM_SIZE = {
|
|
113
|
+
tiny: 7,
|
|
114
|
+
small: 10,
|
|
115
|
+
normal: 13,
|
|
116
|
+
big: 16,
|
|
117
|
+
huge: 19,
|
|
118
|
+
};
|
|
119
|
+
|
|
112
120
|
export const ICON_FROM_SIZE = {
|
|
113
121
|
tiny: 13,
|
|
114
122
|
small: 17,
|
|
@@ -48,6 +48,11 @@ const Template: StoryFn<typeof ReqoreButton> = (buttonProps) => {
|
|
|
48
48
|
<ReqoreButton {...buttonProps} minimal flat>
|
|
49
49
|
Minimal
|
|
50
50
|
</ReqoreButton>
|
|
51
|
+
<ReqoreButton {...buttonProps} icon={undefined} rightIcon={undefined} compact>
|
|
52
|
+
Compact
|
|
53
|
+
</ReqoreButton>
|
|
54
|
+
<ReqoreButton {...buttonProps} rightIcon={undefined} compact />
|
|
55
|
+
<ReqoreButton {...buttonProps} compact />
|
|
51
56
|
<ReqoreButton {...buttonProps} readOnly onClick={alert}>
|
|
52
57
|
Read only
|
|
53
58
|
</ReqoreButton>
|
|
@@ -3,6 +3,7 @@ import { StoryObj } from '@storybook/react';
|
|
|
3
3
|
import { fireEvent, waitFor, within } from '@storybook/testing-library';
|
|
4
4
|
import ReqoreButton, { IReqoreButtonProps } from '../../components/Button';
|
|
5
5
|
import { IReqoreDropdownProps } from '../../components/Dropdown';
|
|
6
|
+
import { sleep } from '../../helpers/utils';
|
|
6
7
|
import { ReqoreDropdown } from '../../index';
|
|
7
8
|
import { StoryMeta } from '../utils';
|
|
8
9
|
import { argManager } from '../utils/args';
|
|
@@ -47,6 +48,38 @@ export default meta;
|
|
|
47
48
|
|
|
48
49
|
type Story = StoryObj<typeof meta>;
|
|
49
50
|
|
|
51
|
+
export const ListIsClosedWhenItemIsClicked: Story = {
|
|
52
|
+
args: {
|
|
53
|
+
label: 'Default dropdown',
|
|
54
|
+
items: [
|
|
55
|
+
{
|
|
56
|
+
label: 'Test item 1',
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
label: 'Test item 2',
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
label: 'Test item 3',
|
|
63
|
+
},
|
|
64
|
+
],
|
|
65
|
+
},
|
|
66
|
+
play: async ({ canvasElement, ...rest }) => {
|
|
67
|
+
const canvas = within(canvasElement);
|
|
68
|
+
|
|
69
|
+
await sleep(200);
|
|
70
|
+
|
|
71
|
+
await fireEvent.click(canvas.getAllByText('Default dropdown')[0]);
|
|
72
|
+
|
|
73
|
+
await sleep(200);
|
|
74
|
+
|
|
75
|
+
await fireEvent.click(canvas.getAllByText('Test item 1')[0]);
|
|
76
|
+
|
|
77
|
+
await sleep(200);
|
|
78
|
+
|
|
79
|
+
await expect(document.querySelector('.reqore-popover-content')).toBeFalsy();
|
|
80
|
+
},
|
|
81
|
+
};
|
|
82
|
+
|
|
50
83
|
export const ItemsCanBeTraversed: Story = {
|
|
51
84
|
...WithChildItems,
|
|
52
85
|
play: async ({ canvasElement, ...rest }) => {
|