datocms-react-ui 1.0.1 → 1.1.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/dist/cjs/Button/index.js +5 -5
- package/dist/cjs/Button/index.js.map +1 -1
- package/dist/cjs/ButtonGroup/Button/index.js +1 -1
- package/dist/cjs/ButtonGroup/Button/index.js.map +1 -1
- package/dist/cjs/ButtonGroup/Group/index.js +1 -1
- package/dist/cjs/ButtonGroup/Group/index.js.map +1 -1
- package/dist/cjs/Canvas/index.js +3 -3
- package/dist/cjs/Canvas/index.js.map +1 -1
- package/dist/cjs/ContextInspector/index.js +34 -35
- package/dist/cjs/ContextInspector/index.js.map +1 -1
- package/dist/cjs/Dropdown/Dropdown.js +8 -30
- package/dist/cjs/Dropdown/Dropdown.js.map +1 -1
- package/dist/cjs/Dropdown/Group.js +2 -2
- package/dist/cjs/Dropdown/Group.js.map +1 -1
- package/dist/cjs/Dropdown/Menu.js +20 -18
- package/dist/cjs/Dropdown/Menu.js.map +1 -1
- package/dist/cjs/Dropdown/MenuContext.js.map +1 -1
- package/dist/cjs/Dropdown/Option.js +3 -3
- package/dist/cjs/Dropdown/Option.js.map +1 -1
- package/dist/cjs/Dropdown/OptionAction.js +1 -1
- package/dist/cjs/Dropdown/OptionAction.js.map +1 -1
- package/dist/cjs/Dropdown/Portal.js +6 -28
- package/dist/cjs/Dropdown/Portal.js.map +1 -1
- package/dist/cjs/Dropdown/Separator.js +1 -1
- package/dist/cjs/Dropdown/Separator.js.map +1 -1
- package/dist/cjs/Dropdown/Text.js +1 -1
- package/dist/cjs/Dropdown/Text.js.map +1 -1
- package/dist/cjs/Dropdown/index.js.map +1 -1
- package/dist/cjs/FieldError/index.js.map +1 -1
- package/dist/cjs/FieldGroup/index.js +1 -1
- package/dist/cjs/FieldGroup/index.js.map +1 -1
- package/dist/cjs/FieldHint/index.js.map +1 -1
- package/dist/cjs/FieldWrapper/index.js.map +1 -1
- package/dist/cjs/Form/index.js +1 -1
- package/dist/cjs/Form/index.js.map +1 -1
- package/dist/cjs/FormLabel/index.js +1 -1
- package/dist/cjs/FormLabel/index.js.map +1 -1
- package/dist/cjs/Section/index.js +6 -6
- package/dist/cjs/Section/index.js.map +1 -1
- package/dist/cjs/SelectField/index.js.map +1 -1
- package/dist/cjs/SelectInput/index.js.map +1 -1
- package/dist/cjs/SidebarPanel/index.js +5 -5
- package/dist/cjs/SidebarPanel/index.js.map +1 -1
- package/dist/cjs/Spinner/index.js +1 -1
- package/dist/cjs/Spinner/index.js.map +1 -1
- package/dist/cjs/SwitchField/index.js +1 -1
- package/dist/cjs/SwitchField/index.js.map +1 -1
- package/dist/cjs/SwitchInput/index.js +5 -5
- package/dist/cjs/SwitchInput/index.js.map +1 -1
- package/dist/cjs/TextField/index.js.map +1 -1
- package/dist/cjs/TextInput/index.js +4 -26
- package/dist/cjs/TextInput/index.js.map +1 -1
- package/dist/cjs/TextareaField/index.js.map +1 -1
- package/dist/cjs/TextareaInput/index.js +4 -26
- package/dist/cjs/TextareaInput/index.js.map +1 -1
- package/dist/cjs/Toolbar/Button/index.js +1 -1
- package/dist/cjs/Toolbar/Button/index.js.map +1 -1
- package/dist/cjs/Toolbar/Stack/index.js +1 -1
- package/dist/cjs/Toolbar/Stack/index.js.map +1 -1
- package/dist/cjs/Toolbar/Title/index.js +1 -1
- package/dist/cjs/Toolbar/Title/index.js.map +1 -1
- package/dist/cjs/Toolbar/Toolbar/index.js +1 -1
- package/dist/cjs/Toolbar/Toolbar/index.js.map +1 -1
- package/dist/cjs/generateStyleFromCtx/index.js +16 -10
- package/dist/cjs/generateStyleFromCtx/index.js.map +1 -1
- package/dist/cjs/icons.js.map +1 -1
- package/dist/cjs/mergeRefs/index.js +3 -2
- package/dist/cjs/mergeRefs/index.js.map +1 -1
- package/dist/cjs/useMediaQuery/index.js +14 -5
- package/dist/cjs/useMediaQuery/index.js.map +1 -1
- package/dist/esm/Button/index.d.ts +2 -1
- package/dist/esm/Button/index.js +5 -5
- package/dist/esm/Button/index.js.map +1 -1
- package/dist/esm/ButtonGroup/Button/index.d.ts +1 -1
- package/dist/esm/ButtonGroup/Button/index.js +1 -1
- package/dist/esm/ButtonGroup/Button/index.js.map +1 -1
- package/dist/esm/ButtonGroup/Group/index.d.ts +1 -1
- package/dist/esm/ButtonGroup/Group/index.js +1 -1
- package/dist/esm/ButtonGroup/Group/index.js.map +1 -1
- package/dist/esm/Canvas/index.d.ts +2 -2
- package/dist/esm/Canvas/index.js +4 -4
- package/dist/esm/Canvas/index.js.map +1 -1
- package/dist/esm/ContextInspector/index.js +34 -35
- package/dist/esm/ContextInspector/index.js.map +1 -1
- package/dist/esm/Dropdown/Dropdown.js +4 -3
- package/dist/esm/Dropdown/Dropdown.js.map +1 -1
- package/dist/esm/Dropdown/Group.d.ts +2 -1
- package/dist/esm/Dropdown/Group.js +2 -2
- package/dist/esm/Dropdown/Group.js.map +1 -1
- package/dist/esm/Dropdown/Menu.js +20 -18
- package/dist/esm/Dropdown/Menu.js.map +1 -1
- package/dist/esm/Dropdown/MenuContext.d.ts +1 -1
- package/dist/esm/Dropdown/MenuContext.js.map +1 -1
- package/dist/esm/Dropdown/Option.js +3 -3
- package/dist/esm/Dropdown/Option.js.map +1 -1
- package/dist/esm/Dropdown/OptionAction.d.ts +2 -1
- package/dist/esm/Dropdown/OptionAction.js +1 -1
- package/dist/esm/Dropdown/OptionAction.js.map +1 -1
- package/dist/esm/Dropdown/Portal.d.ts +2 -1
- package/dist/esm/Dropdown/Portal.js +4 -3
- package/dist/esm/Dropdown/Portal.js.map +1 -1
- package/dist/esm/Dropdown/Separator.js +1 -1
- package/dist/esm/Dropdown/Separator.js.map +1 -1
- package/dist/esm/Dropdown/Text.js +1 -1
- package/dist/esm/Dropdown/Text.js.map +1 -1
- package/dist/esm/Dropdown/index.d.ts +6 -6
- package/dist/esm/Dropdown/index.js.map +1 -1
- package/dist/esm/FieldError/index.d.ts +1 -1
- package/dist/esm/FieldError/index.js.map +1 -1
- package/dist/esm/FieldGroup/index.js +1 -1
- package/dist/esm/FieldGroup/index.js.map +1 -1
- package/dist/esm/FieldHint/index.d.ts +1 -1
- package/dist/esm/FieldHint/index.js.map +1 -1
- package/dist/esm/FieldWrapper/index.d.ts +2 -2
- package/dist/esm/FieldWrapper/index.js.map +1 -1
- package/dist/esm/Form/index.d.ts +1 -1
- package/dist/esm/Form/index.js +1 -1
- package/dist/esm/Form/index.js.map +1 -1
- package/dist/esm/FormLabel/index.js +1 -1
- package/dist/esm/FormLabel/index.js.map +1 -1
- package/dist/esm/Section/index.d.ts +1 -1
- package/dist/esm/Section/index.js +6 -6
- package/dist/esm/Section/index.js.map +1 -1
- package/dist/esm/SelectField/index.d.ts +3 -3
- package/dist/esm/SelectField/index.js.map +1 -1
- package/dist/esm/SelectInput/index.d.ts +4 -4
- package/dist/esm/SelectInput/index.js.map +1 -1
- package/dist/esm/SidebarPanel/index.d.ts +1 -1
- package/dist/esm/SidebarPanel/index.js +5 -5
- package/dist/esm/SidebarPanel/index.js.map +1 -1
- package/dist/esm/Spinner/index.js +1 -1
- package/dist/esm/Spinner/index.js.map +1 -1
- package/dist/esm/SwitchField/index.d.ts +2 -2
- package/dist/esm/SwitchField/index.js +1 -1
- package/dist/esm/SwitchField/index.js.map +1 -1
- package/dist/esm/SwitchInput/index.js +5 -5
- package/dist/esm/SwitchInput/index.js.map +1 -1
- package/dist/esm/TextField/index.d.ts +2 -2
- package/dist/esm/TextField/index.js +1 -1
- package/dist/esm/TextField/index.js.map +1 -1
- package/dist/esm/TextInput/index.d.ts +2 -1
- package/dist/esm/TextInput/index.js +3 -2
- package/dist/esm/TextInput/index.js.map +1 -1
- package/dist/esm/TextareaField/index.d.ts +2 -2
- package/dist/esm/TextareaField/index.js.map +1 -1
- package/dist/esm/TextareaInput/index.d.ts +2 -1
- package/dist/esm/TextareaInput/index.js +3 -2
- package/dist/esm/TextareaInput/index.js.map +1 -1
- package/dist/esm/Toolbar/Button/index.d.ts +1 -1
- package/dist/esm/Toolbar/Button/index.js +1 -1
- package/dist/esm/Toolbar/Button/index.js.map +1 -1
- package/dist/esm/Toolbar/Stack/index.d.ts +1 -1
- package/dist/esm/Toolbar/Stack/index.js +1 -1
- package/dist/esm/Toolbar/Stack/index.js.map +1 -1
- package/dist/esm/Toolbar/Title/index.d.ts +1 -1
- package/dist/esm/Toolbar/Title/index.js +1 -1
- package/dist/esm/Toolbar/Title/index.js.map +1 -1
- package/dist/esm/Toolbar/Toolbar/index.d.ts +1 -1
- package/dist/esm/Toolbar/Toolbar/index.js +1 -1
- package/dist/esm/Toolbar/Toolbar/index.js.map +1 -1
- package/dist/esm/generateStyleFromCtx/index.d.ts +3 -3
- package/dist/esm/generateStyleFromCtx/index.js +16 -10
- package/dist/esm/generateStyleFromCtx/index.js.map +1 -1
- package/dist/esm/icons.d.ts +1 -1
- package/dist/esm/icons.js.map +1 -1
- package/dist/esm/mergeRefs/index.js +3 -2
- package/dist/esm/mergeRefs/index.js.map +1 -1
- package/dist/esm/useMediaQuery/index.js +14 -5
- package/dist/esm/useMediaQuery/index.js.map +1 -1
- package/dist/types/Button/index.d.ts +2 -1
- package/dist/types/ButtonGroup/Button/index.d.ts +1 -1
- package/dist/types/ButtonGroup/Group/index.d.ts +1 -1
- package/dist/types/Canvas/index.d.ts +2 -2
- package/dist/types/Dropdown/Group.d.ts +2 -1
- package/dist/types/Dropdown/MenuContext.d.ts +1 -1
- package/dist/types/Dropdown/OptionAction.d.ts +2 -1
- package/dist/types/Dropdown/Portal.d.ts +2 -1
- package/dist/types/Dropdown/index.d.ts +6 -6
- package/dist/types/FieldError/index.d.ts +1 -1
- package/dist/types/FieldHint/index.d.ts +1 -1
- package/dist/types/FieldWrapper/index.d.ts +2 -2
- package/dist/types/Form/index.d.ts +1 -1
- package/dist/types/Section/index.d.ts +1 -1
- package/dist/types/SelectField/index.d.ts +3 -3
- package/dist/types/SelectInput/index.d.ts +4 -4
- package/dist/types/SidebarPanel/index.d.ts +1 -1
- package/dist/types/SwitchField/index.d.ts +2 -2
- package/dist/types/TextField/index.d.ts +2 -2
- package/dist/types/TextInput/index.d.ts +2 -1
- package/dist/types/TextareaField/index.d.ts +2 -2
- package/dist/types/TextareaInput/index.d.ts +2 -1
- package/dist/types/Toolbar/Button/index.d.ts +1 -1
- package/dist/types/Toolbar/Stack/index.d.ts +1 -1
- package/dist/types/Toolbar/Title/index.d.ts +1 -1
- package/dist/types/Toolbar/Toolbar/index.d.ts +1 -1
- package/dist/types/generateStyleFromCtx/index.d.ts +3 -3
- package/dist/types/icons.d.ts +1 -1
- package/package.json +3 -3
- package/src/Button/index.tsx +6 -9
- package/src/ButtonGroup/Button/index.tsx +6 -2
- package/src/ButtonGroup/Group/index.tsx +2 -2
- package/src/Canvas/index.tsx +10 -5
- package/src/ContextInspector/index.tsx +76 -80
- package/src/Dropdown/Dropdown.tsx +4 -3
- package/src/Dropdown/Group.tsx +4 -3
- package/src/Dropdown/Menu.tsx +25 -24
- package/src/Dropdown/MenuContext.tsx +1 -1
- package/src/Dropdown/Option.tsx +3 -3
- package/src/Dropdown/OptionAction.tsx +3 -2
- package/src/Dropdown/Portal.tsx +5 -4
- package/src/Dropdown/Separator.tsx +1 -1
- package/src/Dropdown/Text.tsx +1 -1
- package/src/Dropdown/index.tsx +6 -6
- package/src/FieldError/index.tsx +1 -1
- package/src/FieldGroup/index.tsx +1 -1
- package/src/FieldHint/index.tsx +1 -1
- package/src/FieldWrapper/index.tsx +2 -2
- package/src/Form/index.tsx +5 -5
- package/src/FormLabel/index.tsx +1 -1
- package/src/Section/index.tsx +6 -6
- package/src/SelectField/index.tsx +7 -7
- package/src/SelectInput/index.tsx +9 -7
- package/src/SidebarPanel/index.tsx +8 -8
- package/src/Spinner/index.tsx +1 -1
- package/src/SwitchField/index.tsx +4 -4
- package/src/SwitchInput/index.tsx +5 -5
- package/src/TextField/index.tsx +7 -2
- package/src/TextInput/index.tsx +3 -2
- package/src/TextareaField/index.tsx +3 -3
- package/src/TextareaInput/index.tsx +3 -2
- package/src/Toolbar/Button/index.tsx +6 -2
- package/src/Toolbar/Stack/index.tsx +2 -2
- package/src/Toolbar/Title/index.tsx +2 -2
- package/src/Toolbar/Toolbar/index.tsx +2 -2
- package/src/generateStyleFromCtx/index.ts +22 -18
- package/src/icons.tsx +4 -4
- package/src/mergeRefs/index.ts +4 -3
- package/src/useMediaQuery/index.ts +5 -3
- package/types.json +353 -353
package/dist/cjs/Button/index.js
CHANGED
|
@@ -4,8 +4,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.ButtonLink = exports.Button = void 0;
|
|
7
|
-
var react_1 = __importDefault(require("react"));
|
|
8
7
|
var classnames_1 = __importDefault(require("classnames"));
|
|
8
|
+
var react_1 = __importDefault(require("react"));
|
|
9
9
|
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
10
10
|
/**
|
|
11
11
|
* @example Button types
|
|
@@ -75,9 +75,9 @@ function Button(_a) {
|
|
|
75
75
|
_b[styles_module_css_json_1.default.disabled] = disabled,
|
|
76
76
|
_b[styles_module_css_json_1.default.fullWidth] = fullWidth,
|
|
77
77
|
_b), className), disabled: disabled, onClick: onClick, style: style },
|
|
78
|
-
leftIcon &&
|
|
78
|
+
leftIcon && react_1.default.createElement("span", { className: styles_module_css_json_1.default.button__leftIcon }, leftIcon),
|
|
79
79
|
children && react_1.default.createElement("span", null, children),
|
|
80
|
-
rightIcon && (react_1.default.createElement("span", { className: styles_module_css_json_1.default
|
|
80
|
+
rightIcon && (react_1.default.createElement("span", { className: styles_module_css_json_1.default.button__rightIcon }, rightIcon))));
|
|
81
81
|
}
|
|
82
82
|
exports.Button = Button;
|
|
83
83
|
function ButtonLink(_a) {
|
|
@@ -86,9 +86,9 @@ function ButtonLink(_a) {
|
|
|
86
86
|
return (react_1.default.createElement("a", { href: href, target: target, className: (0, classnames_1.default)(styles_module_css_json_1.default.button, styles_module_css_json_1.default["buttonType-".concat(buttonType)], styles_module_css_json_1.default["buttonSize-".concat(buttonSize)], (_b = {},
|
|
87
87
|
_b[styles_module_css_json_1.default.fullWidth] = fullWidth,
|
|
88
88
|
_b), className), style: style, onClick: onClick },
|
|
89
|
-
leftIcon &&
|
|
89
|
+
leftIcon && react_1.default.createElement("span", { className: styles_module_css_json_1.default.button__leftIcon }, leftIcon),
|
|
90
90
|
children && react_1.default.createElement("span", null, children),
|
|
91
|
-
rightIcon && (react_1.default.createElement("span", { className: styles_module_css_json_1.default
|
|
91
|
+
rightIcon && (react_1.default.createElement("span", { className: styles_module_css_json_1.default.button__rightIcon }, rightIcon))));
|
|
92
92
|
}
|
|
93
93
|
exports.ButtonLink = ButtonLink;
|
|
94
94
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAA4B;AAC5B,gDAA0B;AAE1B,oFAA8C;AAgB9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DG;AACH,SAAgB,MAAM,CAAC,EAYT;;QAXZ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,SAAS,eAAA,EACT,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAEf,OAAO,CACL,0CACE,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAM,CAAC,MAAM,EACb,gCAAM,CAAC,qBAAc,UAAU,CAAE,CAAC,EAClC,gCAAM,CAAC,qBAAc,UAAU,CAAE,CAAC;YAEhC,GAAC,gCAAM,CAAC,QAAQ,IAAG,QAAQ;YAC3B,GAAC,gCAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK;QAEX,QAAQ,IAAI,wCAAM,SAAS,EAAE,gCAAM,CAAC,gBAAgB,IAAG,QAAQ,CAAQ;QACvE,QAAQ,IAAI,4CAAO,QAAQ,CAAQ;QACnC,SAAS,IAAI,CACZ,wCAAM,SAAS,EAAE,gCAAM,CAAC,iBAAiB,IAAG,SAAS,CAAQ,CAC9D,CACM,CACV,CAAC;AACJ,CAAC;AArCD,wBAqCC;AAgBD,SAAgB,UAAU,CAAC,EAYT;;QAXhB,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,KAAA,EACjB,SAAS,eAAA,EACT,kBAAoB,EAApB,UAAU,mBAAG,OAAO,KAAA,EACpB,kBAAgB,EAAhB,UAAU,mBAAG,GAAG,KAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA;IAEL,OAAO,CACL,qCACE,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,IAAA,oBAAE,EACX,gCAAM,CAAC,MAAM,EACb,gCAAM,CAAC,qBAAc,UAAU,CAAE,CAAC,EAClC,gCAAM,CAAC,qBAAc,UAAU,CAAE,CAAC;YAEhC,GAAC,gCAAM,CAAC,SAAS,IAAG,SAAS;iBAE/B,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO;QAEf,QAAQ,IAAI,wCAAM,SAAS,EAAE,gCAAM,CAAC,gBAAgB,IAAG,QAAQ,CAAQ;QACvE,QAAQ,IAAI,4CAAO,QAAQ,CAAQ;QACnC,SAAS,IAAI,CACZ,wCAAM,SAAS,EAAE,gCAAM,CAAC,iBAAiB,IAAG,SAAS,CAAQ,CAC9D,CACC,CACL,CAAC;AACJ,CAAC;AApCD,gCAoCC"}
|
|
@@ -10,7 +10,7 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
|
|
|
10
10
|
function Button(_a) {
|
|
11
11
|
var _b;
|
|
12
12
|
var children = _a.children, style = _a.style, className = _a.className, selected = _a.selected, disabled = _a.disabled, onClick = _a.onClick;
|
|
13
|
-
return (react_1.default.createElement("button", { type: "button", onClick: onClick, disabled: disabled, className: (0, classnames_1.default)(styles_module_css_json_1.default
|
|
13
|
+
return (react_1.default.createElement("button", { type: "button", onClick: onClick, disabled: disabled, className: (0, classnames_1.default)(styles_module_css_json_1.default.Button, (_b = {},
|
|
14
14
|
_b[styles_module_css_json_1.default['Button--selected']] = selected,
|
|
15
15
|
_b[styles_module_css_json_1.default['Button--disabled']] = disabled,
|
|
16
16
|
_b), className), style: style }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ButtonGroup/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ButtonGroup/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,gDAIe;AACf,oFAAyC;AAWzC,SAAgB,MAAM,CAAC,EAOT;;QANZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA;IAEP,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,oBAAU,EACnB,gCAAC,CAAC,MAAM;YAEN,GAAC,gCAAC,CAAC,kBAAkB,CAAC,IAAG,QAAQ;YACjC,GAAC,gCAAC,CAAC,kBAAkB,CAAC,IAAG,QAAQ;iBAEnC,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AA1BD,wBA0BC"}
|
|
@@ -23,7 +23,7 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
|
|
|
23
23
|
*/
|
|
24
24
|
function Group(_a) {
|
|
25
25
|
var children = _a.children, style = _a.style, className = _a.className;
|
|
26
|
-
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default
|
|
26
|
+
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default.Group, className), style: style }, children));
|
|
27
27
|
}
|
|
28
28
|
exports.Group = Group;
|
|
29
29
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ButtonGroup/Group/index.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/ButtonGroup/Group/index.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,gDAAkE;AAClE,oFAAyC;AAQzC;;;;;;;;;;;;;GAaG;AACH,SAAgB,KAAK,CAAC,EAA0C;QAAxC,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA;IAChD,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,KAAK,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IACzD,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAND,sBAMC"}
|
package/dist/cjs/Canvas/index.js
CHANGED
|
@@ -27,10 +27,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
27
27
|
};
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.Canvas = exports.useCtx = exports.CtxContext = void 0;
|
|
30
|
+
var classnames_1 = __importDefault(require("classnames"));
|
|
30
31
|
var react_1 = __importStar(require("react"));
|
|
31
|
-
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
32
32
|
var generateStyleFromCtx_1 = require("../generateStyleFromCtx");
|
|
33
|
-
var
|
|
33
|
+
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
34
34
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
35
35
|
exports.CtxContext = (0, react_1.createContext)(null);
|
|
36
36
|
function useCtx() {
|
|
@@ -548,7 +548,7 @@ function Canvas(_a) {
|
|
|
548
548
|
return undefined;
|
|
549
549
|
}, [mode, noAutoResizer]);
|
|
550
550
|
return (react_1.default.createElement(exports.CtxContext.Provider, { value: ctx },
|
|
551
|
-
react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default
|
|
551
|
+
react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default.themeVariables, styles_module_css_json_1.default.canvas), style: (0, generateStyleFromCtx_1.generateStyleFromCtx)(ctx) }, children)));
|
|
552
552
|
}
|
|
553
553
|
exports.Canvas = Canvas;
|
|
554
554
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Canvas/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAoC;AAMpC,6CAKe;AACf,gEAA+D;AAC/D,oFAAyC;AAIzC,8DAA8D;AACjD,QAAA,UAAU,GAAG,IAAA,qBAAa,EACrC,IAAI,CACL,CAAC;AAEF,SAAgB,MAAM;IACpB,IAAM,GAAG,GAAG,IAAA,kBAAU,EAAC,kBAAU,CAAC,CAAC;IAEnC,IAAI,CAAC,GAAG,EAAE;QACR,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;KAChD;IAED,OAAO,GAAQ,CAAC;AAClB,CAAC;AARD,wBAQC;AAQD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2eG;AAEH,SAAgB,MAAM,CAAC,EAIT;QAHZ,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,aAAa,mBAAA;IAEL,IAAA,IAAI,GAAK,GAAkC,KAAvC,CAAwC;IAEpD,IAAA,iBAAS,EAAC;QACR,IACE,CAAC,CAAC,YAAY,EAAE,uBAAuB,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;YACvD,CAAC,aAAa,EACd;YACA,IAAM,oBAAkB,GAAG,GAAiC,CAAC;YAC7D,oBAAkB,CAAC,gBAAgB,EAAE,CAAC;YAEtC,OAAO;gBACL,oBAAkB,CAAC,eAAe,EAAE,CAAC;YACvC,CAAC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC;IAE1B,OAAO,CACL,8BAAC,kBAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG;QAC7B,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,cAAc,EAAE,gCAAC,CAAC,MAAM,CAAC,EACjD,KAAK,EAAE,IAAA,2CAAoB,EAAC,GAAG,CAAC,IAE/B,QAAQ,CACL,CACc,CACvB,CAAC;AACJ,CAAC;AAjCD,wBAiCC"}
|
|
@@ -146,14 +146,15 @@ function findExample(signature) {
|
|
|
146
146
|
}
|
|
147
147
|
function buildCtx(manifest, definition) {
|
|
148
148
|
if (definition.type.type === 'intersection') {
|
|
149
|
-
var
|
|
150
|
-
definition.type.types.
|
|
149
|
+
var result = [];
|
|
150
|
+
for (var _i = 0, _a = definition.type.types; _i < _a.length; _i++) {
|
|
151
|
+
var elementInIntersection = _a[_i];
|
|
151
152
|
if (elementInIntersection.type === 'reference') {
|
|
152
153
|
var innerDefinition = findChildrenById(manifest, elementInIntersection.id);
|
|
153
|
-
|
|
154
|
+
result = __spreadArray(__spreadArray([], result, true), [buildCtx(manifest, innerDefinition)], false);
|
|
154
155
|
}
|
|
155
|
-
}
|
|
156
|
-
return
|
|
156
|
+
}
|
|
157
|
+
return result.flat().filter(function (x) { return x; });
|
|
157
158
|
}
|
|
158
159
|
if (definition.type.type === 'reflection') {
|
|
159
160
|
var properties = definition.type.declaration.children.filter(function (child) {
|
|
@@ -166,9 +167,8 @@ function buildCtx(manifest, definition) {
|
|
|
166
167
|
name: definition.name,
|
|
167
168
|
description: findShortText(definition),
|
|
168
169
|
properties: properties.map(function (child) {
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
child.type.declaration.signatures) {
|
|
170
|
+
var _a, _b;
|
|
171
|
+
if ((_b = (_a = child.type) === null || _a === void 0 ? void 0 : _a.declaration) === null || _b === void 0 ? void 0 : _b.signatures) {
|
|
172
172
|
child.signatures = child.type.declaration.signatures;
|
|
173
173
|
}
|
|
174
174
|
if (child.signatures) {
|
|
@@ -204,7 +204,7 @@ var ExpandablePane = function (_a) {
|
|
|
204
204
|
var children = _a.children, label = _a.label;
|
|
205
205
|
var _b = (0, react_1.useState)(false), open = _b[0], setOpen = _b[1];
|
|
206
206
|
return (react_1.default.createElement("div", { className: styles_module_css_json_1.default.panel },
|
|
207
|
-
react_1.default.createElement("button", { className: styles_module_css_json_1.default.panelHandle, onClick: function () { return setOpen(function (open) { return !open; }); } }, label),
|
|
207
|
+
react_1.default.createElement("button", { type: "button", className: styles_module_css_json_1.default.panelHandle, onClick: function () { return setOpen(function (open) { return !open; }); } }, label),
|
|
208
208
|
open && react_1.default.createElement("div", { className: styles_module_css_json_1.default.panelBody }, children)));
|
|
209
209
|
};
|
|
210
210
|
function ContextInspector() {
|
|
@@ -242,32 +242,31 @@ function ContextInspector() {
|
|
|
242
242
|
var handleRun = function (example) {
|
|
243
243
|
Function("\n \"use strict\";\n return(\n async function(ctx) {\n try {\n ".concat(example, "\n } catch(e) {\n console.error(e);\n await ctx.alert('Execution failed! See console for errors!');\n }\n }\n )\n "))()(ctx);
|
|
244
244
|
};
|
|
245
|
-
return (react_1.default.createElement("div", { className: styles_module_css_json_1.default.inspector }, groups
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
react_1.default.createElement("div", { className: styles_module_css_json_1.default.
|
|
256
|
-
react_1.default.createElement("
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
react_1.default.createElement("
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
react_1.default.createElement("
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
})));
|
|
245
|
+
return (react_1.default.createElement("div", { className: styles_module_css_json_1.default.inspector }, groups === null || groups === void 0 ? void 0 : groups.map(function (group) {
|
|
246
|
+
var name = group.name
|
|
247
|
+
.replace('AdditionalMethods', 'Methods')
|
|
248
|
+
.replace('AdditionalProperties', 'Properties')
|
|
249
|
+
.replace('Methods', ' methods')
|
|
250
|
+
.replace('Properties', ' properties')
|
|
251
|
+
.replace('Utilities', ' utilities');
|
|
252
|
+
return (react_1.default.createElement(ExpandablePane, { label: "".concat(name), key: name },
|
|
253
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.groupDescription }, group.description),
|
|
254
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyGroup }, (group.properties || []).map(function (item) { return (react_1.default.createElement("div", { key: item.name, className: styles_module_css_json_1.default.propertyOrMethod },
|
|
255
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyOrMethodBody },
|
|
256
|
+
react_1.default.createElement("a", { className: styles_module_css_json_1.default.propertyOrMethodName, href: "".concat(baseUrl, "#L").concat(item.lineNumber), target: "_blank", rel: "noreferrer" },
|
|
257
|
+
item.name,
|
|
258
|
+
item.type === 'function' ? '()' : ''),
|
|
259
|
+
react_1.default.createElement("div", null, item.description)),
|
|
260
|
+
item.type === 'property' && (react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyOrMethodExample },
|
|
261
|
+
react_1.default.createElement("pre", null, JSON.stringify(ctx[item.name], null, 2)),
|
|
262
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyOrMethodExampleActions },
|
|
263
|
+
react_1.default.createElement(__1.Button, { type: "button", buttonSize: "xxs", onClick: handleCopy.bind(null, JSON.stringify(ctx[item.name], null, 2)) }, "Copy value")))),
|
|
264
|
+
item.example && (react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyOrMethodExample },
|
|
265
|
+
react_1.default.createElement("pre", null, item.example),
|
|
266
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.propertyOrMethodExampleActions },
|
|
267
|
+
react_1.default.createElement(__1.Button, { type: "button", buttonSize: "xxs", buttonType: "primary", onClick: handleRun.bind(null, item.example) }, "Run example"),
|
|
268
|
+
react_1.default.createElement(__1.Button, { type: "button", buttonSize: "xxs", onClick: handleCopy.bind(null, item.example) }, "Copy example")))))); }))));
|
|
269
|
+
})));
|
|
271
270
|
}
|
|
272
271
|
exports.ContextInspector = ContextInspector;
|
|
273
272
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ContextInspector/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ContextInspector/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
6
|
exports.Dropdown = void 0;
|
|
30
|
-
var react_1 =
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var react_2 = require("react");
|
|
31
9
|
var useClickOutside_1 = require("../useClickOutside");
|
|
32
10
|
var DropdownContext_1 = require("./DropdownContext");
|
|
33
11
|
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
@@ -135,21 +113,21 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
|
|
|
135
113
|
*/
|
|
136
114
|
function Dropdown(_a) {
|
|
137
115
|
var renderTrigger = _a.renderTrigger, children = _a.children;
|
|
138
|
-
var _b = (0,
|
|
139
|
-
var handleClickOutside = (0,
|
|
140
|
-
if (!event.target.closest(
|
|
116
|
+
var _b = (0, react_2.useState)(false), isOpen = _b[0], setOpen = _b[1];
|
|
117
|
+
var handleClickOutside = (0, react_2.useCallback)(function (event) {
|
|
118
|
+
if (!event.target.closest(".".concat(styles_module_css_json_1.default.Dropdown__menu)) && isOpen) {
|
|
141
119
|
setOpen(false);
|
|
142
120
|
}
|
|
143
121
|
}, [setOpen, isOpen]);
|
|
144
122
|
var outsideRef = (0, useClickOutside_1.useClickOutside)(handleClickOutside);
|
|
145
|
-
var handleClose = (0,
|
|
123
|
+
var handleClose = (0, react_2.useCallback)(function () {
|
|
146
124
|
setOpen(false);
|
|
147
125
|
}, [setOpen]);
|
|
148
|
-
var handleToggle = (0,
|
|
126
|
+
var handleToggle = (0, react_2.useCallback)(function () {
|
|
149
127
|
setOpen(function (open) { return !open; });
|
|
150
128
|
}, [setOpen]);
|
|
151
129
|
return (react_1.default.createElement(DropdownContext_1.DropdownContext.Provider, { value: { closeMenu: handleClose } },
|
|
152
|
-
react_1.default.createElement("div", { className: styles_module_css_json_1.default
|
|
130
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.Dropdown, ref: outsideRef },
|
|
153
131
|
renderTrigger({ open: isOpen, onClick: handleToggle }),
|
|
154
132
|
isOpen && children)));
|
|
155
133
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/Dropdown.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,+BAA8C;AAC9C,sDAAqD;AACrD,qDAAoD;AACpD,oFAAyC;AAYzC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqGG;AACH,SAAgB,QAAQ,CAAC,EAGT;QAFd,aAAa,mBAAA,EACb,QAAQ,cAAA;IAEF,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,MAAM,QAAA,EAAE,OAAO,QAAmB,CAAC;IAE1C,IAAM,kBAAkB,GAAG,IAAA,mBAAW,EACpC,UAAC,KAAK;QACJ,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,WAAI,gCAAC,CAAC,cAAc,CAAE,CAAC,IAAI,MAAM,EAAE;YAC3D,OAAO,CAAC,KAAK,CAAC,CAAC;SAChB;IACH,CAAC,EACD,CAAC,OAAO,EAAE,MAAM,CAAC,CAClB,CAAC;IAEF,IAAM,UAAU,GAAG,IAAA,iCAAe,EAAiB,kBAAkB,CAAC,CAAC;IAEvE,IAAM,WAAW,GAAG,IAAA,mBAAW,EAAC;QAC9B,OAAO,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAM,YAAY,GAAG,IAAA,mBAAW,EAAC;QAC/B,OAAO,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,EAAL,CAAK,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,OAAO,CACL,8BAAC,iCAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE;QACzD,uCAAK,SAAS,EAAE,gCAAC,CAAC,QAAQ,EAAE,GAAG,EAAE,UAAU;YACxC,aAAa,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC;YACtD,MAAM,IAAI,QAAQ,CACf,CACmB,CAC5B,CAAC;AACJ,CAAC;AAjCD,4BAiCC"}
|
|
@@ -9,8 +9,8 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
|
|
|
9
9
|
var Group = function (_a) {
|
|
10
10
|
var children = _a.children, name = _a.name;
|
|
11
11
|
return (react_1.default.createElement("div", null,
|
|
12
|
-
react_1.default.createElement("div", { className: styles_module_css_json_1.default
|
|
13
|
-
react_1.default.createElement("div", { className: styles_module_css_json_1.default
|
|
12
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.Dropdown__menu__group__title }, name),
|
|
13
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.Dropdown__menu__group__content }, children)));
|
|
14
14
|
};
|
|
15
15
|
exports.Group = Group;
|
|
16
16
|
//# sourceMappingURL=Group.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/Dropdown/Group.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/Dropdown/Group.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAE1B,oFAAyC;AAOlC,IAAM,KAAK,GAAG,UAAC,EAA8B;QAA5B,QAAQ,cAAA,EAAE,IAAI,UAAA;IACpC,OAAO,CACL;QACE,uCAAK,SAAS,EAAE,gCAAC,CAAC,4BAA4B,IAAG,IAAI,CAAO;QAC5D,uCAAK,SAAS,EAAE,gCAAC,CAAC,8BAA8B,IAAG,QAAQ,CAAO,CAC9D,CACP,CAAC;AACJ,CAAC,CAAC;AAPW,QAAA,KAAK,SAOhB"}
|
|
@@ -48,14 +48,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
48
48
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
49
49
|
exports.Menu = void 0;
|
|
50
50
|
var react_1 = __importStar(require("react"));
|
|
51
|
-
var scroll_into_view_if_needed_1 = __importDefault(require("scroll-into-view-if-needed"));
|
|
52
51
|
var react_intersection_observer_1 = require("react-intersection-observer");
|
|
53
|
-
var
|
|
52
|
+
var scroll_into_view_if_needed_1 = __importDefault(require("scroll-into-view-if-needed"));
|
|
53
|
+
var mergeRefs_1 = require("../mergeRefs");
|
|
54
54
|
var DropdownContext_1 = require("./DropdownContext");
|
|
55
55
|
var Group_1 = require("./Group");
|
|
56
56
|
var MenuContext_1 = require("./MenuContext");
|
|
57
|
+
var Portal_1 = require("./Portal");
|
|
57
58
|
var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
|
|
58
|
-
var mergeRefs_1 = require("../mergeRefs");
|
|
59
59
|
var MenuDesktopContainer = react_1.default.forwardRef(function (_a, ref) {
|
|
60
60
|
var children = _a.children;
|
|
61
61
|
return (react_1.default.createElement(Portal_1.Portal, null,
|
|
@@ -63,12 +63,14 @@ var MenuDesktopContainer = react_1.default.forwardRef(function (_a, ref) {
|
|
|
63
63
|
});
|
|
64
64
|
function getAbsoluteHeight(el) {
|
|
65
65
|
var styles = window.getComputedStyle(el);
|
|
66
|
-
var margin = parseFloat(styles.marginTop) +
|
|
66
|
+
var margin = Number.parseFloat(styles.marginTop) +
|
|
67
|
+
Number.parseFloat(styles.marginBottom);
|
|
67
68
|
return Math.ceil(el.offsetHeight + margin);
|
|
68
69
|
}
|
|
69
70
|
function getAbsoluteWidth(el) {
|
|
70
71
|
var styles = window.getComputedStyle(el);
|
|
71
|
-
var margin = parseFloat(styles.marginLeft) +
|
|
72
|
+
var margin = Number.parseFloat(styles.marginLeft) +
|
|
73
|
+
Number.parseFloat(styles.marginRight);
|
|
72
74
|
return Math.ceil(el.offsetWidth + margin);
|
|
73
75
|
}
|
|
74
76
|
function setPosition(panel, parent, alignment) {
|
|
@@ -85,12 +87,12 @@ function setPosition(panel, parent, alignment) {
|
|
|
85
87
|
panel.style.left = "".concat(rect.left + window.pageXOffset + parentWidth - width, "px");
|
|
86
88
|
}
|
|
87
89
|
var windowHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
|
|
88
|
-
var menu = panel.querySelector(
|
|
90
|
+
var menu = panel.querySelector(".".concat(styles_module_css_json_1.default.Dropdown__menu));
|
|
89
91
|
if (!menu) {
|
|
90
92
|
return;
|
|
91
93
|
}
|
|
92
94
|
var styles = window.getComputedStyle(menu);
|
|
93
|
-
var marginTop = parseFloat(styles.marginTop);
|
|
95
|
+
var marginTop = Number.parseFloat(styles.marginTop);
|
|
94
96
|
var fitsBelow = rect.bottom + height <= windowHeight;
|
|
95
97
|
var fitsAbove = rect.top - height > 0;
|
|
96
98
|
if (!fitsBelow && fitsAbove) {
|
|
@@ -111,7 +113,7 @@ function setPosition(panel, parent, alignment) {
|
|
|
111
113
|
}
|
|
112
114
|
else {
|
|
113
115
|
// eslint-disable-next-line no-param-reassign
|
|
114
|
-
panel.style.top =
|
|
116
|
+
panel.style.top = '0px';
|
|
115
117
|
menu.style.maxHeight = "".concat(rect.top - marginTop, "px");
|
|
116
118
|
}
|
|
117
119
|
}
|
|
@@ -155,13 +157,13 @@ var Menu = function (_a) {
|
|
|
155
157
|
return;
|
|
156
158
|
}
|
|
157
159
|
var delta = event.key === 'ArrowUp' ? -1 : 1;
|
|
158
|
-
var selectedOption_1 = contentRef.current.querySelector(
|
|
160
|
+
var selectedOption_1 = contentRef.current.querySelector(".".concat(styles_module_css_json_1.default['Dropdown__menu__option--is-selected']));
|
|
159
161
|
var nextOption = void 0;
|
|
160
162
|
if (!selectedOption_1) {
|
|
161
|
-
nextOption = contentRef.current.querySelector(
|
|
163
|
+
nextOption = contentRef.current.querySelector(".".concat(styles_module_css_json_1.default.Dropdown__menu__option));
|
|
162
164
|
}
|
|
163
165
|
else {
|
|
164
|
-
var elements = Array.from(contentRef.current.querySelectorAll(
|
|
166
|
+
var elements = Array.from(contentRef.current.querySelectorAll(".".concat(styles_module_css_json_1.default.Dropdown__menu__option)));
|
|
165
167
|
var index = elements.findIndex(function (el) { return el === selectedOption_1; });
|
|
166
168
|
var nextIndex = index + delta < 0
|
|
167
169
|
? elements.length - 1
|
|
@@ -183,11 +185,11 @@ var Menu = function (_a) {
|
|
|
183
185
|
if (!contentRef.current) {
|
|
184
186
|
return;
|
|
185
187
|
}
|
|
186
|
-
var selectedOption = contentRef.current.querySelector(
|
|
188
|
+
var selectedOption = contentRef.current.querySelector(".".concat(styles_module_css_json_1.default['Dropdown__menu__option--is-selected']));
|
|
187
189
|
if (selectedOption) {
|
|
188
190
|
var id_1 = selectedOption.dataset.optionId;
|
|
189
191
|
var option = options.find(function (x) { return x.id === id_1; });
|
|
190
|
-
if (option
|
|
192
|
+
if (option === null || option === void 0 ? void 0 : option.handler) {
|
|
191
193
|
option.handler(event);
|
|
192
194
|
}
|
|
193
195
|
}
|
|
@@ -224,13 +226,13 @@ var Menu = function (_a) {
|
|
|
224
226
|
return function () { return window.removeEventListener('resize', reposition); };
|
|
225
227
|
}, [reposition]);
|
|
226
228
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
227
|
-
react_1.default.createElement("div", { ref: (0, mergeRefs_1.mergeRefs)(observerRef, parentRef), className: styles_module_css_json_1.default
|
|
229
|
+
react_1.default.createElement("div", { ref: (0, mergeRefs_1.mergeRefs)(observerRef, parentRef), className: styles_module_css_json_1.default.Dropdown__spacer }),
|
|
228
230
|
react_1.default.createElement(MenuDesktopContainer, { ref: menuRef },
|
|
229
|
-
react_1.default.createElement("div", { className: styles_module_css_json_1.default
|
|
230
|
-
options.length > 5 && (react_1.default.createElement("div", { className: styles_module_css_json_1.default
|
|
231
|
-
react_1.default.createElement("input", { type: "text", value: searchTerm || '', onChange: handleChange, onKeyDown: handleKeyDown, placeholder: "Search...",
|
|
231
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.Dropdown__menu },
|
|
232
|
+
options.length > 5 && (react_1.default.createElement("div", { className: styles_module_css_json_1.default.Dropdown__menu__search },
|
|
233
|
+
react_1.default.createElement("input", { type: "text", value: searchTerm || '', onChange: handleChange, onKeyDown: handleKeyDown, placeholder: "Search...", className: styles_module_css_json_1.default.Dropdown__menu__search__input }))),
|
|
232
234
|
react_1.default.createElement(MenuContext_1.MenuContext.Provider, { value: { searchTerm: searchTerm, addOption: addOption, setClickHandlerForOption: setClickHandlerForOption } },
|
|
233
|
-
react_1.default.createElement("div", { className: styles_module_css_json_1.default
|
|
235
|
+
react_1.default.createElement("div", { className: styles_module_css_json_1.default.Dropdown__menu__inner, ref: contentRef }, anyGroup ? (children) : (react_1.default.createElement("div", { className: styles_module_css_json_1.default.Dropdown__menu__group__content }, children))))))));
|
|
234
236
|
};
|
|
235
237
|
exports.Menu = Menu;
|
|
236
238
|
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/Dropdown/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAQe;AACf,
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/Dropdown/Menu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAQe;AACf,2EAAwD;AACxD,0FAAwD;AACxD,0CAAyC;AACzC,qDAAoD;AACpD,iCAAgC;AAChC,6CAA4C;AAC5C,mCAAkC;AAClC,oFAAyC;AAEzC,IAAM,oBAAoB,GAAG,eAAK,CAAC,UAAU,CAG3C,UAAC,EAAY,EAAE,GAAG;QAAf,QAAQ,cAAA;IAAY,OAAA,CACvB,8BAAC,eAAM;QACL,uCACE,SAAS,EAAE,gCAAC,CAAC,0BAA0B,CAAC,EACxC,KAAK,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,EACvB,GAAG,EAAE,GAAG,IAEP,QAAQ,CACL,CACC,CACV;AAVwB,CAUxB,CAAC,CAAC;AAEH,SAAS,iBAAiB,CAAC,EAAe;IACxC,IAAM,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAC3C,IAAM,MAAM,GACV,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC;QACnC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;IACzC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,YAAY,GAAG,MAAM,CAAC,CAAC;AAC7C,CAAC;AAED,SAAS,gBAAgB,CAAC,EAAe;IACvC,IAAM,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,EAAE,CAAC,CAAC;IAC3C,IAAM,MAAM,GACV,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,UAAU,CAAC;QACpC,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IACxC,OAAO,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,WAAW,GAAG,MAAM,CAAC,CAAC;AAC5C,CAAC;AAED,SAAS,WAAW,CAClB,KAAkB,EAClB,MAAmB,EACnB,SAA2B;IAE3B,IAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;IAC5C,IAAM,MAAM,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAC;IACxC,IAAM,WAAW,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IAC7C,IAAM,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAEtC,IAAI,SAAS,KAAK,MAAM,EAAE;QACxB,6CAA6C;QAC7C,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,UAAG,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,WAAW,OAAI,CAAC;KAC1D;SAAM;QACL,6CAA6C;QAC7C,KAAK,CAAC,KAAK,CAAC,IAAI,GAAG,UACjB,IAAI,CAAC,IAAI,GAAG,MAAM,CAAC,WAAW,GAAG,WAAW,GAAG,KAAK,OAClD,CAAC;KACN;IAED,IAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAC3B,QAAQ,CAAC,eAAe,CAAC,YAAY,IAAI,CAAC,EAC1C,MAAM,CAAC,WAAW,IAAI,CAAC,CACxB,CAAC;IAEF,IAAM,IAAI,GAAG,KAAK,CAAC,aAAa,CAAc,WAAI,gCAAC,CAAC,cAAc,CAAE,CAAC,CAAC;IAEtE,IAAI,CAAC,IAAI,EAAE;QACT,OAAO;KACR;IAED,IAAM,MAAM,GAAG,MAAM,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC7C,IAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAEtD,IAAM,SAAS,GAAG,IAAI,CAAC,MAAM,GAAG,MAAM,IAAI,YAAY,CAAC;IACvD,IAAM,SAAS,GAAG,IAAI,CAAC,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC;IAExC,IAAI,CAAC,SAAS,IAAI,SAAS,EAAE;QAC3B,6CAA6C;QAC7C,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,UAAG,IAAI,CAAC,MAAM,GAAG,MAAM,OAAI,CAAC;KAC/C;SAAM,IAAI,SAAS,EAAE;QACpB,6CAA6C;QAC7C,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,UAAG,IAAI,CAAC,MAAM,OAAI,CAAC;KACtC;SAAM;QACL,IAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC;QAC5B,IAAM,UAAU,GAAG,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC;QAE9C,IAAI,UAAU,GAAG,UAAU,EAAE;YAC3B,6CAA6C;YAC7C,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,UAAG,IAAI,CAAC,MAAM,OAAI,CAAC;YACrC,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,UAAG,YAAY,GAAG,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,OAAI,CAAC;SAC3E;aAAM;YACL,6CAA6C;YAC7C,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,KAAK,CAAC;YACxB,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,UAAG,IAAI,CAAC,GAAG,GAAG,SAAS,OAAI,CAAC;SACpD;KACF;IAED,6CAA6C;IAC7C,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAC;AACrC,CAAC;AAOM,IAAM,IAAI,GAAG,UAAC,EAGT;QAFV,QAAQ,cAAA,EACR,iBAAkB,EAAlB,SAAS,mBAAG,MAAM,KAAA;IAEV,IAAA,SAAS,GAAK,IAAA,kBAAU,EAAC,iCAAe,CAAC,UAAhC,CAAiC;IAElD,IAAM,aAAa,GAAG,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjD,IAAA,KAA8B,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAjD,UAAU,QAAA,EAAE,aAAa,QAAwB,CAAC;IACnD,IAAA,KAAwB,IAAA,gBAAQ,EAKpC,EAAE,CAAC,EALE,OAAO,QAAA,EAAE,UAAU,QAKrB,CAAC;IAEN,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,CAAC;QACA,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC,EACD,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,IAAM,QAAQ,GAAG,aAAa,CAAC,IAAI,CACjC,UAAC,KAAK;QACJ,OAAA,OAAO,KAAK,KAAK,QAAQ,IAAI,MAAM,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,KAAK,aAAK;IAApE,CAAoE,CACvE,CAAC;IAEF,IAAM,SAAS,GAAG,IAAA,mBAAW,EAC3B,UAAC,EAAU;QACT,UAAU,CAAC,UAAC,GAAG,IAAK,uCAAI,GAAG,UAAE,EAAE,EAAE,IAAA,EAAE,WAAf,CAAgB,CAAC,CAAC;QAEtC,OAAO;YACL,UAAU,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,EAAE,EAAX,CAAW,CAAC,EAA9B,CAA8B,CAAC,CAAC;QACtD,CAAC,CAAC;IACJ,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,IAAM,wBAAwB,GAAG,IAAA,mBAAW,EAC1C,UAAC,EAAU,EAAE,OAAoC;QAC/C,UAAU,CAAC,UAAC,GAAG;YACb,OAAA,GAAG,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,uBAAM,CAAC,KAAE,OAAO,SAAA,GAAE,CAAC,EAArC,CAAqC,CAAC;QAArD,CAAqD,CACtD,CAAC;IACJ,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAC;IAEF,IAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEhD,IAAM,aAAa,GAAG,IAAA,mBAAW,EAC/B,UAAC,KAA0C;QACzC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE;YAC1B,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,SAAS,EAAE,CAAC;SACb;QAED,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;YAChD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YAExB,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;gBACvB,OAAO;aACR;YAED,IAAM,KAAK,GAAG,KAAK,CAAC,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAE/C,IAAM,gBAAc,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CACrD,WAAI,gCAAC,CAAC,qCAAqC,CAAC,CAAE,CAC/C,CAAC;YAEF,IAAI,UAAU,SAAgB,CAAC;YAE/B,IAAI,CAAC,gBAAc,EAAE;gBACnB,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CAC3C,WAAI,gCAAC,CAAC,sBAAsB,CAAE,CAC/B,CAAC;aACH;iBAAM;gBACL,IAAM,QAAQ,GAAG,KAAK,CAAC,IAAI,CACzB,UAAU,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAI,gCAAC,CAAC,sBAAsB,CAAE,CAAC,CACpE,CAAC;gBACF,IAAM,KAAK,GAAG,QAAQ,CAAC,SAAS,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,KAAK,gBAAc,EAArB,CAAqB,CAAC,CAAC;gBAChE,IAAM,SAAS,GACb,KAAK,GAAG,KAAK,GAAG,CAAC;oBACf,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC;oBACrB,CAAC,CAAC,CAAC,KAAK,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC;gBACxC,UAAU,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;gBACjC,gBAAc,CAAC,SAAS,CAAC,MAAM,CAC7B,gCAAC,CAAC,qCAAqC,CAAC,CACzC,CAAC;aACH;YAED,IAAI,UAAU,EAAE;gBACd,UAAU,CAAC,SAAS,CAAC,GAAG,CAAC,gCAAC,CAAC,qCAAqC,CAAC,CAAC,CAAC;gBAEnE,IAAA,oCAAc,EAAC,UAAU,EAAE;oBACzB,UAAU,EAAE,WAAW;oBACvB,QAAQ,EAAE,MAAM;iBACjB,CAAC,CAAC;aACJ;SACF;QAED,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,eAAe,EAAE,CAAC;YAExB,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;gBACvB,OAAO;aACR;YAED,IAAM,cAAc,GAAG,UAAU,CAAC,OAAO,CAAC,aAAa,CACrD,WAAI,gCAAC,CAAC,qCAAqC,CAAC,CAAE,CAC/C,CAAC;YAEF,IAAI,cAAc,EAAE;gBAClB,IAAM,IAAE,GAAI,cAAoC,CAAC,OAAO,CAAC,QAAQ,CAAC;gBAClE,IAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,IAAE,EAAX,CAAW,CAAC,CAAC;gBAChD,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAE;oBACnB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;iBACvB;aACF;SACF;IACH,CAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;IAEI,IAAA,KAA+B,IAAA,uCAAS,EAAC;QAC7C,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,iBAAiB;QAC7B,WAAW,EAAE,KAAK;KACnB,CAAC,EAJK,WAAW,QAAA,EAAE,MAAM,QAAA,EAAE,KAAK,QAI/B,CAAC;IAEH,IAAM,SAAS,GAAG,IAAA,iBAAS,GAAkB,CAAC;IAC9C,IAAM,OAAO,GAAG,IAAA,iBAAS,GAAkB,CAAC;IAE5C,IAAM,UAAU,GAAG,IAAA,mBAAW,EAAC;QAC7B,IAAI,OAAO,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE;YACxC,WAAW,CAAC,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;SAC5D;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAEpC,IAAA,iBAAS,EAAC;QACR,UAAU,EAAE,CAAC;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,CAAC,CAAC,CAAC;IAEvC,IAAA,iBAAS,EAAC;QACR,IAAI,OAAO,CAAC,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE;YACxC,IAAM,gBAAc,GAAG,IAAI,cAAc,CAAC,UAAU,CAAC,CAAC;YACtD,gBAAc,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YACxC,gBAAc,CAAC,OAAO,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAE1C,OAAO;gBACL,gBAAc,CAAC,UAAU,EAAE,CAAC;YAC9B,CAAC,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1B,IAAA,iBAAS,EAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAC9C,OAAO,cAAM,OAAA,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAhD,CAAgD,CAAC;IAChE,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,OAAO,CACL;QACE,uCACE,GAAG,EAAE,IAAA,qBAAS,EAAC,WAAW,EAAE,SAAS,CAAC,EACtC,SAAS,EAAE,gCAAC,CAAC,gBAAgB,GAC7B;QACF,8BAAC,oBAAoB,IAAC,GAAG,EAAE,OAAO;YAChC,uCAAK,SAAS,EAAE,gCAAC,CAAC,cAAc;gBAC7B,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CACrB,uCAAK,SAAS,EAAE,gCAAC,CAAC,sBAAsB;oBACtC,yCACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,IAAI,EAAE,EACvB,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,aAAa,EACxB,WAAW,EAAC,WAAW,EACvB,SAAS,EAAE,gCAAC,CAAC,6BAA6B,GAC1C,CACE,CACP;gBACD,8BAAC,yBAAW,CAAC,QAAQ,IACnB,KAAK,EAAE,EAAE,UAAU,YAAA,EAAE,SAAS,WAAA,EAAE,wBAAwB,0BAAA,EAAE;oBAE1D,uCAAK,SAAS,EAAE,gCAAC,CAAC,qBAAqB,EAAE,GAAG,EAAE,UAAU,IACrD,QAAQ,CAAC,CAAC,CAAC,CACV,QAAQ,CACT,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,gCAAC,CAAC,8BAA8B,IAC7C,QAAQ,CACL,CACP,CACG,CACe,CACnB,CACe,CACtB,CACJ,CAAC;AACJ,CAAC,CAAC;AAzMW,QAAA,IAAI,QAyMf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuContext.js","sourceRoot":"","sources":["../../../src/Dropdown/MenuContext.tsx"],"names":[],"mappings":";;;AAAA,+
|
|
1
|
+
{"version":3,"file":"MenuContext.js","sourceRoot":"","sources":["../../../src/Dropdown/MenuContext.tsx"],"names":[],"mappings":";;;AAAA,+BAA2D;AAW9C,QAAA,WAAW,GAAG,IAAA,qBAAa,EAAU;IAChD,UAAU,EAAE,EAAE;IACd,gEAAgE;IAChE,SAAS,EAAE,cAAO,CAAC;IACnB,gEAAgE;IAChE,wBAAwB,EAAE,cAAO,CAAC;CACnC,CAAC,CAAC"}
|
|
@@ -90,9 +90,9 @@ var Option = function (_a) {
|
|
|
90
90
|
return null;
|
|
91
91
|
}
|
|
92
92
|
var content = (react_1.default.createElement(react_1.default.Fragment, null,
|
|
93
|
-
react_1.default.createElement("button", { type: "button", className: styles_module_css_json_1.default
|
|
94
|
-
buttons.length > 0 && (react_1.default.createElement("div", { className: styles_module_css_json_1.default
|
|
95
|
-
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default
|
|
93
|
+
react_1.default.createElement("button", { type: "button", className: styles_module_css_json_1.default.Dropdown__menu__option__content, ref: contentRef, onClick: handleClick }, notButtons),
|
|
94
|
+
buttons.length > 0 && (react_1.default.createElement("div", { className: styles_module_css_json_1.default.Dropdown__menu__option__icons }, buttons))));
|
|
95
|
+
return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default.Dropdown__menu__option, (_b = {},
|
|
96
96
|
_b[styles_module_css_json_1.default['Dropdown__menu__option--is-active']] = active,
|
|
97
97
|
_b[styles_module_css_json_1.default['Dropdown__menu__option--is-disabled']] = disabled,
|
|
98
98
|
_b[styles_module_css_json_1.default['Dropdown__menu__option--is-valid']] = valid,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../src/Dropdown/Option.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../src/Dropdown/Option.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,7 +12,7 @@ var OptionAction = function (_a) {
|
|
|
12
12
|
var icon = _a.icon, red = _a.red, onClick = _a.onClick, closeMenuOnClick = _a.closeMenuOnClick;
|
|
13
13
|
return (react_1.default.createElement(DropdownContext_1.DropdownContext.Consumer, null, function (context) {
|
|
14
14
|
var _a;
|
|
15
|
-
return (react_1.default.createElement("button", { type: "button", className: (0, classnames_1.default)(styles_module_css_json_1.default
|
|
15
|
+
return (react_1.default.createElement("button", { type: "button", className: (0, classnames_1.default)(styles_module_css_json_1.default.Dropdown__menu__option__icon, (_a = {},
|
|
16
16
|
_a[styles_module_css_json_1.default['Dropdown__menu__option__icon--delete']] = red,
|
|
17
17
|
_a)), onClick: function (e) {
|
|
18
18
|
e.preventDefault();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionAction.js","sourceRoot":"","sources":["../../../src/Dropdown/OptionAction.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"OptionAction.js","sourceRoot":"","sources":["../../../src/Dropdown/OptionAction.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,gDAA0B;AAE1B,qDAAoD;AACpD,oFAAyC;AASlC,IAAM,YAAY,GAAG,UAAC,EAKT;QAJlB,IAAI,UAAA,EACJ,GAAG,SAAA,EACH,OAAO,aAAA,EACP,gBAAgB,sBAAA;IACoB,OAAA,CACpC,8BAAC,iCAAe,CAAC,QAAQ,QACtB,UAAC,OAAO;;QAAK,OAAA,CACZ,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,4BAA4B;gBAClD,GAAC,gCAAC,CAAC,sCAAsC,CAAC,IAAG,GAAG;oBAChD,EACF,OAAO,EAAE,UAAC,CAAC;gBACT,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,CAAC,CAAC,eAAe,EAAE,CAAC;gBAEpB,IAAI,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,IAAI,EAAE;oBAC5B,OAAO,CAAC,SAAS,EAAE,CAAC;iBACrB;gBACD,OAAO,CAAC,CAAC,CAAC,CAAC;YACb,CAAC,IAEA,IAAI,CACE,CACV;IAlBa,CAkBb,CACwB,CAC5B;AAtBqC,CAsBrC,CAAC;AA3BW,QAAA,YAAY,gBA2BvB;AAEF,oBAAY,CAAC,WAAW,GAAG,sBAAsB,CAAC"}
|