@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.
- package/CHANGELOG.md +22 -0
- package/LICENSE +21 -21
- package/cjs/components/Button/Button.d.ts +1 -10
- package/cjs/components/Button/Button.js +3 -81
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.mixins.js +4 -5
- package/cjs/components/Button/Button.mixins.js.map +1 -1
- package/cjs/components/Button/Button.styles.d.ts +0 -23
- package/cjs/components/Button/Button.styles.js +73 -331
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.js +1 -1
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.d.ts +1 -1
- package/cjs/components/Checkbox/Checkbox.styles.js +4 -6
- package/cjs/components/Checkbox/Checkbox.styles.js.map +1 -1
- package/cjs/components/CurrencyInput/CurrencyHelper.js +1 -1
- package/cjs/components/CurrencyInput/CurrencyHelper.js.map +1 -1
- package/cjs/components/CurrencyInput/constants.d.ts +3 -0
- package/cjs/components/CurrencyInput/constants.js +6 -2
- package/cjs/components/CurrencyInput/constants.js.map +1 -1
- package/cjs/components/CurrencyLabel/CurrencyLabel.d.ts +3 -1
- package/cjs/components/CurrencyLabel/CurrencyLabel.js +6 -3
- package/cjs/components/CurrencyLabel/CurrencyLabel.js.map +1 -1
- package/cjs/components/CurrencyLabel/CurrencyLabel.md +29 -23
- package/cjs/components/DropdownMenu/DropdownMenu.md +38 -0
- package/cjs/components/Gapped/Gapped.md +43 -43
- package/cjs/components/Input/Input.js +6 -1
- package/cjs/components/Input/Input.js.map +1 -1
- package/cjs/components/Link/Link.d.ts +0 -3
- package/cjs/components/Link/Link.js +8 -31
- package/cjs/components/Link/Link.js.map +1 -1
- package/cjs/components/Link/Link.mixins.d.ts +0 -1
- package/cjs/components/Link/Link.mixins.js +6 -44
- package/cjs/components/Link/Link.mixins.js.map +1 -1
- package/cjs/components/Link/Link.styles.d.ts +0 -6
- package/cjs/components/Link/Link.styles.js +17 -86
- package/cjs/components/Link/Link.styles.js.map +1 -1
- package/cjs/components/MenuItem/MenuItem.d.ts +6 -0
- package/cjs/components/MenuItem/MenuItem.js +12 -2
- package/cjs/components/MenuItem/MenuItem.js.map +1 -1
- package/cjs/components/MenuSeparator/MenuSeparator.styles.js +2 -2
- package/cjs/components/MenuSeparator/MenuSeparator.styles.js.map +1 -1
- package/cjs/components/Modal/Modal.styles.d.ts +0 -3
- package/cjs/components/Modal/Modal.styles.js +10 -32
- package/cjs/components/Modal/Modal.styles.js.map +1 -1
- package/cjs/components/Modal/ModalFooter.js +2 -6
- package/cjs/components/Modal/ModalFooter.js.map +1 -1
- package/cjs/components/Modal/ModalHeader.js +3 -9
- package/cjs/components/Modal/ModalHeader.js.map +1 -1
- package/cjs/components/PasswordInput/PasswordInput.md +9 -9
- package/cjs/components/RadioGroup/RadioGroup.md +43 -43
- package/cjs/components/SidePage/SidePage.d.ts +5 -0
- package/cjs/components/SidePage/SidePage.js +9 -1
- package/cjs/components/SidePage/SidePage.js.map +1 -1
- package/cjs/components/SidePage/SidePageBody.d.ts +1 -0
- package/cjs/components/SidePage/SidePageBody.js +11 -6
- package/cjs/components/SidePage/SidePageBody.js.map +1 -1
- package/cjs/components/Token/Token.md +112 -112
- package/cjs/internal/InternalMenu/InternalMenu.d.ts +1 -0
- package/cjs/internal/InternalMenu/InternalMenu.js +24 -8
- package/cjs/internal/InternalMenu/InternalMenu.js.map +1 -1
- package/cjs/internal/InternalMenu/InternalMenu.styles.d.ts +5 -4
- package/cjs/internal/InternalMenu/InternalMenu.styles.js +14 -18
- package/cjs/internal/InternalMenu/InternalMenu.styles.js.map +1 -1
- package/cjs/internal/Menu/Menu.styles.js +2 -1
- package/cjs/internal/Menu/Menu.styles.js.map +1 -1
- package/cjs/internal/ThemeShowcase/ThemeShowcase.md +13 -13
- package/cjs/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
- package/cjs/internal/icons/16px/index.d.ts +0 -3
- package/cjs/internal/icons/16px/index.js +8 -22
- package/cjs/internal/icons/16px/index.js.map +1 -1
- package/cjs/internal/themes/DefaultTheme.d.ts +0 -40
- package/cjs/internal/themes/DefaultTheme.js +3 -84
- package/cjs/internal/themes/DefaultTheme.js.map +1 -1
- package/cjs/internal/themes/Theme2022.d.ts +4 -60
- package/cjs/internal/themes/Theme2022.js +63 -156
- package/cjs/internal/themes/Theme2022.js.map +1 -1
- package/cjs/internal/themes/Theme2022Dark.d.ts +0 -9
- package/cjs/internal/themes/Theme2022Dark.js +1 -15
- package/cjs/internal/themes/Theme2022Dark.js.map +1 -1
- package/cjs/lib/theming/ThemeHelpers.d.ts +0 -3
- package/cjs/lib/theming/ThemeHelpers.js +1 -17
- package/cjs/lib/theming/ThemeHelpers.js.map +1 -1
- package/cjs/lib/theming/themes/Theme2022.js +1 -2
- package/cjs/lib/theming/themes/Theme2022.js.map +1 -1
- package/cjs/lib/utils.d.ts +1 -1
- package/cjs/lib/utils.js +2 -3
- package/cjs/lib/utils.js.map +1 -1
- package/cjs/typings/utility-types.d.ts +1 -1
- package/components/Button/Button/Button.js +11 -61
- package/components/Button/Button/Button.js.map +1 -1
- package/components/Button/Button.d.ts +1 -10
- package/components/Button/Button.mixins/Button.mixins.js +2 -2
- package/components/Button/Button.mixins/Button.mixins.js.map +1 -1
- package/components/Button/Button.styles/Button.styles.js +62 -130
- package/components/Button/Button.styles/Button.styles.js.map +1 -1
- package/components/Button/Button.styles.d.ts +0 -23
- package/components/Checkbox/Checkbox/Checkbox.js +1 -1
- package/components/Checkbox/Checkbox/Checkbox.js.map +1 -1
- package/components/Checkbox/Checkbox.styles/Checkbox.styles.js +2 -2
- package/components/Checkbox/Checkbox.styles/Checkbox.styles.js.map +1 -1
- package/components/Checkbox/Checkbox.styles.d.ts +1 -1
- package/components/CurrencyInput/CurrencyHelper/CurrencyHelper.js +3 -3
- package/components/CurrencyInput/CurrencyHelper/CurrencyHelper.js.map +1 -1
- package/components/CurrencyInput/constants/constants.js +4 -1
- package/components/CurrencyInput/constants/constants.js.map +1 -1
- package/components/CurrencyInput/constants.d.ts +3 -0
- package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js +5 -2
- package/components/CurrencyLabel/CurrencyLabel/CurrencyLabel.js.map +1 -1
- package/components/CurrencyLabel/CurrencyLabel.d.ts +3 -1
- package/components/CurrencyLabel/CurrencyLabel.md +29 -23
- package/components/DropdownMenu/DropdownMenu.md +38 -0
- package/components/Gapped/Gapped.md +43 -43
- package/components/Input/Input/Input.js +18 -5
- package/components/Input/Input/Input.js.map +1 -1
- package/components/Link/Link/Link.js +4 -26
- package/components/Link/Link/Link.js.map +1 -1
- package/components/Link/Link.d.ts +0 -3
- package/components/Link/Link.mixins/Link.mixins.js +3 -11
- package/components/Link/Link.mixins/Link.mixins.js.map +1 -1
- package/components/Link/Link.mixins.d.ts +0 -1
- package/components/Link/Link.styles/Link.styles.js +14 -26
- package/components/Link/Link.styles/Link.styles.js.map +1 -1
- package/components/Link/Link.styles.d.ts +0 -6
- package/components/MenuItem/MenuItem/MenuItem.js +7 -2
- package/components/MenuItem/MenuItem/MenuItem.js.map +1 -1
- package/components/MenuItem/MenuItem.d.ts +6 -0
- package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js +1 -1
- package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js.map +1 -1
- package/components/Modal/Modal.styles/Modal.styles.js +5 -14
- package/components/Modal/Modal.styles/Modal.styles.js.map +1 -1
- package/components/Modal/Modal.styles.d.ts +0 -3
- package/components/Modal/ModalFooter/ModalFooter.js +2 -5
- package/components/Modal/ModalFooter/ModalFooter.js.map +1 -1
- package/components/Modal/ModalHeader/ModalHeader.js +2 -5
- package/components/Modal/ModalHeader/ModalHeader.js.map +1 -1
- package/components/PasswordInput/PasswordInput.md +9 -9
- package/components/RadioGroup/RadioGroup.md +43 -43
- package/components/SidePage/SidePage/SidePage.js +10 -6
- package/components/SidePage/SidePage/SidePage.js.map +1 -1
- package/components/SidePage/SidePage.d.ts +5 -0
- package/components/SidePage/SidePageBody/SidePageBody.js +9 -1
- package/components/SidePage/SidePageBody/SidePageBody.js.map +1 -1
- package/components/SidePage/SidePageBody.d.ts +1 -0
- package/components/Token/Token.md +112 -112
- package/internal/InternalMenu/InternalMenu/InternalMenu.js +24 -6
- package/internal/InternalMenu/InternalMenu/InternalMenu.js.map +1 -1
- package/internal/InternalMenu/InternalMenu.d.ts +1 -0
- package/internal/InternalMenu/InternalMenu.styles/InternalMenu.styles.js +13 -10
- package/internal/InternalMenu/InternalMenu.styles/InternalMenu.styles.js.map +1 -1
- package/internal/InternalMenu/InternalMenu.styles.d.ts +5 -4
- package/internal/Menu/Menu.styles/Menu.styles.js +1 -1
- package/internal/Menu/Menu.styles/Menu.styles.js.map +1 -1
- package/internal/ThemeShowcase/ThemeShowcase.md +13 -13
- package/internal/ThemeShowcase/VariablesCollector.d.ts +1 -1
- package/internal/icons/16px/index/index.js +5 -19
- package/internal/icons/16px/index/index.js.map +1 -1
- package/internal/icons/16px/index.d.ts +0 -3
- package/internal/themes/DefaultTheme/DefaultTheme.js +4 -116
- package/internal/themes/DefaultTheme/DefaultTheme.js.map +1 -1
- package/internal/themes/DefaultTheme.d.ts +0 -40
- package/internal/themes/Theme2022/Theme2022.js +4 -90
- package/internal/themes/Theme2022/Theme2022.js.map +1 -1
- package/internal/themes/Theme2022.d.ts +4 -60
- package/internal/themes/Theme2022Dark/Theme2022Dark.js +0 -9
- package/internal/themes/Theme2022Dark/Theme2022Dark.js.map +1 -1
- package/internal/themes/Theme2022Dark.d.ts +0 -9
- package/lib/theming/ThemeHelpers/ThemeHelpers.js +0 -14
- package/lib/theming/ThemeHelpers/ThemeHelpers.js.map +1 -1
- package/lib/theming/ThemeHelpers.d.ts +0 -3
- package/lib/theming/themes/Theme2022/Theme2022.js +1 -2
- package/lib/theming/themes/Theme2022/Theme2022.js.map +1 -1
- package/lib/utils/utils.js +0 -1
- package/lib/utils/utils.js.map +1 -1
- package/lib/utils.d.ts +1 -1
- package/package.json +5 -3
- package/typings/utility-types.d.ts +1 -1
- package/cjs/components/Modal/ModalSeparator.d.ts +0 -5
- package/cjs/components/Modal/ModalSeparator.js +0 -21
- package/cjs/components/Modal/ModalSeparator.js.map +0 -1
- package/cjs/internal/FakeUserActions/FakeUserActions.d.ts +0 -7
- package/cjs/internal/FakeUserActions/FakeUserActions.js +0 -29
- package/cjs/internal/FakeUserActions/FakeUserActions.js.map +0 -1
- package/cjs/internal/FakeUserActions/FakeUserActionsTable.d.ts +0 -6
- package/cjs/internal/FakeUserActions/FakeUserActionsTable.js +0 -216
- package/cjs/internal/FakeUserActions/FakeUserActionsTable.js.map +0 -1
- package/cjs/internal/FakeUserActions/Selectors.d.ts +0 -6
- package/cjs/internal/FakeUserActions/Selectors.js +0 -20
- package/cjs/internal/FakeUserActions/Selectors.js.map +0 -1
- package/cjs/internal/FakeUserActions/hasFakeUserAction.d.ts +0 -3
- package/cjs/internal/FakeUserActions/hasFakeUserAction.js +0 -9
- package/cjs/internal/FakeUserActions/hasFakeUserAction.js.map +0 -1
- package/cjs/internal/icons/16px/BaseIcon.d.ts +0 -8
- package/cjs/internal/icons/16px/BaseIcon.js +0 -33
- package/cjs/internal/icons/16px/BaseIcon.js.map +0 -1
- package/components/Modal/ModalSeparator/ModalSeparator.js +0 -14
- package/components/Modal/ModalSeparator/ModalSeparator.js.map +0 -1
- package/components/Modal/ModalSeparator/package.json +0 -6
- package/components/Modal/ModalSeparator.d.ts +0 -5
- package/internal/FakeUserActions/FakeUserActions/FakeUserActions.js +0 -33
- package/internal/FakeUserActions/FakeUserActions/FakeUserActions.js.map +0 -1
- package/internal/FakeUserActions/FakeUserActions/package.json +0 -6
- package/internal/FakeUserActions/FakeUserActions.d.ts +0 -7
- package/internal/FakeUserActions/FakeUserActionsTable/FakeUserActionsTable.js +0 -171
- package/internal/FakeUserActions/FakeUserActionsTable/FakeUserActionsTable.js.map +0 -1
- package/internal/FakeUserActions/FakeUserActionsTable/package.json +0 -6
- package/internal/FakeUserActions/FakeUserActionsTable.d.ts +0 -6
- package/internal/FakeUserActions/Selectors/Selectors.js +0 -29
- package/internal/FakeUserActions/Selectors/Selectors.js.map +0 -1
- package/internal/FakeUserActions/Selectors/package.json +0 -6
- package/internal/FakeUserActions/Selectors.d.ts +0 -6
- package/internal/FakeUserActions/hasFakeUserAction/hasFakeUserAction.js +0 -6
- package/internal/FakeUserActions/hasFakeUserAction/hasFakeUserAction.js.map +0 -1
- package/internal/FakeUserActions/hasFakeUserAction/package.json +0 -6
- package/internal/FakeUserActions/hasFakeUserAction.d.ts +0 -3
- package/internal/icons/16px/BaseIcon/BaseIcon.js +0 -28
- package/internal/icons/16px/BaseIcon/BaseIcon.js.map +0 -1
- package/internal/icons/16px/BaseIcon/package.json +0 -6
- 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:
|
|
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,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,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,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,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,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
|
-
}>;
|