datocms-react-ui 0.3.14 → 0.3.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (199) hide show
  1. package/dist/cjs/Button/styles.module.css.json +1 -1
  2. package/dist/cjs/ButtonGroup/Button/index.js +19 -0
  3. package/dist/cjs/ButtonGroup/Button/index.js.map +1 -0
  4. package/dist/cjs/ButtonGroup/Button/styles.module.css.json +1 -0
  5. package/dist/cjs/ButtonGroup/Group/index.js +29 -0
  6. package/dist/cjs/ButtonGroup/Group/index.js.map +1 -0
  7. package/dist/cjs/ButtonGroup/Group/styles.module.css.json +1 -0
  8. package/dist/cjs/ButtonGroup/index.js +8 -0
  9. package/dist/cjs/ButtonGroup/index.js.map +1 -0
  10. package/dist/cjs/Canvas/index.js +16 -27
  11. package/dist/cjs/Canvas/index.js.map +1 -1
  12. package/dist/cjs/Canvas/styles.module.css.json +1 -1
  13. package/dist/cjs/Dropdown/Dropdown.js +166 -0
  14. package/dist/cjs/Dropdown/Dropdown.js.map +1 -0
  15. package/dist/cjs/Dropdown/DropdownContext.js +9 -0
  16. package/dist/cjs/Dropdown/DropdownContext.js.map +1 -0
  17. package/dist/cjs/Dropdown/Group.js +16 -0
  18. package/dist/cjs/Dropdown/Group.js.map +1 -0
  19. package/dist/cjs/Dropdown/Menu.js +250 -0
  20. package/dist/cjs/Dropdown/Menu.js.map +1 -0
  21. package/dist/cjs/Dropdown/MenuContext.js +12 -0
  22. package/dist/cjs/Dropdown/MenuContext.js.map +1 -0
  23. package/dist/cjs/Dropdown/Option.js +100 -0
  24. package/dist/cjs/Dropdown/Option.js.map +1 -0
  25. package/dist/cjs/Dropdown/OptionAction.js +29 -0
  26. package/dist/cjs/Dropdown/OptionAction.js.map +1 -0
  27. package/dist/cjs/Dropdown/Portal.js +53 -0
  28. package/dist/cjs/Dropdown/Portal.js.map +1 -0
  29. package/dist/cjs/Dropdown/Separator.js +37 -0
  30. package/dist/cjs/Dropdown/Separator.js.map +1 -0
  31. package/dist/cjs/Dropdown/Text.js +14 -0
  32. package/dist/cjs/Dropdown/Text.js.map +1 -0
  33. package/dist/cjs/Dropdown/index.js +18 -0
  34. package/dist/cjs/Dropdown/index.js.map +1 -0
  35. package/dist/cjs/Dropdown/styles.module.css.json +1 -0
  36. package/dist/cjs/Form/index.js +19 -0
  37. package/dist/cjs/Form/index.js.map +1 -1
  38. package/dist/cjs/SidebarPanel/index.js +88 -0
  39. package/dist/cjs/SidebarPanel/index.js.map +1 -0
  40. package/dist/cjs/SidebarPanel/styles.module.css.json +1 -0
  41. package/dist/cjs/Spinner/index.js +64 -0
  42. package/dist/cjs/Spinner/index.js.map +1 -0
  43. package/dist/cjs/Spinner/styles.module.css.json +1 -0
  44. package/dist/cjs/Toolbar/Button/index.js +15 -0
  45. package/dist/cjs/Toolbar/Button/index.js.map +1 -0
  46. package/dist/cjs/Toolbar/Button/styles.module.css.json +1 -0
  47. package/dist/cjs/Toolbar/Stack/index.js +19 -0
  48. package/dist/cjs/Toolbar/Stack/index.js.map +1 -0
  49. package/dist/cjs/Toolbar/Stack/styles.module.css.json +1 -0
  50. package/dist/cjs/Toolbar/Title/index.js +15 -0
  51. package/dist/cjs/Toolbar/Title/index.js.map +1 -0
  52. package/dist/cjs/Toolbar/Title/styles.module.css.json +1 -0
  53. package/dist/cjs/Toolbar/Toolbar/index.js +99 -0
  54. package/dist/cjs/Toolbar/Toolbar/index.js.map +1 -0
  55. package/dist/cjs/Toolbar/Toolbar/styles.module.css.json +1 -0
  56. package/dist/cjs/Toolbar/index.js +12 -0
  57. package/dist/cjs/Toolbar/index.js.map +1 -0
  58. package/dist/cjs/generateStyleFromCtx/index.js +32 -0
  59. package/dist/cjs/generateStyleFromCtx/index.js.map +1 -0
  60. package/dist/cjs/icons.js +38 -0
  61. package/dist/cjs/icons.js.map +1 -0
  62. package/dist/cjs/index.js +6 -0
  63. package/dist/cjs/index.js.map +1 -1
  64. package/dist/cjs/mergeRefs/index.js +19 -0
  65. package/dist/cjs/mergeRefs/index.js.map +1 -0
  66. package/dist/cjs/useClickOutside/index.js +24 -0
  67. package/dist/cjs/useClickOutside/index.js.map +1 -0
  68. package/dist/cjs/useMediaQuery/index.js +149 -0
  69. package/dist/cjs/useMediaQuery/index.js.map +1 -0
  70. package/dist/esm/Button/styles.module.css.json +1 -1
  71. package/dist/esm/ButtonGroup/Button/index.d.ts +10 -0
  72. package/dist/esm/ButtonGroup/Button/index.js +12 -0
  73. package/dist/esm/ButtonGroup/Button/index.js.map +1 -0
  74. package/dist/esm/ButtonGroup/Button/styles.module.css.json +1 -0
  75. package/dist/esm/ButtonGroup/Group/index.d.ts +21 -0
  76. package/dist/esm/ButtonGroup/Group/index.js +22 -0
  77. package/dist/esm/ButtonGroup/Group/index.js.map +1 -0
  78. package/dist/esm/ButtonGroup/Group/styles.module.css.json +1 -0
  79. package/dist/esm/ButtonGroup/index.d.ts +4 -0
  80. package/dist/esm/ButtonGroup/index.js +3 -0
  81. package/dist/esm/ButtonGroup/index.js.map +1 -0
  82. package/dist/esm/Canvas/index.d.ts +7 -3
  83. package/dist/esm/Canvas/index.js +16 -28
  84. package/dist/esm/Canvas/index.js.map +1 -1
  85. package/dist/esm/Canvas/styles.module.css.json +1 -1
  86. package/dist/esm/Dropdown/Dropdown.d.ts +113 -0
  87. package/dist/esm/Dropdown/Dropdown.js +140 -0
  88. package/dist/esm/Dropdown/Dropdown.js.map +1 -0
  89. package/dist/esm/Dropdown/DropdownContext.d.ts +6 -0
  90. package/dist/esm/Dropdown/DropdownContext.js +6 -0
  91. package/dist/esm/Dropdown/DropdownContext.js.map +1 -0
  92. package/dist/esm/Dropdown/Group.d.ts +6 -0
  93. package/dist/esm/Dropdown/Group.js +9 -0
  94. package/dist/esm/Dropdown/Group.js.map +1 -0
  95. package/dist/esm/Dropdown/Menu.d.ts +6 -0
  96. package/dist/esm/Dropdown/Menu.js +224 -0
  97. package/dist/esm/Dropdown/Menu.js.map +1 -0
  98. package/dist/esm/Dropdown/MenuContext.d.ts +8 -0
  99. package/dist/esm/Dropdown/MenuContext.js +9 -0
  100. package/dist/esm/Dropdown/MenuContext.js.map +1 -0
  101. package/dist/esm/Dropdown/Option.d.ts +13 -0
  102. package/dist/esm/Dropdown/Option.js +74 -0
  103. package/dist/esm/Dropdown/Option.js.map +1 -0
  104. package/dist/esm/Dropdown/OptionAction.d.ts +11 -0
  105. package/dist/esm/Dropdown/OptionAction.js +22 -0
  106. package/dist/esm/Dropdown/OptionAction.js.map +1 -0
  107. package/dist/esm/Dropdown/Portal.d.ts +4 -0
  108. package/dist/esm/Dropdown/Portal.js +27 -0
  109. package/dist/esm/Dropdown/Portal.js.map +1 -0
  110. package/dist/esm/Dropdown/Separator.d.ts +2 -0
  111. package/dist/esm/Dropdown/Separator.js +11 -0
  112. package/dist/esm/Dropdown/Separator.js.map +1 -0
  113. package/dist/esm/Dropdown/Text.d.ts +5 -0
  114. package/dist/esm/Dropdown/Text.js +7 -0
  115. package/dist/esm/Dropdown/Text.js.map +1 -0
  116. package/dist/esm/Dropdown/index.d.ts +9 -0
  117. package/dist/esm/Dropdown/index.js +9 -0
  118. package/dist/esm/Dropdown/index.js.map +1 -0
  119. package/dist/esm/Dropdown/styles.module.css.json +1 -0
  120. package/dist/esm/Form/index.d.ts +19 -0
  121. package/dist/esm/Form/index.js +19 -0
  122. package/dist/esm/Form/index.js.map +1 -1
  123. package/dist/esm/SidebarPanel/index.d.ts +43 -0
  124. package/dist/esm/SidebarPanel/index.js +62 -0
  125. package/dist/esm/SidebarPanel/index.js.map +1 -0
  126. package/dist/esm/SidebarPanel/styles.module.css.json +1 -0
  127. package/dist/esm/Spinner/index.d.ts +27 -0
  128. package/dist/esm/Spinner/index.js +57 -0
  129. package/dist/esm/Spinner/index.js.map +1 -0
  130. package/dist/esm/Spinner/styles.module.css.json +1 -0
  131. package/dist/esm/Toolbar/Button/index.d.ts +8 -0
  132. package/dist/esm/Toolbar/Button/index.js +8 -0
  133. package/dist/esm/Toolbar/Button/index.js.map +1 -0
  134. package/dist/esm/Toolbar/Button/styles.module.css.json +1 -0
  135. package/dist/esm/Toolbar/Stack/index.d.ts +8 -0
  136. package/dist/esm/Toolbar/Stack/index.js +12 -0
  137. package/dist/esm/Toolbar/Stack/index.js.map +1 -0
  138. package/dist/esm/Toolbar/Stack/styles.module.css.json +1 -0
  139. package/dist/esm/Toolbar/Title/index.d.ts +7 -0
  140. package/dist/esm/Toolbar/Title/index.js +8 -0
  141. package/dist/esm/Toolbar/Title/index.js.map +1 -0
  142. package/dist/esm/Toolbar/Title/styles.module.css.json +1 -0
  143. package/dist/esm/Toolbar/Toolbar/index.d.ts +91 -0
  144. package/dist/esm/Toolbar/Toolbar/index.js +92 -0
  145. package/dist/esm/Toolbar/Toolbar/index.js.map +1 -0
  146. package/dist/esm/Toolbar/Toolbar/styles.module.css.json +1 -0
  147. package/dist/esm/Toolbar/index.d.ts +8 -0
  148. package/dist/esm/Toolbar/index.js +5 -0
  149. package/dist/esm/Toolbar/index.js.map +1 -0
  150. package/dist/esm/generateStyleFromCtx/index.d.ts +3 -0
  151. package/dist/esm/generateStyleFromCtx/index.js +28 -0
  152. package/dist/esm/generateStyleFromCtx/index.js.map +1 -0
  153. package/dist/esm/icons.d.ts +12 -0
  154. package/dist/esm/icons.js +27 -0
  155. package/dist/esm/icons.js.map +1 -0
  156. package/dist/esm/index.d.ts +6 -0
  157. package/dist/esm/index.js +6 -0
  158. package/dist/esm/index.js.map +1 -1
  159. package/dist/esm/mergeRefs/index.d.ts +2 -0
  160. package/dist/esm/mergeRefs/index.js +15 -0
  161. package/dist/esm/mergeRefs/index.js.map +1 -0
  162. package/dist/esm/useClickOutside/index.d.ts +2 -0
  163. package/dist/esm/useClickOutside/index.js +21 -0
  164. package/dist/esm/useClickOutside/index.js.map +1 -0
  165. package/dist/esm/useMediaQuery/index.d.ts +8 -0
  166. package/dist/esm/useMediaQuery/index.js +140 -0
  167. package/dist/esm/useMediaQuery/index.js.map +1 -0
  168. package/dist/types/ButtonGroup/Button/index.d.ts +10 -0
  169. package/dist/types/ButtonGroup/Group/index.d.ts +21 -0
  170. package/dist/types/ButtonGroup/index.d.ts +4 -0
  171. package/dist/types/Canvas/index.d.ts +7 -3
  172. package/dist/types/Dropdown/Dropdown.d.ts +113 -0
  173. package/dist/types/Dropdown/DropdownContext.d.ts +6 -0
  174. package/dist/types/Dropdown/Group.d.ts +6 -0
  175. package/dist/types/Dropdown/Menu.d.ts +6 -0
  176. package/dist/types/Dropdown/MenuContext.d.ts +8 -0
  177. package/dist/types/Dropdown/Option.d.ts +13 -0
  178. package/dist/types/Dropdown/OptionAction.d.ts +11 -0
  179. package/dist/types/Dropdown/Portal.d.ts +4 -0
  180. package/dist/types/Dropdown/Separator.d.ts +2 -0
  181. package/dist/types/Dropdown/Text.d.ts +5 -0
  182. package/dist/types/Dropdown/index.d.ts +9 -0
  183. package/dist/types/Form/index.d.ts +19 -0
  184. package/dist/types/SidebarPanel/index.d.ts +43 -0
  185. package/dist/types/Spinner/index.d.ts +27 -0
  186. package/dist/types/Toolbar/Button/index.d.ts +8 -0
  187. package/dist/types/Toolbar/Stack/index.d.ts +8 -0
  188. package/dist/types/Toolbar/Title/index.d.ts +7 -0
  189. package/dist/types/Toolbar/Toolbar/index.d.ts +91 -0
  190. package/dist/types/Toolbar/index.d.ts +8 -0
  191. package/dist/types/generateStyleFromCtx/index.d.ts +3 -0
  192. package/dist/types/icons.d.ts +12 -0
  193. package/dist/types/index.d.ts +6 -0
  194. package/dist/types/mergeRefs/index.d.ts +2 -0
  195. package/dist/types/useClickOutside/index.d.ts +2 -0
  196. package/dist/types/useMediaQuery/index.d.ts +8 -0
  197. package/package.json +8 -5
  198. package/styles.css +1 -1
  199. package/types.json +4688 -1844
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../src/Dropdown/Menu.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,12 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MenuContext = void 0;
4
+ var react_1 = require("react");
5
+ exports.MenuContext = (0, react_1.createContext)({
6
+ searchTerm: '',
7
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
8
+ addOption: function () { },
9
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
10
+ setClickHandlerForOption: function () { },
11
+ });
12
+ //# sourceMappingURL=MenuContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MenuContext.js","sourceRoot":"","sources":["../../../src/Dropdown/MenuContext.tsx"],"names":[],"mappings":";;;AAAA,+BAAsD;AAWzC,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"}
@@ -0,0 +1,100 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.Option = void 0;
26
+ var classnames_1 = __importDefault(require("classnames"));
27
+ var react_1 = __importStar(require("react"));
28
+ var __1 = require("..");
29
+ var DropdownContext_1 = require("./DropdownContext");
30
+ var MenuContext_1 = require("./MenuContext");
31
+ var OptionAction_1 = require("./OptionAction");
32
+ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
33
+ var Option = function (_a) {
34
+ var _b;
35
+ var onClick = _a.onClick, to = _a.to, active = _a.active, red = _a.red, valid = _a.valid, invalid = _a.invalid, children = _a.children, disabled = _a.disabled, closeMenuOnClick = _a.closeMenuOnClick;
36
+ var ctx = (0, __1.useCtx)();
37
+ var id = (0, react_1.useMemo)(function () { return new Date().getTime().toString(36); }, []);
38
+ var _c = (0, react_1.useContext)(MenuContext_1.MenuContext), searchTerm = _c.searchTerm, addOption = _c.addOption, setClickHandlerForOption = _c.setClickHandlerForOption;
39
+ var childrenArray = react_1.default.Children.toArray(children);
40
+ var buttons = childrenArray.filter(function (child) {
41
+ return typeof child === 'object' &&
42
+ 'type' in child &&
43
+ child.type === OptionAction_1.OptionAction;
44
+ });
45
+ var notButtons = childrenArray.filter(function (child) {
46
+ return typeof child !== 'object' ||
47
+ !('type' in child) ||
48
+ child.type !== OptionAction_1.OptionAction;
49
+ });
50
+ var contentRef = (0, react_1.useRef)(null);
51
+ var _d = (0, react_1.useState)(''), innerText = _d[0], setInnerText = _d[1];
52
+ (0, react_1.useEffect)(function () {
53
+ if (contentRef.current) {
54
+ setInnerText(contentRef.current.innerText);
55
+ }
56
+ });
57
+ var closeMenu = (0, react_1.useContext)(DropdownContext_1.DropdownContext).closeMenu;
58
+ var handleClick = (0, react_1.useCallback)(function (e) {
59
+ if (!onClick && !to) {
60
+ return;
61
+ }
62
+ e.preventDefault();
63
+ e.stopPropagation();
64
+ if (disabled) {
65
+ return;
66
+ }
67
+ if (closeMenuOnClick !== null && closeMenuOnClick !== void 0 ? closeMenuOnClick : true) {
68
+ closeMenu();
69
+ }
70
+ if (to) {
71
+ ctx === null || ctx === void 0 ? void 0 : ctx.navigateTo(to);
72
+ }
73
+ if (onClick) {
74
+ onClick(e);
75
+ }
76
+ }, [closeMenuOnClick, closeMenu, onClick, to]);
77
+ (0, react_1.useEffect)(function () {
78
+ return addOption(id);
79
+ }, [id]);
80
+ (0, react_1.useEffect)(function () {
81
+ return setClickHandlerForOption(id, handleClick);
82
+ }, [id, handleClick, setClickHandlerForOption]);
83
+ if (innerText &&
84
+ searchTerm &&
85
+ !innerText.toLowerCase().includes(searchTerm.toLowerCase())) {
86
+ return null;
87
+ }
88
+ var content = (react_1.default.createElement(react_1.default.Fragment, null,
89
+ react_1.default.createElement("button", { type: "button", className: styles_module_css_json_1.default['Dropdown__menu__option__content'], ref: contentRef, onClick: handleClick }, notButtons),
90
+ buttons.length > 0 && (react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__option__icons'] }, buttons))));
91
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['Dropdown__menu__option'], (_b = {},
92
+ _b[styles_module_css_json_1.default['Dropdown__menu__option--is-active']] = active,
93
+ _b[styles_module_css_json_1.default['Dropdown__menu__option--is-disabled']] = disabled,
94
+ _b[styles_module_css_json_1.default['Dropdown__menu__option--is-valid']] = valid,
95
+ _b[styles_module_css_json_1.default['Dropdown__menu__option--is-invalid']] = invalid,
96
+ _b[styles_module_css_json_1.default['Dropdown__menu__option--is-dangerous']] = red,
97
+ _b)), "data-option-id": id }, content));
98
+ };
99
+ exports.Option = Option;
100
+ //# sourceMappingURL=Option.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../src/Dropdown/Option.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,29 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.OptionAction = void 0;
7
+ var classnames_1 = __importDefault(require("classnames"));
8
+ var react_1 = __importDefault(require("react"));
9
+ var DropdownContext_1 = require("./DropdownContext");
10
+ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
11
+ var OptionAction = function (_a) {
12
+ var icon = _a.icon, red = _a.red, onClick = _a.onClick, closeMenuOnClick = _a.closeMenuOnClick;
13
+ return (react_1.default.createElement(DropdownContext_1.DropdownContext.Consumer, null, function (context) {
14
+ var _a;
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
+ _a[styles_module_css_json_1.default['Dropdown__menu__option__icon--delete']] = red,
17
+ _a)), onClick: function (e) {
18
+ e.preventDefault();
19
+ e.stopPropagation();
20
+ if (closeMenuOnClick !== null && closeMenuOnClick !== void 0 ? closeMenuOnClick : true) {
21
+ context.closeMenu();
22
+ }
23
+ onClick(e);
24
+ } }, icon));
25
+ }));
26
+ };
27
+ exports.OptionAction = OptionAction;
28
+ exports.OptionAction.displayName = 'DropdownOptionAction';
29
+ //# sourceMappingURL=OptionAction.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"OptionAction.js","sourceRoot":"","sources":["../../../src/Dropdown/OptionAction.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,gDAAyC;AACzC,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,8BAA8B,CAAC;gBACrD,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"}
@@ -0,0 +1,53 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.Portal = void 0;
26
+ var react_dom_1 = __importDefault(require("react-dom"));
27
+ var react_1 = __importStar(require("react"));
28
+ var __1 = require("..");
29
+ var styles_module_css_json_1 = __importDefault(require("../Canvas/styles.module.css.json"));
30
+ var generateStyleFromCtx_1 = require("../generateStyleFromCtx");
31
+ var classnames_1 = __importDefault(require("classnames"));
32
+ function Portal(_a) {
33
+ var children = _a.children;
34
+ var ctx = (0, __1.useCtx)();
35
+ var elRef = (0, react_1.useRef)(typeof document === 'undefined' ? null : document.createElement('div'));
36
+ (0, react_1.useEffect)(function () {
37
+ if (!elRef.current || !document.body) {
38
+ return;
39
+ }
40
+ document.body.appendChild(elRef.current);
41
+ return function () {
42
+ if (elRef.current) {
43
+ document.body.removeChild(elRef.current);
44
+ }
45
+ };
46
+ }, []);
47
+ if (!elRef.current) {
48
+ return null;
49
+ }
50
+ return react_dom_1.default.createPortal(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), elRef.current);
51
+ }
52
+ exports.Portal = Portal;
53
+ //# sourceMappingURL=Portal.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Portal.js","sourceRoot":"","sources":["../../../src/Dropdown/Portal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAiC;AACjC,6CAA4D;AAC5D,wBAA4B;AAC5B,4FAAiD;AACjD,gEAA+D;AAC/D,0DAAoC;AAEpC,SAAgB,MAAM,CAAC,EAItB;QAHC,QAAQ,cAAA;IAIR,IAAM,GAAG,GAAG,IAAA,UAAM,GAAE,CAAC;IAErB,IAAM,KAAK,GAAG,IAAA,cAAM,EAClB,OAAO,QAAQ,KAAK,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CACvE,CAAC;IAEF,IAAA,iBAAS,EAAC;QACR,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;YACpC,OAAO;SACR;QAED,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAEzC,OAAO;YACL,IAAI,KAAK,CAAC,OAAO,EAAE;gBACjB,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;aAC1C;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;QAClB,OAAO,IAAI,CAAC;KACb;IAED,OAAO,mBAAQ,CAAC,YAAY,CAC1B,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,gBAAgB,CAAC,EAAE,gCAAC,CAAC,QAAQ,CAAC,CAAC,EACvD,KAAK,EAAE,IAAA,2CAAoB,EAAC,GAAG,CAAC,IAE/B,QAAQ,CACL,EACN,KAAK,CAAC,OAAO,CACd,CAAC;AACJ,CAAC;AAtCD,wBAsCC"}
@@ -0,0 +1,37 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.Separator = void 0;
26
+ var react_1 = __importStar(require("react"));
27
+ var MenuContext_1 = require("./MenuContext");
28
+ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
29
+ var Separator = function () {
30
+ var searchTerm = (0, react_1.useContext)(MenuContext_1.MenuContext).searchTerm;
31
+ if (searchTerm) {
32
+ return null;
33
+ }
34
+ return react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__separator'] });
35
+ };
36
+ exports.Separator = Separator;
37
+ //# sourceMappingURL=Separator.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../../src/Dropdown/Separator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,6CAA4C;AAC5C,oFAAyC;AAElC,IAAM,SAAS,GAAG;IACf,IAAA,UAAU,GAAK,IAAA,kBAAU,EAAC,yBAAW,CAAC,WAA5B,CAA6B;IAE/C,IAAI,UAAU,EAAE;QACd,OAAO,IAAI,CAAC;KACb;IAED,OAAO,uCAAK,SAAS,EAAE,gCAAC,CAAC,2BAA2B,CAAC,GAAI,CAAC;AAC5D,CAAC,CAAC;AARW,QAAA,SAAS,aAQpB"}
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Text = void 0;
7
+ var react_1 = __importDefault(require("react"));
8
+ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
9
+ function Text(_a) {
10
+ var children = _a.children;
11
+ return react_1.default.createElement("div", { className: styles_module_css_json_1.default['Dropdown__menu__text'] }, children);
12
+ }
13
+ exports.Text = Text;
14
+ //# sourceMappingURL=Text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/Dropdown/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAA0B;AAC1B,oFAAyC;AAIzC,SAAgB,IAAI,CAAC,EAAuB;QAArB,QAAQ,cAAA;IAC7B,OAAO,uCAAK,SAAS,EAAE,gCAAC,CAAC,sBAAsB,CAAC,IAAG,QAAQ,CAAO,CAAC;AACrE,CAAC;AAFD,oBAEC"}
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DropdownText = exports.DropdownSeparator = exports.DropdownOptionAction = exports.DropdownOption = exports.DropdownMenu = exports.DropdownGroup = exports.Dropdown = void 0;
4
+ var Dropdown_1 = require("./Dropdown");
5
+ Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return Dropdown_1.Dropdown; } });
6
+ var Group_1 = require("./Group");
7
+ Object.defineProperty(exports, "DropdownGroup", { enumerable: true, get: function () { return Group_1.Group; } });
8
+ var Menu_1 = require("./Menu");
9
+ Object.defineProperty(exports, "DropdownMenu", { enumerable: true, get: function () { return Menu_1.Menu; } });
10
+ var Option_1 = require("./Option");
11
+ Object.defineProperty(exports, "DropdownOption", { enumerable: true, get: function () { return Option_1.Option; } });
12
+ var OptionAction_1 = require("./OptionAction");
13
+ Object.defineProperty(exports, "DropdownOptionAction", { enumerable: true, get: function () { return OptionAction_1.OptionAction; } });
14
+ var Separator_1 = require("./Separator");
15
+ Object.defineProperty(exports, "DropdownSeparator", { enumerable: true, get: function () { return Separator_1.Separator; } });
16
+ var Text_1 = require("./Text");
17
+ Object.defineProperty(exports, "DropdownText", { enumerable: true, get: function () { return Text_1.Text; } });
18
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Dropdown/index.tsx"],"names":[],"mappings":";;;AAAA,uCAAqD;AASnD,yFATO,mBAAQ,OASP;AARV,iCAA4C;AASjC,8FATF,aAAK,OASU;AARxB,+BAAyC;AAS/B,6FATD,WAAI,OASS;AARtB,mCAA+C;AASnC,+FATH,eAAM,OASW;AAR1B,+CAAiE;AAS/C,qGATT,2BAAY,OASiB;AARtC,yCAAwC;AASzB,kGATN,qBAAS,OASc;AARhC,+BAAyC;AAS/B,6FATD,WAAI,OASS"}
@@ -0,0 +1 @@
1
+ { "Dropdown": "_Dropdown_e5jms_1", "Dropdown__spacer": "_Dropdown__spacer_e5jms_5", "Dropdown__menu__search": "_Dropdown__menu__search_e5jms_11", "Dropdown__menu__search__input": "_Dropdown__menu__search__input_e5jms_16", "Dropdown__menu-container": "_Dropdown__menu-container_e5jms_45", "Dropdown__menu": "_Dropdown__menu_e5jms_11", "Dropdown__menu__inner": "_Dropdown__menu__inner_e5jms_61", "Dropdown__menu--fullscreen": "_Dropdown__menu--fullscreen_e5jms_65", "FullscreenDropdown__appear": "_FullscreenDropdown__appear_e5jms_1", "Dropdown__menu__close": "_Dropdown__menu__close_e5jms_87", "Dropdown__menu__group__title": "_Dropdown__menu__group__title_e5jms_99", "Dropdown__menu__group__content": "_Dropdown__menu__group__content_e5jms_107", "Dropdown__menu__text": "_Dropdown__menu__text_e5jms_111", "Dropdown__menu__option": "_Dropdown__menu__option_e5jms_120", "Dropdown__menu__option--is-selected": "_Dropdown__menu__option--is-selected_e5jms_143", "Dropdown__menu__option--is-disabled": "_Dropdown__menu__option--is-disabled_e5jms_147", "Dropdown__menu__option__content": "_Dropdown__menu__option__content_e5jms_150", "Dropdown__menu__option--is-dangerous": "_Dropdown__menu__option--is-dangerous_e5jms_155", "Dropdown__menu__option--is-active": "_Dropdown__menu__option--is-active_e5jms_173", "Dropdown__menu__option--is-valid": "_Dropdown__menu__option--is-valid_e5jms_182", "Dropdown__menu__option--is-invalid": "_Dropdown__menu__option--is-invalid_e5jms_186", "Dropdown__menu__option__icons": "_Dropdown__menu__option__icons_e5jms_228", "Dropdown__menu__option__icon": "_Dropdown__menu__option__icon_e5jms_228", "Dropdown__menu__option__icon--delete": "_Dropdown__menu__option__icon--delete_e5jms_275", "Dropdown__menu__separator": "_Dropdown__menu__separator_e5jms_282", "Dropdown__menu__mobile-container": "_Dropdown__menu__mobile-container_e5jms_292", "Modal__backdrop": "_Modal__backdrop_e5jms_306", "Modal__appear": "_Modal__appear_e5jms_1" }
@@ -102,6 +102,25 @@ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json
102
102
  * }}
