@skbkontur/react-ui 4.5.3-theme2022.0 → 4.6.0

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.
Files changed (219) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/LICENSE +21 -21
  3. package/cjs/components/Button/Button.d.ts +1 -10
  4. package/cjs/components/Button/Button.js +3 -81
  5. package/cjs/components/Button/Button.js.map +1 -1
  6. package/cjs/components/Button/Button.mixins.js +4 -5
  7. package/cjs/components/Button/Button.mixins.js.map +1 -1
  8. package/cjs/components/Button/Button.styles.d.ts +0 -23
  9. package/cjs/components/Button/Button.styles.js +73 -331
  10. package/cjs/components/Button/Button.styles.js.map +1 -1
  11. package/cjs/components/Checkbox/Checkbox.js +1 -1
  12. package/cjs/components/Checkbox/Checkbox.js.map +1 -1
  13. package/cjs/components/Checkbox/Checkbox.styles.d.ts +1 -1
  14. package/cjs/components/Checkbox/Checkbox.styles.js +4 -6
  15. package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
  16. package/cjs/components/CurrencyInput/CurrencyHelper.js +1 -1
  17. package/cjs/components/CurrencyInput/CurrencyHelper.js.map +1 -1
  18. package/cjs/components/CurrencyInput/constants.d.ts +3 -0
  19. package/cjs/components/CurrencyInput/constants.js +6 -2
  20. package/cjs/components/CurrencyInput/constants.js.map +1 -1
  21. package/cjs/components/CurrencyLabel/CurrencyLabel.d.ts +3 -1
  22. package/cjs/components/CurrencyLabel/CurrencyLabel.js +6 -3
  23. package/cjs/components/CurrencyLabel/CurrencyLabel.js.map +1 -1
  24. package/cjs/components/CurrencyLabel/CurrencyLabel.md +29 -23
  25. package/cjs/components/DropdownMenu/DropdownMenu.md +38 -0
  26. package/cjs/components/Gapped/Gapped.md +43 -43
  27. package/cjs/components/Input/Input.js +6 -1
  28. package/cjs/components/Input/Input.js.map +1 -1
  29. package/cjs/components/Link/Link.d.ts +0 -3
  30. package/cjs/components/Link/Link.js +8 -31
  31. package/cjs/components/Link/Link.js.map +1 -1
  32. package/cjs/components/Link/Link.mixins.d.ts +0 -1
  33. package/cjs/components/Link/Link.mixins.js +6 -44
  34. package/cjs/components/Link/Link.mixins.js.map +1 -1
  35. package/cjs/components/Link/Link.styles.d.ts +0 -6
  36. package/cjs/components/Link/Link.styles.js +17 -86
  37. package/cjs/components/Link/Link.styles.js.map +1 -1
  38. package/cjs/components/MenuItem/MenuItem.d.ts +6 -0
  39. package/cjs/components/MenuItem/MenuItem.js +12 -2
  40. package/cjs/components/MenuItem/MenuItem.js.map +1 -1
  41. package/cjs/components/MenuSeparator/MenuSeparator.styles.js +2 -2
  42. package/cjs/components/MenuSeparator/MenuSeparator.styles.js.map +1 -1
  43. package/cjs/components/Modal/Modal.styles.d.ts +0 -3
  44. package/cjs/components/Modal/Modal.styles.js +10 -32
  45. package/cjs/components/Modal/Modal.styles.js.map +1 -1
  46. package/cjs/components/Modal/ModalFooter.js +2 -6
  47. package/cjs/components/Modal/ModalFooter.js.map +1 -1
  48. package/cjs/components/Modal/ModalHeader.js +3 -9
  49. package/cjs/components/Modal/ModalHeader.js.map +1 -1
  50. package/cjs/components/PasswordInput/PasswordInput.md +9 -9
  51. package/cjs/components/RadioGroup/RadioGroup.md +43 -43
  52. package/cjs/components/SidePage/SidePage.d.ts +5 -0
  53. package/cjs/components/SidePage/SidePage.js +9 -1
  54. package/cjs/components/SidePage/SidePage.js.map +1 -1
  55. package/cjs/components/SidePage/SidePageBody.d.ts +1 -0
  56. package/cjs/components/SidePage/SidePageBody.js +11 -6
  57. package/cjs/components/SidePage/SidePageBody.js.map +1 -1
  58. package/cjs/components/Token/Token.md +112 -112
  59. package/cjs/internal/InternalMenu/InternalMenu.d.ts +1 -0
  60. package/cjs/internal/InternalMenu/InternalMenu.js +24 -8
  61. package/cjs/internal/InternalMenu/InternalMenu.js.map +1 -1
  62. package/cjs/internal/InternalMenu/InternalMenu.styles.d.ts +5 -4
  63. package/cjs/internal/InternalMenu/InternalMenu.styles.js +14 -18
  64. package/cjs/internal/InternalMenu/InternalMenu.styles.js.map +1 -1
  65. package/cjs/internal/Menu/Menu.styles.js +2 -1
  66. package/cjs/internal/Menu/Menu.styles.js.map +1 -1
  67. package/cjs/internal/ThemeShowcase/ThemeShowcase.md +13 -13
  68. package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  69. package/cjs/internal/icons/16px/index.d.ts +0 -3
  70. package/cjs/internal/icons/16px/index.js +8 -22
  71. package/cjs/internal/icons/16px/index.js.map +1 -1
  72. package/cjs/internal/themes/DefaultTheme.d.ts +0 -40
  73. package/cjs/internal/themes/DefaultTheme.js +3 -84
  74. package/cjs/internal/themes/DefaultTheme.js.map +1 -1
  75. package/cjs/internal/themes/Theme2022.d.ts +4 -60
  76. package/cjs/internal/themes/Theme2022.js +63 -156
  77. package/cjs/internal/themes/Theme2022.js.map +1 -1
  78. package/cjs/internal/themes/Theme2022Dark.d.ts +0 -9
  79. package/cjs/internal/themes/Theme2022Dark.js +1 -15
  80. package/cjs/internal/themes/Theme2022Dark.js.map +1 -1
  81. package/cjs/lib/theming/ThemeHelpers.d.ts +0 -3
  82. package/cjs/lib/theming/ThemeHelpers.js +1 -17
  83. package/cjs/lib/theming/ThemeHelpers.js.map +1 -1
  84. package/cjs/lib/theming/themes/Theme2022.js +1 -2
  85. package/cjs/lib/theming/themes/Theme2022.js.map +1 -1
  86. package/cjs/lib/utils.d.ts +1 -1
  87. package/cjs/lib/utils.js +2 -3
  88. package/cjs/lib/utils.js.map +1 -1
  89. package/cjs/typings/utility-types.d.ts +1 -1
  90. package/components/Button/Button/Button.js +11 -61
  91. package/components/Button/Button/Button.js.map +1 -1
  92. package/components/Button/Button.d.ts +1 -10
  93. package/components/Button/Button.mixins/Button.mixins.js +2 -2
  94. package/components/Button/Button.mixins/Button.mixins.js.map +1 -1
  95. package/components/Button/Button.styles/Button.styles.js +62 -130
  96. package/components/Button/Button.styles/Button.styles.js.map +1 -1
  97. package/components/Button/Button.styles.d.ts +0 -23
  98. package/components/Checkbox/Checkbox/Checkbox.js +1 -1
  99. package/components/Checkbox/Checkbox/Checkbox.js.map +1 -1
  100. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js +2 -2
  101. package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map +1 -1
  102. package/components/Checkbox/Checkbox.styles.d.ts +1 -1
  103. package/components/CurrencyInput/CurrencyHelper/CurrencyHelper.js +3 -3
  104. package/components/CurrencyInput/CurrencyHelper/CurrencyHelper.js.map +1 -1
  105. package/components/CurrencyInput/constants/constants.js +4 -1
  106. package/components/CurrencyInput/constants/constants.js.map +1 -1
  107. package/components/CurrencyInput/constants.d.ts +3 -0
  108. package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js +5 -2
  109. package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js.map +1 -1
  110. package/components/CurrencyLabel/CurrencyLabel.d.ts +3 -1
  111. package/components/CurrencyLabel/CurrencyLabel.md +29 -23
  112. package/components/DropdownMenu/DropdownMenu.md +38 -0
  113. package/components/Gapped/Gapped.md +43 -43
  114. package/components/Input/Input/Input.js +18 -5
  115. package/components/Input/Input/Input.js.map +1 -1
  116. package/components/Link/Link/Link.js +4 -26
  117. package/components/Link/Link/Link.js.map +1 -1
  118. package/components/Link/Link.d.ts +0 -3
  119. package/components/Link/Link.mixins/Link.mixins.js +3 -11
  120. package/components/Link/Link.mixins/Link.mixins.js.map +1 -1
  121. package/components/Link/Link.mixins.d.ts +0 -1
  122. package/components/Link/Link.styles/Link.styles.js +14 -26
  123. package/components/Link/Link.styles/Link.styles.js.map +1 -1
  124. package/components/Link/Link.styles.d.ts +0 -6
  125. package/components/MenuItem/MenuItem/MenuItem.js +7 -2
  126. package/components/MenuItem/MenuItem/MenuItem.js.map +1 -1
  127. package/components/MenuItem/MenuItem.d.ts +6 -0
  128. package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js +1 -1
  129. package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js.map +1 -1
  130. package/components/Modal/Modal.styles/Modal.styles.js +5 -14
  131. package/components/Modal/Modal.styles/Modal.styles.js.map +1 -1
  132. package/components/Modal/Modal.styles.d.ts +0 -3
  133. package/components/Modal/ModalFooter/ModalFooter.js +2 -5
  134. package/components/Modal/ModalFooter/ModalFooter.js.map +1 -1
  135. package/components/Modal/ModalHeader/ModalHeader.js +2 -5
  136. package/components/Modal/ModalHeader/ModalHeader.js.map +1 -1
  137. package/components/PasswordInput/PasswordInput.md +9 -9
  138. package/components/RadioGroup/RadioGroup.md +43 -43
  139. package/components/SidePage/SidePage/SidePage.js +10 -6
  140. package/components/SidePage/SidePage/SidePage.js.map +1 -1
  141. package/components/SidePage/SidePage.d.ts +5 -0
  142. package/components/SidePage/SidePageBody/SidePageBody.js +9 -1
  143. package/components/SidePage/SidePageBody/SidePageBody.js.map +1 -1
  144. package/components/SidePage/SidePageBody.d.ts +1 -0
  145. package/components/Token/Token.md +112 -112
  146. package/internal/InternalMenu/InternalMenu/InternalMenu.js +24 -6
  147. package/internal/InternalMenu/InternalMenu/InternalMenu.js.map +1 -1
  148. package/internal/InternalMenu/InternalMenu.d.ts +1 -0
  149. package/internal/InternalMenu/InternalMenu.styles/InternalMenu.styles.js +13 -10
  150. package/internal/InternalMenu/InternalMenu.styles/InternalMenu.styles.js.map +1 -1
  151. package/internal/InternalMenu/InternalMenu.styles.d.ts +5 -4
  152. package/internal/Menu/Menu.styles/Menu.styles.js +1 -1
  153. package/internal/Menu/Menu.styles/Menu.styles.js.map +1 -1
  154. package/internal/ThemeShowcase/ThemeShowcase.md +13 -13
  155. package/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
  156. package/internal/icons/16px/index/index.js +5 -19
  157. package/internal/icons/16px/index/index.js.map +1 -1
  158. package/internal/icons/16px/index.d.ts +0 -3
  159. package/internal/themes/DefaultTheme/DefaultTheme.js +4 -116
  160. package/internal/themes/DefaultTheme/DefaultTheme.js.map +1 -1
  161. package/internal/themes/DefaultTheme.d.ts +0 -40
  162. package/internal/themes/Theme2022/Theme2022.js +4 -90
  163. package/internal/themes/Theme2022/Theme2022.js.map +1 -1
  164. package/internal/themes/Theme2022.d.ts +4 -60
  165. package/internal/themes/Theme2022Dark/Theme2022Dark.js +0 -9
  166. package/internal/themes/Theme2022Dark/Theme2022Dark.js.map +1 -1
  167. package/internal/themes/Theme2022Dark.d.ts +0 -9
  168. package/lib/theming/ThemeHelpers/ThemeHelpers.js +0 -14
  169. package/lib/theming/ThemeHelpers/ThemeHelpers.js.map +1 -1
  170. package/lib/theming/ThemeHelpers.d.ts +0 -3
  171. package/lib/theming/themes/Theme2022/Theme2022.js +1 -2
  172. package/lib/theming/themes/Theme2022/Theme2022.js.map +1 -1
  173. package/lib/utils/utils.js +0 -1
  174. package/lib/utils/utils.js.map +1 -1
  175. package/lib/utils.d.ts +1 -1
  176. package/package.json +5 -3
  177. package/typings/utility-types.d.ts +1 -1
  178. package/cjs/components/Modal/ModalSeparator.d.ts +0 -5
  179. package/cjs/components/Modal/ModalSeparator.js +0 -21
  180. package/cjs/components/Modal/ModalSeparator.js.map +0 -1
  181. package/cjs/internal/FakeUserActions/FakeUserActions.d.ts +0 -7
  182. package/cjs/internal/FakeUserActions/FakeUserActions.js +0 -29
  183. package/cjs/internal/FakeUserActions/FakeUserActions.js.map +0 -1
  184. package/cjs/internal/FakeUserActions/FakeUserActionsTable.d.ts +0 -6
  185. package/cjs/internal/FakeUserActions/FakeUserActionsTable.js +0 -216
  186. package/cjs/internal/FakeUserActions/FakeUserActionsTable.js.map +0 -1
  187. package/cjs/internal/FakeUserActions/Selectors.d.ts +0 -6
  188. package/cjs/internal/FakeUserActions/Selectors.js +0 -20
  189. package/cjs/internal/FakeUserActions/Selectors.js.map +0 -1
  190. package/cjs/internal/FakeUserActions/hasFakeUserAction.d.ts +0 -3
  191. package/cjs/internal/FakeUserActions/hasFakeUserAction.js +0 -9
  192. package/cjs/internal/FakeUserActions/hasFakeUserAction.js.map +0 -1
  193. package/cjs/internal/icons/16px/BaseIcon.d.ts +0 -8
  194. package/cjs/internal/icons/16px/BaseIcon.js +0 -33
  195. package/cjs/internal/icons/16px/BaseIcon.js.map +0 -1
  196. package/components/Modal/ModalSeparator/ModalSeparator.js +0 -14
  197. package/components/Modal/ModalSeparator/ModalSeparator.js.map +0 -1
  198. package/components/Modal/ModalSeparator/package.json +0 -6
  199. package/components/Modal/ModalSeparator.d.ts +0 -5
  200. package/internal/FakeUserActions/FakeUserActions/FakeUserActions.js +0 -33
  201. package/internal/FakeUserActions/FakeUserActions/FakeUserActions.js.map +0 -1
  202. package/internal/FakeUserActions/FakeUserActions/package.json +0 -6
  203. package/internal/FakeUserActions/FakeUserActions.d.ts +0 -7
  204. package/internal/FakeUserActions/FakeUserActionsTable/FakeUserActionsTable.js +0 -171
  205. package/internal/FakeUserActions/FakeUserActionsTable/FakeUserActionsTable.js.map +0 -1
  206. package/internal/FakeUserActions/FakeUserActionsTable/package.json +0 -6
  207. package/internal/FakeUserActions/FakeUserActionsTable.d.ts +0 -6
  208. package/internal/FakeUserActions/Selectors/Selectors.js +0 -29
  209. package/internal/FakeUserActions/Selectors/Selectors.js.map +0 -1
  210. package/internal/FakeUserActions/Selectors/package.json +0 -6
  211. package/internal/FakeUserActions/Selectors.d.ts +0 -6
  212. package/internal/FakeUserActions/hasFakeUserAction/hasFakeUserAction.js +0 -6
  213. package/internal/FakeUserActions/hasFakeUserAction/hasFakeUserAction.js.map +0 -1
  214. package/internal/FakeUserActions/hasFakeUserAction/package.json +0 -6
  215. package/internal/FakeUserActions/hasFakeUserAction.d.ts +0 -3
  216. package/internal/icons/16px/BaseIcon/BaseIcon.js +0 -28
  217. package/internal/icons/16px/BaseIcon/BaseIcon.js.map +0 -1
  218. package/internal/icons/16px/BaseIcon/package.json +0 -6
  219. package/internal/icons/16px/BaseIcon.d.ts +0 -8