103
103
  * onChange={(newValue) => console.log(newValue)}
104
104
  * />
105
+ * <SelectField
106
+ * name="multipleOption"
107
+ * id="multipleOption"
108
+ * label="Multiple options"
109
+ * hint="Select one of the options"
110
+ * value={[
111
+ * { label: 'Option 1', value: 'option1' },
112
+ * { label: 'Option 2', value: 'option2' },
113
+ * ]}
114
+ * selectInputProps={{
115
+ * isMulti: true,
116
+ * options: [
117
+ * { label: 'Option 1', value: 'option1' },
118
+ * { label: 'Option 2', value: 'option2' },
119
+ * { label: 'Option 3', value: 'option3' },
120
+ * ],
121
+ * }}
122
+ * onChange={(newValue) => console.log(newValue)}
123
+ * />
105
124
  * <SwitchField
106
125
  * name="debugMode"
107
126
  * id="debugMode"
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,0DAA4B;AAC5B,oFAA8C;AAU9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuEG;AACI,IAAM,IAAI,GAAG,UAAC,EAMT;IALV,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,UAAU,cALM,gDAMpB,CADc;IAEb,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,IAAA,oBAAE,EAC3B,gCAAM,CAAC,UAAU,EACjB,gCAAM,CAAC,iBAAe,OAAS,CAAC,CACjC,CAAC;IAEF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,KAAgB;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,iDAAM,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,IAAM,UAAU,GAChE,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC5B,IAAI,KAAK,EAAE;YACT,OAAO,uCAAK,SAAS,EAAE,kBAAkB,IAAG,KAAK,CAAO,CAAC;SAC1D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Form/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAOe;AACf,0DAA4B;AAC5B,oFAA8C;AAU9C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0FG;AACI,IAAM,IAAI,GAAG,UAAC,EAMT;IALV,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EAChB,UAAU,cALM,gDAMpB,CADc;IAEb,IAAM,UAAU,GAAG,IAAA,oBAAE,EAAC,gCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;IAE9C,IAAM,kBAAkB,GAAG,IAAA,oBAAE,EAC3B,gCAAM,CAAC,UAAU,EACjB,gCAAM,CAAC,iBAAe,OAAS,CAAC,CACjC,CAAC;IAEF,IAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,UAAC,KAAgB;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,QAAQ,EAAE;YACZ,QAAQ,CAAC,KAAK,CAAC,CAAC;SACjB;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,iDAAM,SAAS,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,IAAM,UAAU,GAChE,gBAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;QAC5B,IAAI,KAAK,EAAE;YACT,OAAO,uCAAK,SAAS,EAAE,kBAAkB,IAAG,KAAK,CAAO,CAAC;SAC1D;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACG,CACR,CAAC;AACJ,CAAC,CAAC;AAlCW,QAAA,IAAI,QAkCf"}
@@ -0,0 +1,88 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
+ }) : (function(o, m, k, k2) {
6
+ if (k2 === undefined) k2 = k;
7
+ o[k2] = m[k];
8
+ }));
9
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
10
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
11
+ }) : function(o, v) {
12
+ o["default"] = v;
13
+ });
14
+ var __importStar = (this && this.__importStar) || function (mod) {
15
+ if (mod && mod.__esModule) return mod;
16
+ var result = {};
17
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
18
+ __setModuleDefault(result, mod);
19
+ return result;
20
+ };
21
+ var __importDefault = (this && this.__importDefault) || function (mod) {
22
+ return (mod && mod.__esModule) ? mod : { "default": mod };
23
+ };
24
+ Object.defineProperty(exports, "__esModule", { value: true });
25
+ exports.SidebarPanel = void 0;
26
+ var classnames_1 = __importDefault(require("classnames"));
27
+ var react_1 = __importStar(require("react"));
28
+ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
29
+ function ChevronDownIcon() {
30
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: "1em", height: "1em" },
31
+ react_1.default.createElement("path", { d: "M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z" })));
32
+ }
33
+ function ChevronUpIcon() {
34
+ return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", width: "1em", height: "1em" },
35
+ react_1.default.createElement("path", { d: "M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z" })));
36
+ }
37
+ /**
38
+ * @example Basic example
39
+ *
40
+ * ```js
41
+ * <Canvas ctx={ctx}>
42
+ * <div style={{ display: 'flex' }}>
43
+ * <div
44
+ * style={{
45
+ * width: '300px',
46
+ * borderRight: '1px solid var(--border-color)',
47
+ * }}
48
+ * >
49
+ * <SidebarPanel title="Default">Content</SidebarPanel>
50
+ * <SidebarPanel title="Start open" startOpen>
51
+ * Content
52
+ * </SidebarPanel>
53
+ * <SidebarPanel title="Content with no padding" noPadding>
54
+ * Content
55
+ * </SidebarPanel>
56
+ * </div>
57
+ * <div
58
+ * style={{
59
+ * flex: '1',
60
+ * display: 'flex',
61
+ * justifyContent: 'center',
62
+ * alignItems: 'center',
63
+ * background: 'var(--light-bg-color)',
64
+ * }}
65
+ * >
66
+ * Main content
67
+ * </div>
68
+ * </div>
69
+ * </Canvas>;
70
+ * ```
71
+ */
72
+ function SidebarPanel(_a) {
73
+ var _b;
74
+ var _c = _a.startOpen, startOpen = _c === void 0 ? false : _c, title = _a.title, children = _a.children, noPadding = _a.noPadding;
75
+ var _d = (0, react_1.useState)(startOpen), open = _d[0], setOpen = _d[1];
76
+ var handleToggle = function () {
77
+ setOpen(!open);
78
+ };
79
+ return (react_1.default.createElement("div", { className: styles_module_css_json_1.default['SidebarPanel'] },
80
+ title && (react_1.default.createElement("button", { type: "button", className: styles_module_css_json_1.default['SidebarPanel__header'], onClick: handleToggle },
81
+ react_1.default.createElement("div", { className: styles_module_css_json_1.default['SidebarPanel__header__title'] }, title),
82
+ react_1.default.createElement("div", { className: styles_module_css_json_1.default['SidebarPanel__header__chevron'] }, open ? react_1.default.createElement(ChevronDownIcon, null) : react_1.default.createElement(ChevronUpIcon, null)))),
83
+ open && (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['SidebarPanel__content'], (_b = {},
84
+ _b[styles_module_css_json_1.default['SidebarPanel__content--no-padding']] = noPadding,
85
+ _b)) }, children))));
86
+ }
87
+ exports.SidebarPanel = SidebarPanel;
88
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/SidebarPanel/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAoC;AACpC,6CAAmD;AACnD,oFAAyC;AAEzC,SAAS,eAAe;IACtB,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK;QAEZ,wCAAM,CAAC,EAAC,yRAAyR,GAAQ,CACrS,CACP,CAAC;AACJ,CAAC;AAED,SAAS,aAAa;IACpB,OAAO,CACL,uCACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,KAAK,EACX,MAAM,EAAC,KAAK;QAEZ,wCAAM,CAAC,EAAC,8RAA8R,GAAQ,CAC1S,CACP,CAAC;AACJ,CAAC;AASD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,SAAgB,YAAY,CAAC,EAKT;;QAJlB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA;IAEH,IAAA,KAAkB,IAAA,gBAAQ,EAAC,SAAS,CAAC,EAApC,IAAI,QAAA,EAAE,OAAO,QAAuB,CAAC;IAE5C,IAAM,YAAY,GAAG;QACnB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC;IAEF,OAAO,CACL,uCAAK,SAAS,EAAE,gCAAC,CAAC,cAAc,CAAC;QAC9B,KAAK,IAAI,CACR,0CACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,gCAAC,CAAC,sBAAsB,CAAC,EACpC,OAAO,EAAE,YAAY;YAErB,uCAAK,SAAS,EAAE,gCAAC,CAAC,6BAA6B,CAAC,IAAG,KAAK,CAAO;YAC/D,uCAAK,SAAS,EAAE,gCAAC,CAAC,+BAA+B,CAAC,IAC/C,IAAI,CAAC,CAAC,CAAC,8BAAC,eAAe,OAAG,CAAC,CAAC,CAAC,8BAAC,aAAa,OAAG,CAC3C,CACC,CACV;QACA,IAAI,IAAI,CACP,uCACE,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,uBAAuB,CAAC;gBAC9C,GAAC,gCAAC,CAAC,mCAAmC,CAAC,IAAG,SAAS;oBACnD,IAED,QAAQ,CACL,CACP,CACG,CACP,CAAC;AACJ,CAAC;AArCD,oCAqCC"}
@@ -0,0 +1 @@
1
+ { "SidebarPanel": "_SidebarPanel_4uwco_1", "SidebarPanel__header": "_SidebarPanel__header_4uwco_5", "SidebarPanel__header__title": "_SidebarPanel__header__title_4uwco_30", "SidebarPanel__header__chevron": "_SidebarPanel__header__chevron_4uwco_36", "SidebarPanel__content": "_SidebarPanel__content_4uwco_42", "SidebarPanel__content--no-padding": "_SidebarPanel__content--no-padding_4uwco_47" }
@@ -0,0 +1,64 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.Spinner = void 0;
18
+ var classnames_1 = __importDefault(require("classnames"));
19
+ var react_1 = __importDefault(require("react"));
20
+ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
21
+ /**
22
+ * @example Inline spinner
23
+ *
24
+ * ```js
25
+ * <Canvas ctx={ctx}>
26
+ * Foo bar <Spinner size={24} />
27
+ * </Canvas>;
28
+ * ```
29
+ *
30
+ * @example Centered spinner
31
+ *
32
+ * ```js
33
+ * <Canvas ctx={ctx}>
34
+ * <div style={{ height: '200px', position: 'relative' }}>
35
+ * <Spinner size={48} placement="centered" />
36
+ * </div>
37
+ * </Canvas>;
38
+ * ```
39
+ */
40
+ function Spinner(_a) {
41
+ var _b;
42
+ var _c = _a.size, size = _c === void 0 ? 32 : _c, _d = _a.placement, placement = _d === void 0 ? 'inline' : _d, _e = _a.style, extraStyle = _e === void 0 ? {} : _e;
43
+ var bars = [];
44
+ for (var i = 0; i < 12; i += 1) {
45
+ var barStyle = {};
46
+ barStyle.animationDelay = (i - 12) / 10 + "s";
47
+ barStyle.transform = "rotate(" + i * 30 + "deg) translate(146%)";
48
+ bars.push(react_1.default.createElement("div", { style: barStyle, className: styles_module_css_json_1.default['Spinner__bar'], key: i }));
49
+ }
50
+ var style = {
51
+ width: size * 0.5,
52
+ height: size * 0.5,
53
+ };
54
+ if (placement === 'inline') {
55
+ style.marginLeft = size * 0.5;
56
+ style.transform = 'translateY(33%)';
57
+ }
58
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)((_b = {},
59
+ _b[styles_module_css_json_1.default['Spinner--inline']] = placement === 'inline',
60
+ _b[styles_module_css_json_1.default['Spinner--centered']] = placement === 'centered',
61
+ _b)), style: __assign(__assign({}, extraStyle), style) }, bars));
62
+ }
63
+ exports.Spinner = Spinner;
64
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Spinner/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0DAAoC;AACpC,gDAA0B;AAC1B,oFAAyC;AAQzC;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAgB,OAAO,CAAC,EAIT;;QAHb,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EACT,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACpB,aAAsB,EAAf,UAAU,mBAAG,EAAE,KAAA;IAEtB,IAAM,IAAI,GAAsB,EAAE,CAAC;IAEnC,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE;QAC9B,IAAM,QAAQ,GAAwB,EAAE,CAAC;QACzC,QAAQ,CAAC,cAAc,GAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,MAAG,CAAC;QAC9C,QAAQ,CAAC,SAAS,GAAG,YAAU,CAAC,GAAG,EAAE,yBAAsB,CAAC;QAC5D,IAAI,CAAC,IAAI,CAAC,uCAAK,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,gCAAC,CAAC,cAAc,CAAC,EAAE,GAAG,EAAE,CAAC,GAAI,CAAC,CAAC;KAC3E;IAED,IAAM,KAAK,GAAwB;QACjC,KAAK,EAAE,IAAI,GAAG,GAAG;QACjB,MAAM,EAAE,IAAI,GAAG,GAAG;KACnB,CAAC;IAEF,IAAI,SAAS,KAAK,QAAQ,EAAE;QAC1B,KAAK,CAAC,UAAU,GAAG,IAAI,GAAG,GAAG,CAAC;QAC9B,KAAK,CAAC,SAAS,GAAG,iBAAiB,CAAC;KACrC;IAED,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAU;YACnB,GAAC,gCAAC,CAAC,iBAAiB,CAAC,IAAG,SAAS,KAAK,QAAQ;YAC9C,GAAC,gCAAC,CAAC,mBAAmB,CAAC,IAAG,SAAS,KAAK,UAAU;gBAClD,EACF,KAAK,wBACA,UAAU,GACV,KAAK,KAGT,IAAI,CACD,CACP,CAAC;AACJ,CAAC;AAtCD,0BAsCC"}
@@ -0,0 +1 @@
1
+ { "Spinner--inline": "_Spinner--inline_oumod_1", "Spinner--centered": "_Spinner--centered_oumod_7", "Spinner__bar": "_Spinner__bar_oumod_13", "Spinner__spin": "_Spinner__spin_oumod_1" }
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Button = void 0;
7
+ var classnames_1 = __importDefault(require("classnames"));
8
+ var react_1 = __importDefault(require("react"));
9
+ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
10
+ function Button(_a) {
11
+ var children = _a.children, style = _a.style, className = _a.className, onClick = _a.onClick;
12
+ return (react_1.default.createElement("button", { type: "button", onClick: onClick, className: (0, classnames_1.default)(styles_module_css_json_1.default['Button'], className), style: style }, children));
13
+ }
14
+ exports.Button = Button;
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Toolbar/Button/index.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,gDAA2E;AAC3E,oFAAyC;AASzC,SAAgB,MAAM,CAAC,EAKT;QAJZ,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,OAAO,aAAA;IAEP,OAAO,CACL,0CACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,oBAAU,EACnB,gCAAC,CAAC,QAAQ,CAAC,EAEX,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IAEX,QAAQ,CACF,CACV,CAAC;AACJ,CAAC;AApBD,wBAoBC"}
@@ -0,0 +1 @@
1
+ { "Button": "_Button_fy6g6_1" }
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Stack = void 0;
7
+ var classnames_1 = __importDefault(require("classnames"));
8
+ var react_1 = __importDefault(require("react"));
9
+ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
10
+ function Stack(_a) {
11
+ var _b;
12
+ var children = _a.children, style = _a.style, className = _a.className, stackSize = _a.stackSize;
13
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['Stack'], (_b = {},
14
+ _b[styles_module_css_json_1.default['Stack--s']] = stackSize === 's',
15
+ _b[styles_module_css_json_1.default['Stack--l']] = stackSize === 'l',
16
+ _b), className), style: style }, children));
17
+ }
18
+ exports.Stack = Stack;
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Toolbar/Stack/index.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,gDAAwD;AACxD,oFAAyC;AASzC,SAAgB,KAAK,CAAC,EAKT;;QAJX,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,SAAS,eAAA,EACT,SAAS,eAAA;IAET,OAAO,CACL,uCACE,SAAS,EAAE,IAAA,oBAAU,EACnB,gCAAC,CAAC,OAAO,CAAC;YAER,GAAC,gCAAC,CAAC,UAAU,CAAC,IAAG,SAAS,KAAK,GAAG;YAClC,GAAC,gCAAC,CAAC,UAAU,CAAC,IAAG,SAAS,KAAK,GAAG;iBAEpC,SAAS,CACV,EACD,KAAK,EAAE,KAAK,IAEX,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AArBD,sBAqBC"}
@@ -0,0 +1 @@
1
+ { "Stack": "_Stack_1nnzo_1", "Stack--s": "_Stack--s_1nnzo_10", "Stack--l": "_Stack--l_1nnzo_15" }
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Title = void 0;
7
+ var classnames_1 = __importDefault(require("classnames"));
8
+ var react_1 = __importDefault(require("react"));
9
+ var styles_module_css_json_1 = __importDefault(require("./styles.module.css.json"));
10
+ function Title(_a) {
11
+ var children = _a.children, style = _a.style, className = _a.className;
12
+ return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles_module_css_json_1.default['Title'], className), style: style }, children));
13
+ }
14
+ exports.Title = Title;
15
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Toolbar/Title/index.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAoC;AACpC,gDAAwD;AACxD,oFAAyC;AAQzC,SAAgB,KAAK,CAAC,EAA0C;QAAxC,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,SAAS,eAAA;IAChD,OAAO,CACL,uCAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAC,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK,IAC5D,QAAQ,CACL,CACP,CAAC;AACJ,CAAC;AAND,sBAMC"}
@@ -0,0 +1 @@
1
+ { "Title": "_Title_1dx5n_1" }