@@ -9,6 +9,6 @@ export type Diff<T extends ObjectKeyType, U extends ObjectKeyType> = ({ [P in T]
9
9
 
10
10
  export type Override<T, U> = Pick<T, Diff<keyof T, keyof U>> & U;
11
11
 
12
- export type Entries<T, K> = (o: { [k: T]: K }) => Array<[T, K]>;
12
+ export type Entries<T, K> = (o: { [k: string]: K }) => Array<[T, K]>;
13
13
 
14
14
  export type Writeable<T> = { -readonly [P in keyof T]: T[P] };
@@ -1,5 +0,0 @@
1
- import { CommonProps } from '../../internal/CommonWrapper';
2
- export interface ModalSeparatorProps extends CommonProps {
3
- fixed?: boolean;
4
- }
5
- export declare function ModalSeparator(props: ModalSeparatorProps): JSX.Element;
@@ -1,21 +0,0 @@
1
- "use strict";exports.__esModule = true;exports.ModalSeparator = ModalSeparator;var _react = _interopRequireWildcard(require("react"));
2
-
3
- var _Emotion = require("../../lib/theming/Emotion");
4
-
5
- var _ThemeContext = require("../../lib/theming/ThemeContext");
6
-
7
- var _Modal = require("./Modal.styles");function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
8
-
9
-
10
-
11
-
12
-
13
- function ModalSeparator(props) {var _cx;
14
- var theme = (0, _react.useContext)(_ThemeContext.ThemeContext);
15
-
16
- return /*#__PURE__*/(
17
- _react.default.createElement("div", { className: _Modal.styles.modalSeparatorWrapper() }, /*#__PURE__*/
18
- _react.default.createElement("div", { className: (0, _Emotion.cx)((_cx = {}, _cx[_Modal.styles.modalSeparator(theme)] = true, _cx[_Modal.styles.modalSeparatorFixed()] = props.fixed, _cx)) })));
19
-
20
-
21
- }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ModalSeparator.tsx"],"names":["ModalSeparator","props","theme","ThemeContext","styles","modalSeparatorWrapper","modalSeparator","modalSeparatorFixed","fixed"],"mappings":"+EAAA;;AAEA;;AAEA;;AAEA,uC;;;;;;AAMO,SAASA,cAAT,CAAwBC,KAAxB,EAAoD;AACzD,MAAMC,KAAK,GAAG,uBAAWC,0BAAX,CAAd;;AAEA;AACE,0CAAK,SAAS,EAAEC,cAAOC,qBAAP,EAAhB;AACE,0CAAK,SAAS,EAAE,gCAAMD,cAAOE,cAAP,CAAsBJ,KAAtB,CAAN,IAAqC,IAArC,MAA4CE,cAAOG,mBAAP,EAA5C,IAA2EN,KAAK,CAACO,KAAjF,OAAhB,GADF,CADF;;;AAKD","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n fixed?: boolean;\n}\n\nexport function ModalSeparator(props: ModalSeparatorProps) {\n const theme = useContext(ThemeContext);\n\n return (\n <div className={styles.modalSeparatorWrapper()}>\n <div className={cx({ [styles.modalSeparator(theme)]: true, [styles.modalSeparatorFixed()]: props.fixed })} />\n </div>\n );\n}\n"]}
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export declare type FakeUserAction = 'hover' | 'active' | 'focus';
3
- export declare const FAKE_USER_ACTION_ATTR: Record<FakeUserAction, string>;
4
- export declare const FakeUserActions: React.FunctionComponent<{
5
- children: React.ReactElement;
6
- acts?: FakeUserAction[];
7
- }>;
@@ -1,29 +0,0 @@
1
- "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FakeUserActions = exports.FAKE_USER_ACTION_ATTR = void 0;var _react = _interopRequireDefault(require("react"));
2
-
3
- var _rootNode = require("../../lib/rootNode");
4
-
5
-
6
-
7
- var FAKE_USER_ACTION_ATTR = {
8
- hover: 'data-style-hover',
9
- active: 'data-style-active',
10
- focus: 'data-style-focus' };exports.FAKE_USER_ACTION_ATTR = FAKE_USER_ACTION_ATTR;
11
-
12
-
13
- var FakeUserActions = function FakeUserActions(_ref)
14
-
15
-
16
- {var children = _ref.children,_ref$acts = _ref.acts,acts = _ref$acts === void 0 ? [] : _ref$acts;
17
- var ref = _react.default.useRef();
18
- var setProp = function setProp(node) {
19
- acts.forEach(function (act) {return node.setAttribute(FAKE_USER_ACTION_ATTR[act], 'true');});
20
- };
21
- _react.default.useEffect(function () {
22
- var node = (0, _rootNode.getRootNode)(ref.current);
23
- if (node instanceof HTMLElement) {var _ref$current;
24
- setProp(node);
25
- (_ref$current = ref.current) == null ? void 0 : _ref$current.forceUpdate();
26
- }
27
- });
28
- return /*#__PURE__*/_react.default.cloneElement(children, { ref: ref });
29
- };exports.FakeUserActions = FakeUserActions;
@@ -1 +0,0 @@
1
- {"version":3,"sources":["FakeUserActions.tsx"],"names":["FAKE_USER_ACTION_ATTR","hover","active","focus","FakeUserActions","children","acts","ref","React","useRef","setProp","node","forEach","act","setAttribute","useEffect","current","HTMLElement","forceUpdate","cloneElement"],"mappings":"6LAAA;;AAEA;;;;AAIO,IAAMA,qBAAqD,GAAG;AACnEC,EAAAA,KAAK,EAAE,kBAD4D;AAEnEC,EAAAA,MAAM,EAAE,mBAF2D;AAGnEC,EAAAA,KAAK,EAAE,kBAH4D,EAA9D,C;;;AAMA,IAAMC,eAAmG,GAAG,SAAtGA,eAAsG;;;AAG7G,KAFJC,QAEI,QAFJA,QAEI,kBADJC,IACI,CADJA,IACI,0BADG,EACH;AACJ,MAAMC,GAAG,GAAGC,eAAMC,MAAN,EAAZ;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAuB;AACrCL,IAAAA,IAAI,CAACM,OAAL,CAAa,UAACC,GAAD,UAASF,IAAI,CAACG,YAAL,CAAkBd,qBAAqB,CAACa,GAAD,CAAvC,EAA8C,MAA9C,CAAT,EAAb;AACD,GAFD;AAGAL,iBAAMO,SAAN,CAAgB,YAAM;AACpB,QAAMJ,IAAI,GAAG,2BAAYJ,GAAG,CAACS,OAAhB,CAAb;AACA,QAAIL,IAAI,YAAYM,WAApB,EAAiC;AAC/BP,MAAAA,OAAO,CAACC,IAAD,CAAP;AACA,sBAAAJ,GAAG,CAACS,OAAJ,kCAAaE,WAAb;AACD;AACF,GAND;AAOA,sBAAOV,eAAMW,YAAN,CAAmBd,QAAnB,EAA6B,EAAEE,GAAG,EAAHA,GAAF,EAA7B,CAAP;AACD,CAhBM,C","sourcesContent":["import React from 'react';\n\nimport { getRootNode } from '../../lib/rootNode';\n\nexport type FakeUserAction = 'hover' | 'active' | 'focus';\n\nexport const FAKE_USER_ACTION_ATTR: Record<FakeUserAction, string> = {\n hover: 'data-style-hover',\n active: 'data-style-active',\n focus: 'data-style-focus',\n};\n\nexport const FakeUserActions: React.FunctionComponent<{ children: React.ReactElement; acts?: FakeUserAction[] }> = ({\n children,\n acts = [],\n}) => {\n const ref = React.useRef<React.Component>();\n const setProp = (node: HTMLElement) => {\n acts.forEach((act) => node.setAttribute(FAKE_USER_ACTION_ATTR[act], 'true'));\n };\n React.useEffect(() => {\n const node = getRootNode(ref.current);\n if (node instanceof HTMLElement) {\n setProp(node);\n ref.current?.forceUpdate();\n }\n });\n return React.cloneElement(children, { ref });\n};\n"]}
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- export declare const FakeUserActionsTable: React.FunctionComponent<{
3
- children: React.ReactElement;
4
- propName?: string;
5
- propValues?: unknown[];
6
- }>;
@@ -1,216 +0,0 @@
1
- "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.FakeUserActionsTable = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _react = _interopRequireWildcard(require("react"));
2
-
3
- var _Emotion = require("../../lib/theming/Emotion");
4
- var _Button = require("../../components/Button");
5
- var _Gapped = require("../../components/Gapped");
6
- var _Input = require("../../components/Input");
7
- var _Toggle = require("../../components/Toggle");
8
-
9
- var _FakeUserActions = require("./FakeUserActions");var _templateObject, _templateObject2;function _getRequireWildcardCache(nodeInterop) {if (typeof WeakMap !== "function") return null;var cacheBabelInterop = new WeakMap();var cacheNodeInterop = new WeakMap();return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) {return nodeInterop ? cacheNodeInterop : cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj, nodeInterop) {if (!nodeInterop && obj && obj.__esModule) {return obj;}if (obj === null || typeof obj !== "object" && typeof obj !== "function") {return { default: obj };}var cache = _getRequireWildcardCache(nodeInterop);if (cache && cache.has(obj)) {return cache.get(obj);}var newObj = {};var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;for (var key in obj) {if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;if (desc && (desc.get || desc.set)) {Object.defineProperty(newObj, key, desc);} else {newObj[key] = obj[key];}}}newObj.default = obj;if (cache) {cache.set(obj, newObj);}return newObj;}
10
-
11
-
12
-
13
-
14
-
15
-
16
-
17
-
18
-
19
-
20
-
21
- var baselineAnimation = (0, _Emotion.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n 0% {\n border-bottom-color: red;\n }\n 33% {\n border-bottom-color: green;\n }\n 66% {\n border-bottom-color: white;\n }\n 100% {\n border-bottom-color: red;\n }\n"])));
22
-
23
-
24
-
25
-
26
-
27
-
28
-
29
-
30
-
31
-
32
-
33
-
34
-
35
-
36
- var tableClass = (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n tr td:not(:first-child) {\n padding: 10px;\n vertical-align: middle;\n text-align: center;\n }\n\n thead td,\n tr td:first-child {\n white-space: pre-wrap;\n line-height: 10px;\n font-family: monospace;\n }\n\n td[colspan] {\n text-align: left !important;\n white-space: pre-wrap;\n font-family: monospace;\n font-size: 12px;\n }\n\n .baseline {\n position: absolute;\n border-bottom: solid 1px red;\n box-shadow: 1px 0 0 0 green;\n left: 0;\n width: 100%;\n z-index: 10;\n color: transparent;\n animation: ", " 10s infinite;\n pointer-events: none;\n }\n"])),
37
-
38
-
39
-
40
-
41
-
42
-
43
-
44
-
45
-
46
-
47
-
48
-
49
-
50
-
51
-
52
-
53
-
54
-
55
-
56
-
57
-
58
-
59
-
60
-
61
-
62
-
63
-
64
-
65
- baselineAnimation);
66
-
67
-
68
-
69
-
70
- var userActsSets = [
71
- [],
72
- ['hover'],
73
- ['active'],
74
- ['focus'],
75
- ['hover', 'focus'],
76
- ['active', 'focus']];
77
-
78
-
79
- var HelpersContext = /*#__PURE__*/_react.default.createContext({
80
- background: ['', function () {return null;}],
81
- content: ['Текст', function () {return null;}],
82
- withText: [false, function () {return null;}],
83
- hasBaseline: [false, function () {return null;}],
84
- baselineShift: [0, function () {return null;}] });
85
-
86
-
87
- var Controls = function Controls() {
88
- var _useContext =
89
-
90
-
91
-
92
-
93
-
94
- (0, _react.useContext)(HelpersContext),_useContext$backgroun = _useContext.background,background = _useContext$backgroun[0],setBackground = _useContext$backgroun[1],_useContext$content = _useContext.content,content = _useContext$content[0],setContent = _useContext$content[1],_useContext$withText = _useContext.withText,withText = _useContext$withText[0],setWithText = _useContext$withText[1],_useContext$hasBaseli = _useContext.hasBaseline,hasBaseline = _useContext$hasBaseli[0],setHasBaseline = _useContext$hasBaseli[1],_useContext$baselineS = _useContext.baselineShift,baselineShift = _useContext$baselineS[0],setBaselineShift = _useContext$baselineS[1];
95
-
96
- return /*#__PURE__*/(
97
- _react.default.createElement(_Gapped.Gapped, { vertical: true, gap: 20, style: { margin: 10, padding: '20px 10px', background: '#eee' } }, /*#__PURE__*/
98
- _react.default.createElement(_Gapped.Gapped, null, /*#__PURE__*/
99
- _react.default.createElement(_Input.Input, { value: content, onValueChange: setContent, style: { width: 100 } }), "\u0421\u043E\u0434\u0435\u0440\u0436\u0438\u043C\u043E\u0435"), /*#__PURE__*/
100
-
101
-
102
- _react.default.createElement(_Gapped.Gapped, null, /*#__PURE__*/
103
- _react.default.createElement(_Input.Input, { value: background, onValueChange: setBackground, style: { width: 100 } }), "\u0424\u043E\u043D"), /*#__PURE__*/
104
-
105
-
106
- _react.default.createElement(_Toggle.Toggle, { checked: withText, onValueChange: setWithText }, "\u0422\u0435\u043A\u0441\u0442 \u0441\u043B\u0435\u0432\u0430 \u0438 \u0441\u043F\u0440\u0430\u0432\u0430"), /*#__PURE__*/
107
-
108
-
109
- _react.default.createElement(_Gapped.Gapped, null, /*#__PURE__*/
110
- _react.default.createElement(_Toggle.Toggle, { checked: hasBaseline, onValueChange: setHasBaseline }, "\u0411\u0430\u0437\u043E\u0432\u0430\u044F \u043B\u0438\u043D\u0438\u044F"),
111
-
112
-
113
- hasBaseline && /*#__PURE__*/
114
- _react.default.createElement(_Gapped.Gapped, { style: { position: 'absolute', marginTop: -20 } }, /*#__PURE__*/
115
- _react.default.createElement(_Button.Button, { onClick: function onClick() {return setBaselineShift(baselineShift - 1);} }, "\u2B06"),
116
- baselineShift, /*#__PURE__*/
117
- _react.default.createElement(_Button.Button, { onClick: function onClick() {return setBaselineShift(baselineShift + 1);} }, "\u2B07")))));
118
-
119
-
120
-
121
-
122
-
123
- };
124
-
125
- var ManualRow =
126
-
127
-
128
-
129
- function ManualRow(_ref) {var children = _ref.children,propName = _ref.propName,propValue = _ref.propValue;
130
- var _useContext2 =
131
-
132
-
133
-
134
-
135
-
136
- (0, _react.useContext)(HelpersContext),_useContext2$backgrou = _useContext2.background,background = _useContext2$backgrou[0],_useContext2$content = _useContext2.content,content = _useContext2$content[0],_useContext2$withText = _useContext2.withText,withText = _useContext2$withText[0],_useContext2$hasBasel = _useContext2.hasBaseline,hasBaseline = _useContext2$hasBasel[0],_useContext2$baseline = _useContext2.baselineShift,baselineShift = _useContext2$baseline[0];
137
-
138
- return /*#__PURE__*/(
139
- _react.default.createElement("tr", null, /*#__PURE__*/
140
- _react.default.createElement("td", null,
141
- propValue,
142
- hasBaseline && /*#__PURE__*/
143
- _react.default.createElement("span", { className: "baseline", style: { marginTop: baselineShift } }, "1")),
144
-
145
-
146
-
147
-
148
- userActsSets.map(function (_userActs, i) {var _ref2;return /*#__PURE__*/(
149
- _react.default.createElement("td", { key: i, style: { background: background } },
150
- withText && /*#__PURE__*/_react.default.createElement("span", null, "\u0441\u043B\u0435\u0432\u0430"), /*#__PURE__*/
151
- _react.default.createElement(_FakeUserActions.FakeUserActions, { acts: _userActs }, /*#__PURE__*/
152
- _react.default.cloneElement(children, (0, _extends2.default)({
153
- children: content },
154
- propName ? (_ref2 = {}, _ref2[propName] = propValue, _ref2) : {}))),
155
-
156
-
157
- withText && /*#__PURE__*/_react.default.createElement("span", null, "\u0441\u043F\u0440\u0430\u0432\u0430")));})));
158
-
159
-
160
-
161
-
162
- };
163
-
164
- var Table =
165
-
166
-
167
-
168
- function Table(_ref3) {var children = _ref3.children,_ref3$propName = _ref3.propName,propName = _ref3$propName === void 0 ? '' : _ref3$propName,_ref3$propValues = _ref3.propValues,propValues = _ref3$propValues === void 0 ? [] : _ref3$propValues;
169
- return /*#__PURE__*/(
170
- _react.default.createElement("table", { id: "FakeUserActionsTable", className: tableClass }, /*#__PURE__*/
171
- _react.default.createElement("thead", null, /*#__PURE__*/
172
- _react.default.createElement("tr", null, /*#__PURE__*/
173
- _react.default.createElement("td", null, /*#__PURE__*/
174
- _react.default.createElement("sub", null, propName), "\\", /*#__PURE__*/_react.default.createElement("sup", null, "style")),
175
-
176
- userActsSets.map(function (_userActs, i) {return /*#__PURE__*/(
177
- _react.default.createElement("td", { key: i }, _userActs.join('\n + \n')));}))), /*#__PURE__*/
178
-
179
-
180
-
181
- _react.default.createElement("tbody", null, /*#__PURE__*/
182
- _react.default.createElement(ManualRow, null, children),
183
- propValues.map(function (value, index) {return /*#__PURE__*/(
184
- _react.default.createElement(ManualRow, { key: index, propName: propName, propValue: value },
185
- children));}))));
186
-
187
-
188
-
189
-
190
-
191
- };
192
-
193
- var FakeUserActionsTable =
194
-
195
-
196
-
197
- function FakeUserActionsTable(_ref4) {var children = _ref4.children,propName = _ref4.propName,propValues = _ref4.propValues;
198
- var helpers = {
199
- background: (0, _react.useState)('#fff'),
200
- content: (0, _react.useState)('Текст'),
201
- withText: (0, _react.useState)(false),
202
- hasBaseline: (0, _react.useState)(false),
203
- baselineShift: (0, _react.useState)(0) };
204
-
205
-
206
- return /*#__PURE__*/(
207
- _react.default.createElement("div", null, /*#__PURE__*/
208
- _react.default.createElement(HelpersContext.Provider, { value: helpers }, /*#__PURE__*/
209
- _react.default.createElement(Table, { propName: propName, propValues: propValues },
210
- children), /*#__PURE__*/
211
-
212
- _react.default.createElement(Controls, null))));
213
-
214
-
215
-
216
- };exports.FakeUserActionsTable = FakeUserActionsTable;
@@ -1 +0,0 @@
1
- {"version":3,"sources":["FakeUserActionsTable.tsx"],"names":["baselineAnimation","keyframes","tableClass","css","userActsSets","HelpersContext","React","createContext","background","content","withText","hasBaseline","baselineShift","Controls","setBackground","setContent","setWithText","setHasBaseline","setBaselineShift","margin","padding","width","position","marginTop","ManualRow","children","propName","propValue","map","_userActs","i","cloneElement","Table","propValues","join","value","index","FakeUserActionsTable","helpers"],"mappings":"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","sourcesContent":["import React, { useContext, useState } from 'react';\n\nimport { css, keyframes } from '../../lib/theming/Emotion';\nimport { Button } from '../../components/Button';\nimport { Gapped } from '../../components/Gapped';\nimport { Input } from '../../components/Input';\nimport { Toggle } from '../../components/Toggle';\n\nimport { FakeUserActions, FakeUserAction } from './FakeUserActions';\n\ntype Helper<V> = [V, (value: V) => void];\n\ninterface Helpers {\n background: Helper<string>;\n content: Helper<string>;\n withText: Helper<boolean>;\n hasBaseline: Helper<boolean>;\n baselineShift: Helper<number>;\n}\n\nconst baselineAnimation = keyframes`\n 0% {\n border-bottom-color: red;\n }\n 33% {\n border-bottom-color: green;\n }\n 66% {\n border-bottom-color: white;\n }\n 100% {\n border-bottom-color: red;\n }\n`;\n\nconst tableClass = css`\n tr td:not(:first-child) {\n padding: 10px;\n vertical-align: middle;\n text-align: center;\n }\n\n thead td,\n tr td:first-child {\n white-space: pre-wrap;\n line-height: 10px;\n font-family: monospace;\n }\n\n td[colspan] {\n text-align: left !important;\n white-space: pre-wrap;\n font-family: monospace;\n font-size: 12px;\n }\n\n .baseline {\n position: absolute;\n border-bottom: solid 1px red;\n box-shadow: 1px 0 0 0 green;\n left: 0;\n width: 100%;\n z-index: 10;\n color: transparent;\n animation: ${baselineAnimation} 10s infinite;\n pointer-events: none;\n }\n`;\n\nconst userActsSets: FakeUserAction[][] = [\n [],\n ['hover'],\n ['active'],\n ['focus'],\n ['hover', 'focus'],\n ['active', 'focus'],\n];\n\nconst HelpersContext = React.createContext<Helpers>({\n background: ['', () => null],\n content: ['Текст', () => null],\n withText: [false, () => null],\n hasBaseline: [false, () => null],\n baselineShift: [0, () => null],\n});\n\nconst Controls: React.FunctionComponent = () => {\n const {\n background: [background, setBackground],\n content: [content, setContent],\n withText: [withText, setWithText],\n hasBaseline: [hasBaseline, setHasBaseline],\n baselineShift: [baselineShift, setBaselineShift],\n } = useContext(HelpersContext);\n\n return (\n <Gapped vertical gap={20} style={{ margin: 10, padding: '20px 10px', background: '#eee' }}>\n <Gapped>\n <Input value={content} onValueChange={setContent} style={{ width: 100 }} />\n Содержимое\n </Gapped>\n <Gapped>\n <Input value={background} onValueChange={setBackground} style={{ width: 100 }} />\n Фон\n </Gapped>\n <Toggle checked={withText} onValueChange={setWithText}>\n Текст слева и справа\n </Toggle>\n <Gapped>\n <Toggle checked={hasBaseline} onValueChange={setHasBaseline}>\n Базовая линия\n </Toggle>\n {hasBaseline && (\n <Gapped style={{ position: 'absolute', marginTop: -20 }}>\n <Button onClick={() => setBaselineShift(baselineShift - 1)}>⬆</Button>\n {baselineShift}\n <Button onClick={() => setBaselineShift(baselineShift + 1)}>⬇</Button>\n </Gapped>\n )}\n </Gapped>\n </Gapped>\n );\n};\n\nconst ManualRow: React.FunctionComponent<{\n children: React.ReactElement;\n propName?: string;\n propValue?: unknown;\n}> = ({ children, propName, propValue }) => {\n const {\n background: [background],\n content: [content],\n withText: [withText],\n hasBaseline: [hasBaseline],\n baselineShift: [baselineShift],\n } = useContext(HelpersContext);\n\n return (\n <tr>\n <td>\n {propValue}\n {hasBaseline && (\n <span className=\"baseline\" style={{ marginTop: baselineShift }}>\n 1\n </span>\n )}\n </td>\n {userActsSets.map((_userActs, i) => (\n <td key={i} style={{ background }}>\n {withText && <span>слева</span>}\n <FakeUserActions acts={_userActs}>\n {React.cloneElement(children, {\n children: content,\n ...(propName ? { [propName]: propValue } : {}),\n })}\n </FakeUserActions>\n {withText && <span>справа</span>}\n </td>\n ))}\n </tr>\n );\n};\n\nconst Table: React.FunctionComponent<{\n children: React.ReactElement;\n propName?: string;\n propValues?: unknown[];\n}> = ({ children, propName = '', propValues = [] }) => {\n return (\n <table id=\"FakeUserActionsTable\" className={tableClass}>\n <thead>\n <tr>\n <td>\n <sub>{propName}</sub>\\<sup>style</sup>\n </td>\n {userActsSets.map((_userActs, i) => (\n <td key={i}>{_userActs.join('\\n + \\n')}</td>\n ))}\n </tr>\n </thead>\n <tbody>\n <ManualRow>{children}</ManualRow>\n {propValues.map((value, index) => (\n <ManualRow key={index} propName={propName} propValue={value}>\n {children}\n </ManualRow>\n ))}\n </tbody>\n </table>\n );\n};\n\nexport const FakeUserActionsTable: React.FunctionComponent<{\n children: React.ReactElement;\n propName?: string;\n propValues?: unknown[];\n}> = ({ children, propName, propValues }) => {\n const helpers: Helpers = {\n background: useState<string>('#fff'),\n content: useState<string>('Текст'),\n withText: useState<boolean>(false),\n hasBaseline: useState<boolean>(false),\n baselineShift: useState<number>(0),\n };\n\n return (\n <div>\n <HelpersContext.Provider value={helpers}>\n <Table propName={propName} propValues={propValues}>\n {children}\n </Table>\n <Controls />\n </HelpersContext.Provider>\n </div>\n );\n};\n"]}
@@ -1,6 +0,0 @@
1
- export declare const hover: (strings: TemplateStringsArray, ...args: Array<string | number>) => string;
2
- export declare const active: (strings: TemplateStringsArray, ...args: Array<string | number>) => string;
3
- export declare const focus: (strings: TemplateStringsArray, ...args: Array<string | number>) => string;
4
- export declare const fakeHover: string;
5
- export declare const fakeActive: string;
6
- export declare const fakeFocus: string;
@@ -1,20 +0,0 @@
1
- "use strict";exports.__esModule = true;exports.hover = exports.focus = exports.fakeHover = exports.fakeFocus = exports.fakeActive = exports.active = void 0;var _FakeUserActions = require("./FakeUserActions");
2
-
3
- var selector = function selector(act, extra) {if (extra === void 0) {extra = '';}return "\n[" +
4
- _FakeUserActions.FAKE_USER_ACTION_ATTR[act] + "]" + extra + "\n";};
5
-
6
-
7
- var sampler =
8
- function sampler(act) {return (
9
- function (strings) {for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {args[_key - 1] = arguments[_key];}
10
- var extra = strings.reduce(function (prev, value, i) {return prev + value + (args[i] || '');}, '');
11
- return selector(act, extra);
12
- });};
13
-
14
- var hover = sampler('hover');exports.hover = hover;
15
- var active = sampler('active');exports.active = active;
16
- var focus = sampler('focus');exports.focus = focus;
17
-
18
- var fakeHover = selector('hover');exports.fakeHover = fakeHover;
19
- var fakeActive = selector('active');exports.fakeActive = fakeActive;
20
- var fakeFocus = selector('focus');exports.fakeFocus = fakeFocus;
@@ -1 +0,0 @@
1
- {"version":3,"sources":["Selectors.ts"],"names":["selector","act","extra","FAKE_USER_ACTION_ATTR","sampler","strings","args","reduce","prev","value","i","hover","active","focus","fakeHover","fakeActive","fakeFocus"],"mappings":"4JAAA;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,GAAD,EAAsBC,KAAtB,OAAsBA,KAAtB,cAAsBA,KAAtB,GAA8B,EAA9B;AACdC,yCAAsBF,GAAtB,CADc,SACgBC,KADhB,SAAjB;;;AAIA,IAAME,OAAO;AACX,SADIA,OACJ,CAACH,GAAD;AACA,cAACI,OAAD,EAA4E,mCAAzCC,IAAyC,uEAAzCA,IAAyC;AAC1E,UAAMJ,KAAK,GAAGG,OAAO,CAACE,MAAR,CAAe,UAACC,IAAD,EAAOC,KAAP,EAAcC,CAAd,UAAoBF,IAAI,GAAGC,KAAP,IAAgBH,IAAI,CAACI,CAAD,CAAJ,IAAW,EAA3B,CAApB,EAAf,EAAmE,EAAnE,CAAd;AACA,aAAOV,QAAQ,CAACC,GAAD,EAAMC,KAAN,CAAf;AACD,KAJD,GADF;;AAOO,IAAMS,KAAK,GAAGP,OAAO,CAAC,OAAD,CAArB,C;AACA,IAAMQ,MAAM,GAAGR,OAAO,CAAC,QAAD,CAAtB,C;AACA,IAAMS,KAAK,GAAGT,OAAO,CAAC,OAAD,CAArB,C;;AAEA,IAAMU,SAAS,GAAGd,QAAQ,CAAC,OAAD,CAA1B,C;AACA,IAAMe,UAAU,GAAGf,QAAQ,CAAC,QAAD,CAA3B,C;AACA,IAAMgB,SAAS,GAAGhB,QAAQ,CAAC,OAAD,CAA1B,C","sourcesContent":["import { FAKE_USER_ACTION_ATTR, FakeUserAction } from './FakeUserActions';\n\nconst selector = (act: FakeUserAction, extra = '') => `\n[${FAKE_USER_ACTION_ATTR[act]}]${extra}\n`;\n\nconst sampler =\n (act: FakeUserAction) =>\n (strings: TemplateStringsArray, ...args: Array<string | number>): string => {\n const extra = strings.reduce((prev, value, i) => prev + value + (args[i] || ''), '');\n return selector(act, extra);\n };\n\nexport const hover = sampler('hover');\nexport const active = sampler('active');\nexport const focus = sampler('focus');\n\nexport const fakeHover = selector('hover');\nexport const fakeActive = selector('active');\nexport const fakeFocus = selector('focus');\n"]}
@@ -1,3 +0,0 @@
1
- import { Nullable } from '../../typings/utility-types';
2
- import { FakeUserAction } from './FakeUserActions';
3
- export declare const hasFakeUserAction: (instance: Nullable<React.ReactInstance>, act: FakeUserAction) => boolean;
@@ -1,9 +0,0 @@
1
- "use strict";exports.__esModule = true;exports.hasFakeUserAction = void 0;
2
- var _rootNode = require("../../lib/rootNode");
3
-
4
- var _FakeUserActions = require("./FakeUserActions");
5
-
6
- var hasFakeUserAction = function hasFakeUserAction(instance, act) {
7
- var node = (0, _rootNode.getRootNode)(instance);
8
- return node ? node.hasAttribute(_FakeUserActions.FAKE_USER_ACTION_ATTR[act]) : false;
9
- };exports.hasFakeUserAction = hasFakeUserAction;
@@ -1 +0,0 @@
1
- {"version":3,"sources":["hasFakeUserAction.tsx"],"names":["hasFakeUserAction","instance","act","node","hasAttribute","FAKE_USER_ACTION_ATTR"],"mappings":";AACA;;AAEA;;AAEO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAA0CC,GAA1C,EAA2E;AAC1G,MAAMC,IAAI,GAAG,2BAAYF,QAAZ,CAAb;AACA,SAAOE,IAAI,GAAGA,IAAI,CAACC,YAAL,CAAkBC,uCAAsBH,GAAtB,CAAlB,CAAH,GAAmD,KAA9D;AACD,CAHM,C","sourcesContent":["import { Nullable } from '../../typings/utility-types';\nimport { getRootNode } from '../../lib/rootNode';\n\nimport { FAKE_USER_ACTION_ATTR, FakeUserAction } from './FakeUserActions';\n\nexport const hasFakeUserAction = (instance: Nullable<React.ReactInstance>, act: FakeUserAction): boolean => {\n const node = getRootNode(instance);\n return node ? node.hasAttribute(FAKE_USER_ACTION_ATTR[act]) : false;\n};\n"]}
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export declare type IconProps = {
3
- ref?: React.ForwardedRef<SVGSVGElement>;
4
- size?: number;
5
- color?: string;
6
- disableCompensation?: boolean;
7
- } & React.SVGAttributes<SVGElement>;
8
- export declare const BaseIcon: ({ ref, color, size, style, disableCompensation, children, ...rest }: IconProps) => JSX.Element;
@@ -1,33 +0,0 @@
1
- "use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.BaseIcon = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));var _react = _interopRequireDefault(require("react"));var _excluded = ["ref", "color", "size", "style", "disableCompensation", "children"];
2
-
3
-
4
-
5
-
6
-
7
-
8
-
9
-
10
- var BaseIcon = function BaseIcon(_ref)
11
-
12
-
13
-
14
-
15
-
16
-
17
-
18
- {var ref = _ref.ref,color = _ref.color,_ref$size = _ref.size,size = _ref$size === void 0 ? 16 : _ref$size,style = _ref.style,_ref$disableCompensat = _ref.disableCompensation,disableCompensation = _ref$disableCompensat === void 0 ? true : _ref$disableCompensat,children = _ref.children,rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, _excluded);
19
- return /*#__PURE__*/(
20
- _react.default.createElement("svg", (0, _extends2.default)({
21
- ref: ref,
22
- width: size,
23
- height: size,
24
- style: (0, _extends2.default)({ fill: color != null ? color : 'currentColor', marginBottom: disableCompensation ? 0 : '-0.1875em' }, style),
25
- xmlns: "http://www.w3.org/2000/svg",
26
- viewBox: "0 0 16 16",
27
- "aria-hidden": true },
28
- rest),
29
-
30
- children));
31
-
32
-
33
- };exports.BaseIcon = BaseIcon;
@@ -1 +0,0 @@
1
- {"version":3,"sources":["BaseIcon.tsx"],"names":["BaseIcon","ref","color","size","style","disableCompensation","children","rest","fill","marginBottom"],"mappings":"oWAAA,sD;;;;;;;;;AASO,IAAMA,QAAQ,GAAG,SAAXA,QAAW;;;;;;;;AAQP,KAPfC,GAOe,QAPfA,GAOe,CANfC,KAMe,QANfA,KAMe,kBALfC,IAKe,CALfA,IAKe,0BALR,EAKQ,aAJfC,KAIe,QAJfA,KAIe,8BAHfC,mBAGe,CAHfA,mBAGe,sCAHO,IAGP,yBAFfC,QAEe,QAFfA,QAEe,CADZC,IACY;AACf;AACE;AACE,MAAA,GAAG,EAAEN,GADP;AAEE,MAAA,KAAK,EAAEE,IAFT;AAGE,MAAA,MAAM,EAAEA,IAHV;AAIE,MAAA,KAAK,2BAAIK,IAAI,EAAEN,KAAF,WAAEA,KAAF,GAAW,cAAnB,EAAmCO,YAAY,EAAEJ,mBAAmB,GAAG,CAAH,GAAO,WAA3E,IAA2FD,KAA3F,CAJP;AAKE,MAAA,KAAK,EAAC,4BALR;AAME,MAAA,OAAO,aANT;AAOE,yBAPF;AAQMG,IAAAA,IARN;;AAUGD,IAAAA,QAVH,CADF;;;AAcD,CAvBM,C","sourcesContent":["import React from 'react';\n\nexport type IconProps = {\n ref?: React.ForwardedRef<SVGSVGElement>;\n size?: number;\n color?: string;\n disableCompensation?: boolean;\n} & React.SVGAttributes<SVGElement>;\n\nexport const BaseIcon = ({\n ref,\n color,\n size = 16,\n style,\n disableCompensation = true,\n children,\n ...rest\n}: IconProps) => {\n return (\n <svg\n ref={ref}\n width={size}\n height={size}\n style={{ fill: color ?? 'currentColor', marginBottom: disableCompensation ? 0 : '-0.1875em', ...style }}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox={`0 0 16 16`}\n aria-hidden\n {...rest}\n >\n {children}\n </svg>\n );\n};\n"]}
@@ -1,14 +0,0 @@
1
- import React, { useContext } from 'react';
2
- import { cx } from "../../../lib/theming/Emotion";
3
- import { ThemeContext } from "../../../lib/theming/ThemeContext";
4
- import { styles } from "../Modal.styles";
5
- export function ModalSeparator(props) {
6
- var _cx;
7
-
8
- var theme = useContext(ThemeContext);
9
- return /*#__PURE__*/React.createElement("div", {
10
- className: styles.modalSeparatorWrapper()
11
- }, /*#__PURE__*/React.createElement("div", {
12
- className: cx((_cx = {}, _cx[styles.modalSeparator(theme)] = true, _cx[styles.modalSeparatorFixed()] = props.fixed, _cx))
13
- }));
14
- }
@@ -1 +0,0 @@
1
- {"version":3,"sources":["ModalSeparator.tsx"],"names":["React","useContext","cx","ThemeContext","styles","ModalSeparator","props","theme","modalSeparatorWrapper","modalSeparator","modalSeparatorFixed","fixed"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,YAAT,QAA6B,gCAA7B;;AAEA,SAASC,MAAT,QAAuB,gBAAvB;;;;;;AAMA,OAAO,SAASC,cAAT,CAAwBC,KAAxB,EAAoD;AACzD,MAAMC,KAAK,GAAGN,UAAU,CAACE,YAAD,CAAxB;;AAEA;AACE,iCAAK,SAAS,EAAEC,MAAM,CAACI,qBAAP,EAAhB;AACE,iCAAK,SAAS,EAAEN,EAAE,gBAAIE,MAAM,CAACK,cAAP,CAAsBF,KAAtB,CAAJ,IAAmC,IAAnC,MAA0CH,MAAM,CAACM,mBAAP,EAA1C,IAAyEJ,KAAK,CAACK,KAA/E,OAAlB,GADF,CADF;;;AAKD","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { CommonProps } from '../../internal/CommonWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\nimport { styles } from './Modal.styles';\n\nexport interface ModalSeparatorProps extends CommonProps {\n fixed?: boolean;\n}\n\nexport function ModalSeparator(props: ModalSeparatorProps) {\n const theme = useContext(ThemeContext);\n\n return (\n <div className={styles.modalSeparatorWrapper()}>\n <div className={cx({ [styles.modalSeparator(theme)]: true, [styles.modalSeparatorFixed()]: props.fixed })} />\n </div>\n );\n}\n"]}
@@ -1,6 +0,0 @@
1
- {
2
- "main": "../../../cjs/components/Modal/ModalSeparator.js",
3
- "module": "ModalSeparator",
4
- "types": "../ModalSeparator.d.ts",
5
- "sideEffects": false
6
- }
@@ -1,5 +0,0 @@
1
- import { CommonProps } from '../../internal/CommonWrapper';
2
- export interface ModalSeparatorProps extends CommonProps {
3
- fixed?: boolean;
4
- }
5
- export declare function ModalSeparator(props: ModalSeparatorProps): JSX.Element;
@@ -1,33 +0,0 @@
1
- import React from 'react';
2
- import { getRootNode } from "../../../lib/rootNode";
3
- export var FAKE_USER_ACTION_ATTR = {
4
- hover: 'data-style-hover',
5
- active: 'data-style-active',
6
- focus: 'data-style-focus'
7
- };
8
- export var FakeUserActions = function FakeUserActions(_ref) {
9
- var children = _ref.children,
10
- _ref$acts = _ref.acts,
11
- acts = _ref$acts === void 0 ? [] : _ref$acts;
12
- var ref = React.useRef();
13
-
14
- var setProp = function setProp(node) {
15
- acts.forEach(function (act) {
16
- return node.setAttribute(FAKE_USER_ACTION_ATTR[act], 'true');
17
- });
18
- };
19
-
20
- React.useEffect(function () {
21
- var node = getRootNode(ref.current);
22
-
23
- if (node instanceof HTMLElement) {
24
- var _ref$current;
25
-
26
- setProp(node);
27
- (_ref$current = ref.current) == null ? void 0 : _ref$current.forceUpdate();
28
- }
29
- });
30
- return /*#__PURE__*/React.cloneElement(children, {
31
- ref: ref
32
- });
33
- };
@@ -1 +0,0 @@
1
- {"version":3,"sources":["FakeUserActions.tsx"],"names":["React","getRootNode","FAKE_USER_ACTION_ATTR","hover","active","focus","FakeUserActions","children","acts","ref","useRef","setProp","node","forEach","act","setAttribute","useEffect","current","HTMLElement","forceUpdate","cloneElement"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,WAAT,QAA4B,oBAA5B;;;;AAIA,OAAO,IAAMC,qBAAqD,GAAG;AACnEC,EAAAA,KAAK,EAAE,kBAD4D;AAEnEC,EAAAA,MAAM,EAAE,mBAF2D;AAGnEC,EAAAA,KAAK,EAAE,kBAH4D,EAA9D;;;AAMP,OAAO,IAAMC,eAAmG,GAAG,SAAtGA,eAAsG;;;AAG7G,KAFJC,QAEI,QAFJA,QAEI,kBADJC,IACI,CADJA,IACI,0BADG,EACH;AACJ,MAAMC,GAAG,GAAGT,KAAK,CAACU,MAAN,EAAZ;AACA,MAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,IAAD,EAAuB;AACrCJ,IAAAA,IAAI,CAACK,OAAL,CAAa,UAACC,GAAD,UAASF,IAAI,CAACG,YAAL,CAAkBb,qBAAqB,CAACY,GAAD,CAAvC,EAA8C,MAA9C,CAAT,EAAb;AACD,GAFD;AAGAd,EAAAA,KAAK,CAACgB,SAAN,CAAgB,YAAM;AACpB,QAAMJ,IAAI,GAAGX,WAAW,CAACQ,GAAG,CAACQ,OAAL,CAAxB;AACA,QAAIL,IAAI,YAAYM,WAApB,EAAiC;AAC/BP,MAAAA,OAAO,CAACC,IAAD,CAAP;AACA,sBAAAH,GAAG,CAACQ,OAAJ,kCAAaE,WAAb;AACD;AACF,GAND;AAOA,sBAAOnB,KAAK,CAACoB,YAAN,CAAmBb,QAAnB,EAA6B,EAAEE,GAAG,EAAHA,GAAF,EAA7B,CAAP;AACD,CAhBM","sourcesContent":["import React from 'react';\n\nimport { getRootNode } from '../../lib/rootNode';\n\nexport type FakeUserAction = 'hover' | 'active' | 'focus';\n\nexport const FAKE_USER_ACTION_ATTR: Record<FakeUserAction, string> = {\n hover: 'data-style-hover',\n active: 'data-style-active',\n focus: 'data-style-focus',\n};\n\nexport const FakeUserActions: React.FunctionComponent<{ children: React.ReactElement; acts?: FakeUserAction[] }> = ({\n children,\n acts = [],\n}) => {\n const ref = React.useRef<React.Component>();\n const setProp = (node: HTMLElement) => {\n acts.forEach((act) => node.setAttribute(FAKE_USER_ACTION_ATTR[act], 'true'));\n };\n React.useEffect(() => {\n const node = getRootNode(ref.current);\n if (node instanceof HTMLElement) {\n setProp(node);\n ref.current?.forceUpdate();\n }\n });\n return React.cloneElement(children, { ref });\n};\n"]}
@@ -1,6 +0,0 @@
1
- {
2
- "main": "../../../cjs/internal/FakeUserActions/FakeUserActions.js",
3
- "module": "FakeUserActions",
4
- "types": "../FakeUserActions.d.ts",
5
- "sideEffects": false
6
- }
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export declare type FakeUserAction = 'hover' | 'active' | 'focus';
3
- export declare const FAKE_USER_ACTION_ATTR: Record<FakeUserAction, string>;
4
- export declare const FakeUserActions: React.FunctionComponent<{
5
- children: React.ReactElement;
6
- acts?: FakeUserAction[];
7
- }>;