@wix/wix-ui-icons-common 1.0.7 → 1.0.8

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 (195) hide show
  1. package/dist/cjs/external-types.d.js.map +1 -1
  2. package/dist/cjs/stories/APITable.js +17 -0
  3. package/dist/cjs/stories/APITable.js.map +1 -0
  4. package/dist/cjs/stories/classic-editor/general/classicEditorGeneralCategoryList.js +35 -0
  5. package/dist/cjs/stories/classic-editor/general/classicEditorGeneralCategoryList.js.map +1 -0
  6. package/dist/cjs/stories/classic-editor/general/index.story.js +126 -0
  7. package/dist/cjs/stories/classic-editor/general/index.story.js.map +1 -0
  8. package/dist/cjs/stories/classic-editor/system/index.story.js +151 -0
  9. package/dist/cjs/stories/classic-editor/system/index.story.js.map +1 -0
  10. package/dist/cjs/stories/classic-editor/system/style.st.css +15 -0
  11. package/dist/cjs/stories/components/category-list/CategoryList.driver.js +49 -0
  12. package/dist/cjs/stories/components/category-list/CategoryList.driver.js.map +1 -0
  13. package/dist/cjs/stories/components/category-list/CategoryList.js +103 -0
  14. package/dist/cjs/stories/components/category-list/CategoryList.js.map +1 -0
  15. package/dist/cjs/stories/components/category-list/CategoryList.spec.js +103 -0
  16. package/dist/cjs/stories/components/category-list/CategoryList.spec.js.map +1 -0
  17. package/dist/cjs/stories/components/category-list/CategoryList.st.css +4 -0
  18. package/dist/cjs/stories/components/category-list/index.js +11 -0
  19. package/dist/cjs/stories/components/category-list/index.js.map +1 -0
  20. package/dist/cjs/stories/components/category-list/useSearchIcons.js +53 -0
  21. package/dist/cjs/stories/components/category-list/useSearchIcons.js.map +1 -0
  22. package/dist/cjs/stories/components/category-table/CategoryTable.js +53 -0
  23. package/dist/cjs/stories/components/category-table/CategoryTable.js.map +1 -0
  24. package/dist/cjs/stories/components/category-table/index.js +11 -0
  25. package/dist/cjs/stories/components/category-table/index.js.map +1 -0
  26. package/dist/cjs/stories/components/general-category-list-base/GeneralCategoryListBase.js +78 -0
  27. package/dist/cjs/stories/components/general-category-list-base/GeneralCategoryListBase.js.map +1 -0
  28. package/dist/cjs/stories/components/general-category-list-base/GeneralCategoryListBase.st.css +19 -0
  29. package/dist/cjs/stories/components/header-icons/HeaderIcons.js +30 -0
  30. package/dist/cjs/stories/components/header-icons/HeaderIcons.js.map +1 -0
  31. package/dist/cjs/stories/components/header-icons/HeaderIcons.st.css +3 -0
  32. package/dist/cjs/stories/components/header-icons/index.js +11 -0
  33. package/dist/cjs/stories/components/header-icons/index.js.map +1 -0
  34. package/dist/cjs/stories/components/icons-example/IconsExample.js +55 -0
  35. package/dist/cjs/stories/components/icons-example/IconsExample.js.map +1 -0
  36. package/dist/cjs/stories/components/icons-example/IconsExample.st.css +15 -0
  37. package/dist/cjs/stories/components/icons-example/index.js +11 -0
  38. package/dist/cjs/stories/components/icons-example/index.js.map +1 -0
  39. package/dist/cjs/stories/components/system-category-list-base/Sizes.js +78 -0
  40. package/dist/cjs/stories/components/system-category-list-base/Sizes.js.map +1 -0
  41. package/dist/cjs/stories/components/system-category-list-base/Sizes.st.css +24 -0
  42. package/dist/cjs/stories/components/system-category-list-base/SystemCategoryListBase.js +76 -0
  43. package/dist/cjs/stories/components/system-category-list-base/SystemCategoryListBase.js.map +1 -0
  44. package/dist/cjs/stories/constants.js +17 -0
  45. package/dist/cjs/stories/constants.js.map +1 -0
  46. package/dist/cjs/stories/dataHooks.js +11 -0
  47. package/dist/cjs/stories/dataHooks.js.map +1 -0
  48. package/dist/cjs/stories/fixtures.js +52 -0
  49. package/dist/cjs/stories/fixtures.js.map +1 -0
  50. package/dist/cjs/stories/general/GeneralCategoryList.js +35 -0
  51. package/dist/cjs/stories/general/GeneralCategoryList.js.map +1 -0
  52. package/dist/cjs/stories/general/index.story.js +127 -0
  53. package/dist/cjs/stories/general/index.story.js.map +1 -0
  54. package/dist/cjs/stories/on-stage/general/OnStageGeneralCategoryList.js +39 -0
  55. package/dist/cjs/stories/on-stage/general/OnStageGeneralCategoryList.js.map +1 -0
  56. package/dist/cjs/stories/on-stage/general/index.story.js +64 -0
  57. package/dist/cjs/stories/on-stage/general/index.story.js.map +1 -0
  58. package/dist/cjs/stories/on-stage/reactions/index.story.js +69 -0
  59. package/dist/cjs/stories/on-stage/reactions/index.story.js.map +1 -0
  60. package/dist/cjs/stories/on-stage/system/index.story.js +68 -0
  61. package/dist/cjs/stories/on-stage/system/index.story.js.map +1 -0
  62. package/dist/cjs/stories/system/index.story.js +126 -0
  63. package/dist/cjs/stories/system/index.story.js.map +1 -0
  64. package/dist/cjs/stories/types.js +4 -0
  65. package/dist/cjs/stories/types.js.map +1 -0
  66. package/dist/cjs/stories/utils.js +22 -0
  67. package/dist/cjs/stories/utils.js.map +1 -0
  68. package/dist/esm/stories/APITable.js +12 -0
  69. package/dist/esm/stories/APITable.js.map +1 -0
  70. package/dist/esm/stories/classic-editor/general/classicEditorGeneralCategoryList.js +8 -0
  71. package/dist/esm/stories/classic-editor/general/classicEditorGeneralCategoryList.js.map +1 -0
  72. package/dist/esm/stories/classic-editor/general/index.story.js +50 -0
  73. package/dist/esm/stories/classic-editor/general/index.story.js.map +1 -0
  74. package/dist/esm/stories/classic-editor/system/index.story.js +65 -0
  75. package/dist/esm/stories/classic-editor/system/index.story.js.map +1 -0
  76. package/dist/esm/stories/classic-editor/system/style.st.css +15 -0
  77. package/dist/esm/stories/components/category-list/CategoryList.driver.js +26 -0
  78. package/dist/esm/stories/components/category-list/CategoryList.driver.js.map +1 -0
  79. package/dist/esm/stories/components/category-list/CategoryList.js +34 -0
  80. package/dist/esm/stories/components/category-list/CategoryList.js.map +1 -0
  81. package/dist/esm/stories/components/category-list/CategoryList.spec.js +48 -0
  82. package/dist/esm/stories/components/category-list/CategoryList.spec.js.map +1 -0
  83. package/dist/esm/stories/components/category-list/CategoryList.st.css +4 -0
  84. package/dist/esm/stories/components/category-list/index.js +2 -0
  85. package/dist/esm/stories/components/category-list/index.js.map +1 -0
  86. package/dist/esm/stories/components/category-list/useSearchIcons.js +29 -0
  87. package/dist/esm/stories/components/category-list/useSearchIcons.js.map +1 -0
  88. package/dist/esm/stories/components/category-table/CategoryTable.js +13 -0
  89. package/dist/esm/stories/components/category-table/CategoryTable.js.map +1 -0
  90. package/dist/esm/stories/components/category-table/index.js +2 -0
  91. package/dist/esm/stories/components/category-table/index.js.map +1 -0
  92. package/dist/esm/stories/components/general-category-list-base/GeneralCategoryListBase.js +38 -0
  93. package/dist/esm/stories/components/general-category-list-base/GeneralCategoryListBase.js.map +1 -0
  94. package/dist/esm/stories/components/general-category-list-base/GeneralCategoryListBase.st.css +19 -0
  95. package/dist/esm/stories/components/header-icons/HeaderIcons.js +5 -0
  96. package/dist/esm/stories/components/header-icons/HeaderIcons.js.map +1 -0
  97. package/dist/esm/stories/components/header-icons/HeaderIcons.st.css +3 -0
  98. package/dist/esm/stories/components/header-icons/index.js +2 -0
  99. package/dist/esm/stories/components/header-icons/index.js.map +1 -0
  100. package/dist/esm/stories/components/icons-example/IconsExample.js +7 -0
  101. package/dist/esm/stories/components/icons-example/IconsExample.js.map +1 -0
  102. package/dist/esm/stories/components/icons-example/IconsExample.st.css +15 -0
  103. package/dist/esm/stories/components/icons-example/index.js +2 -0
  104. package/dist/esm/stories/components/icons-example/index.js.map +1 -0
  105. package/dist/esm/stories/components/system-category-list-base/Sizes.js +16 -0
  106. package/dist/esm/stories/components/system-category-list-base/Sizes.js.map +1 -0
  107. package/dist/esm/stories/components/system-category-list-base/Sizes.st.css +24 -0
  108. package/dist/esm/stories/components/system-category-list-base/SystemCategoryListBase.js +28 -0
  109. package/dist/esm/stories/components/system-category-list-base/SystemCategoryListBase.js.map +1 -0
  110. package/dist/esm/stories/constants.js +7 -0
  111. package/dist/esm/stories/constants.js.map +1 -0
  112. package/dist/esm/stories/dataHooks.js +6 -0
  113. package/dist/esm/stories/dataHooks.js.map +1 -0
  114. package/dist/esm/stories/fixtures.js +34 -0
  115. package/dist/esm/stories/fixtures.js.map +1 -0
  116. package/dist/esm/stories/general/GeneralCategoryList.js +8 -0
  117. package/dist/esm/stories/general/GeneralCategoryList.js.map +1 -0
  118. package/dist/esm/stories/general/index.story.js +58 -0
  119. package/dist/esm/stories/general/index.story.js.map +1 -0
  120. package/dist/esm/stories/on-stage/general/OnStageGeneralCategoryList.js +11 -0
  121. package/dist/esm/stories/on-stage/general/OnStageGeneralCategoryList.js.map +1 -0
  122. package/dist/esm/stories/on-stage/general/index.story.js +36 -0
  123. package/dist/esm/stories/on-stage/general/index.story.js.map +1 -0
  124. package/dist/esm/stories/on-stage/reactions/index.story.js +37 -0
  125. package/dist/esm/stories/on-stage/reactions/index.story.js.map +1 -0
  126. package/dist/esm/stories/on-stage/system/index.story.js +37 -0
  127. package/dist/esm/stories/on-stage/system/index.story.js.map +1 -0
  128. package/dist/esm/stories/system/index.story.js +54 -0
  129. package/dist/esm/stories/system/index.story.js.map +1 -0
  130. package/dist/esm/stories/types.js +2 -0
  131. package/dist/esm/stories/types.js.map +1 -0
  132. package/dist/esm/stories/utils.js +12 -0
  133. package/dist/esm/stories/utils.js.map +1 -0
  134. package/dist/tsconfig.tsbuildinfo +1 -1
  135. package/dist/types/stories/APITable.d.ts +3 -0
  136. package/dist/types/stories/APITable.d.ts.map +1 -0
  137. package/dist/types/stories/classic-editor/general/classicEditorGeneralCategoryList.d.ts +4 -0
  138. package/dist/types/stories/classic-editor/general/classicEditorGeneralCategoryList.d.ts.map +1 -0
  139. package/dist/types/stories/classic-editor/general/index.story.d.ts +8 -0
  140. package/dist/types/stories/classic-editor/general/index.story.d.ts.map +1 -0
  141. package/dist/types/stories/classic-editor/system/index.story.d.ts +8 -0
  142. package/dist/types/stories/classic-editor/system/index.story.d.ts.map +1 -0
  143. package/dist/types/stories/components/category-list/CategoryList.d.ts +15 -0
  144. package/dist/types/stories/components/category-list/CategoryList.d.ts.map +1 -0
  145. package/dist/types/stories/components/category-list/CategoryList.driver.d.ts +9 -0
  146. package/dist/types/stories/components/category-list/CategoryList.driver.d.ts.map +1 -0
  147. package/dist/types/stories/components/category-list/CategoryList.spec.d.ts +2 -0
  148. package/dist/types/stories/components/category-list/CategoryList.spec.d.ts.map +1 -0
  149. package/dist/types/stories/components/category-list/index.d.ts +2 -0
  150. package/dist/types/stories/components/category-list/index.d.ts.map +1 -0
  151. package/dist/types/stories/components/category-list/useSearchIcons.d.ts +11 -0
  152. package/dist/types/stories/components/category-list/useSearchIcons.d.ts.map +1 -0
  153. package/dist/types/stories/components/category-table/CategoryTable.d.ts +12 -0
  154. package/dist/types/stories/components/category-table/CategoryTable.d.ts.map +1 -0
  155. package/dist/types/stories/components/category-table/index.d.ts +2 -0
  156. package/dist/types/stories/components/category-table/index.d.ts.map +1 -0
  157. package/dist/types/stories/components/general-category-list-base/GeneralCategoryListBase.d.ts +5 -0
  158. package/dist/types/stories/components/general-category-list-base/GeneralCategoryListBase.d.ts.map +1 -0
  159. package/dist/types/stories/components/header-icons/HeaderIcons.d.ts +7 -0
  160. package/dist/types/stories/components/header-icons/HeaderIcons.d.ts.map +1 -0
  161. package/dist/types/stories/components/header-icons/index.d.ts +2 -0
  162. package/dist/types/stories/components/header-icons/index.d.ts.map +1 -0
  163. package/dist/types/stories/components/icons-example/IconsExample.d.ts +9 -0
  164. package/dist/types/stories/components/icons-example/IconsExample.d.ts.map +1 -0
  165. package/dist/types/stories/components/icons-example/index.d.ts +2 -0
  166. package/dist/types/stories/components/icons-example/index.d.ts.map +1 -0
  167. package/dist/types/stories/components/system-category-list-base/Sizes.d.ts +8 -0
  168. package/dist/types/stories/components/system-category-list-base/Sizes.d.ts.map +1 -0
  169. package/dist/types/stories/components/system-category-list-base/SystemCategoryListBase.d.ts +5 -0
  170. package/dist/types/stories/components/system-category-list-base/SystemCategoryListBase.d.ts.map +1 -0
  171. package/dist/types/stories/constants.d.ts +7 -0
  172. package/dist/types/stories/constants.d.ts.map +1 -0
  173. package/dist/types/stories/dataHooks.d.ts +7 -0
  174. package/dist/types/stories/dataHooks.d.ts.map +1 -0
  175. package/dist/types/stories/fixtures.d.ts +9 -0
  176. package/dist/types/stories/fixtures.d.ts.map +1 -0
  177. package/dist/types/stories/general/GeneralCategoryList.d.ts +4 -0
  178. package/dist/types/stories/general/GeneralCategoryList.d.ts.map +1 -0
  179. package/dist/types/stories/general/index.story.d.ts +8 -0
  180. package/dist/types/stories/general/index.story.d.ts.map +1 -0
  181. package/dist/types/stories/on-stage/general/OnStageGeneralCategoryList.d.ts +4 -0
  182. package/dist/types/stories/on-stage/general/OnStageGeneralCategoryList.d.ts.map +1 -0
  183. package/dist/types/stories/on-stage/general/index.story.d.ts +8 -0
  184. package/dist/types/stories/on-stage/general/index.story.d.ts.map +1 -0
  185. package/dist/types/stories/on-stage/reactions/index.story.d.ts +8 -0
  186. package/dist/types/stories/on-stage/reactions/index.story.d.ts.map +1 -0
  187. package/dist/types/stories/on-stage/system/index.story.d.ts +8 -0
  188. package/dist/types/stories/on-stage/system/index.story.d.ts.map +1 -0
  189. package/dist/types/stories/system/index.story.d.ts +8 -0
  190. package/dist/types/stories/system/index.story.d.ts.map +1 -0
  191. package/dist/types/stories/types.d.ts +29 -0
  192. package/dist/types/stories/types.d.ts.map +1 -0
  193. package/dist/types/stories/utils.d.ts +3 -0
  194. package/dist/types/stories/utils.d.ts.map +1 -0
  195. package/package.json +17 -16
@@ -1 +1 @@
1
- {"version":3,"names":[],"sources":["../../src/external-types.d.ts"],"sourcesContent":[""],"mappings":""}
1
+ {"version":3,"names":[],"sources":["../../src/external-types.d.ts"],"sourcesContent":["declare module 'wix-storybook-utils/*';\ndeclare module '@wix/wix-storybook-utils/*';\n"],"mappings":""}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+
3
+ exports.__esModule = true;
4
+ exports.default = void 0;
5
+ const API_Table = `
6
+ | Name | Type | Default Value | Required | Description |
7
+ | --- | --- | --- | --- | --- |
8
+ | className | string | | | Set custom class to svg root of icon |
9
+ | size | string | | | Set the size of the icon (for square icons) |
10
+ | width | string | | | Set the width of the icon |
11
+ | height | string | | | Set the height of the icon |
12
+ | style | object | | | Set style object to svg root of icon |
13
+ | ***All other Props are passed to the SVG element*** | | | | |
14
+ `;
15
+ var _default = API_Table;
16
+ exports.default = _default;
17
+ //# sourceMappingURL=APITable.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["API_Table"],"sources":["../../../src/stories/APITable.tsx"],"sourcesContent":["const API_Table = `\n| Name | Type | Default Value | Required | Description |\n| --- | --- | --- | --- | --- |\n| className | string | | | Set custom class to svg root of icon |\n| size | string | | | Set the size of the icon (for square icons) |\n| width | string | | | Set the width of the icon |\n| height | string | | | Set the height of the icon |\n| style | object | | | Set style object to svg root of icon |\n| ***All other Props are passed to the SVG element*** | | | | |\n`;\n\nexport default API_Table;\n"],"mappings":";;;;AAAA,MAAMA,SAAS,GAAI;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CATA;eAWeA,S"}
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _GeneralCategoryListBase = _interopRequireDefault(require("../../components/general-category-list-base/GeneralCategoryListBase"));
11
+
12
+ var iconComponents = _interopRequireWildcard(require("../../../classic-editor/general/dist"));
13
+
14
+ var _metadata = _interopRequireDefault(require("../../../classic-editor/general/metadata"));
15
+
16
+ var _jsxFileName = "/home/builduser/work/cbc16aa2080fa355/packages/wix-ui-icons-common/dist/cjs/stories/classic-editor/general/classicEditorGeneralCategoryList.tsx";
17
+
18
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
+
20
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
+
22
+ const ClassicEditorGeneralCategoryList = () => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_GeneralCategoryListBase.default, {
23
+ iconComponents: iconComponents,
24
+ iconsMetadata: _metadata.default,
25
+ __self: void 0,
26
+ __source: {
27
+ fileName: _jsxFileName,
28
+ lineNumber: 8,
29
+ columnNumber: 5
30
+ }
31
+ }));
32
+
33
+ var _default = ClassicEditorGeneralCategoryList;
34
+ exports.default = _default;
35
+ //# sourceMappingURL=classicEditorGeneralCategoryList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["ClassicEditorGeneralCategoryList","iconComponents","generalIconsMetadata"],"sources":["../../../../../src/stories/classic-editor/general/classicEditorGeneralCategoryList.tsx"],"sourcesContent":["import * as React from 'react';\nimport GeneralCategoryListBase from '../../components/general-category-list-base/GeneralCategoryListBase';\nimport * as iconComponents from '../../../classic-editor/general/dist';\nimport generalIconsMetadata from '../../../classic-editor/general/metadata';\n\nconst ClassicEditorGeneralCategoryList: React.FC = () => (\n <>\n <GeneralCategoryListBase\n iconComponents={iconComponents}\n iconsMetadata={generalIconsMetadata}\n />\n </>\n);\n\nexport default ClassicEditorGeneralCategoryList;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,gCAA0C,GAAG,mBACjD,uDACE,oBAAC,gCAAD;EACE,cAAc,EAAEC,cADlB;EAEE,aAAa,EAAEC,iBAFjB;EAAA;EAAA;IAAA;IAAA;IAAA;EAAA;AAAA,EADF,CADF;;eASeF,gC"}
@@ -0,0 +1,126 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _Sections = require("wix-storybook-utils/Sections");
11
+
12
+ var iconComponents = _interopRequireWildcard(require("../../../classic-editor/general/dist"));
13
+
14
+ var _headerIcons = _interopRequireDefault(require("../../components/header-icons"));
15
+
16
+ var _iconsExample = _interopRequireDefault(require("../../components/icons-example"));
17
+
18
+ var _APITable = _interopRequireDefault(require("../../APITable"));
19
+
20
+ var _classicEditorGeneralCategoryList = _interopRequireDefault(require("./classicEditorGeneralCategoryList"));
21
+
22
+ var _constants = require("../../constants");
23
+
24
+ var _jsxFileName = "/home/builduser/work/cbc16aa2080fa355/packages/wix-ui-icons-common/dist/cjs/stories/classic-editor/general/index.story.tsx";
25
+
26
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
27
+
28
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
29
+
30
+ var _default = {
31
+ category: _constants.CLASSIC_EDITOR_CATEGORY,
32
+ storyName: _constants.GENERAL_ICONS,
33
+ component: () => /*#__PURE__*/React.createElement(_iconsExample.default, {
34
+ dataHook: "icon-list",
35
+ iconComponents,
36
+ __self: void 0,
37
+ __source: {
38
+ fileName: _jsxFileName,
39
+ lineNumber: 31,
40
+ columnNumber: 5
41
+ }
42
+ }),
43
+ sections: [(0, _Sections.header)({
44
+ component: /*#__PURE__*/React.createElement(_headerIcons.default, {
45
+ __self: void 0,
46
+ __source: {
47
+ fileName: _jsxFileName,
48
+ lineNumber: 37,
49
+ columnNumber: 9
50
+ }
51
+ }, /*#__PURE__*/React.createElement(iconComponents.Edit, {
52
+ __self: void 0,
53
+ __source: {
54
+ fileName: _jsxFileName,
55
+ lineNumber: 38,
56
+ columnNumber: 11
57
+ }
58
+ }), /*#__PURE__*/React.createElement(iconComponents.Delete, {
59
+ __self: void 0,
60
+ __source: {
61
+ fileName: _jsxFileName,
62
+ lineNumber: 39,
63
+ columnNumber: 11
64
+ }
65
+ }), /*#__PURE__*/React.createElement(iconComponents.MoveToTrash, {
66
+ __self: void 0,
67
+ __source: {
68
+ fileName: _jsxFileName,
69
+ lineNumber: 40,
70
+ columnNumber: 11
71
+ }
72
+ }), /*#__PURE__*/React.createElement(iconComponents.AddCircle, {
73
+ __self: void 0,
74
+ __source: {
75
+ fileName: _jsxFileName,
76
+ lineNumber: 41,
77
+ columnNumber: 11
78
+ }
79
+ }), /*#__PURE__*/React.createElement(iconComponents.Design, {
80
+ __self: void 0,
81
+ __source: {
82
+ fileName: _jsxFileName,
83
+ lineNumber: 42,
84
+ columnNumber: 11
85
+ }
86
+ }), /*#__PURE__*/React.createElement(iconComponents.Text, {
87
+ __self: void 0,
88
+ __source: {
89
+ fileName: _jsxFileName,
90
+ lineNumber: 43,
91
+ columnNumber: 11
92
+ }
93
+ }), /*#__PURE__*/React.createElement(iconComponents.Duplicate, {
94
+ __self: void 0,
95
+ __source: {
96
+ fileName: _jsxFileName,
97
+ lineNumber: 44,
98
+ columnNumber: 11
99
+ }
100
+ })),
101
+ sourceUrl: 'https://github.com/wix/wix-ui/tree/master/packages/wix-ui-icons-common'
102
+ }), (0, _Sections.tabs)([(0, _Sections.tab)({
103
+ title: 'Icon List',
104
+ sections: [(0, _Sections.description)({
105
+ title: 'Adding New Icons',
106
+ text: `Base UI Icons are owned by Hive Team.<br/>If you can’t find an icon for your needs or some adjustments need to be made to existing ones, please submit <a href="https://docs.google.com/forms/d/e/1FAIpQLScLrVAwWsVVqlL1dvtVIMRX_mmTZAWIKHv1Mf0LYKkj8i1xUw/viewform">Icon Request.</a>`
107
+ }), (0, _Sections.importExample)("import { Duplicate } from '@wix/wix-ui-icons-common/classic-editor';"), (0, _Sections.divider)(), (0, _Sections.title)('Categories'), (0, _Sections.description)({
108
+ text: 'The usage of each icon type is determined by intention and size. Icons should be used strictly according to the description.'
109
+ }), /*#__PURE__*/React.createElement(_classicEditorGeneralCategoryList.default, {
110
+ __self: void 0,
111
+ __source: {
112
+ fileName: _jsxFileName,
113
+ lineNumber: 67,
114
+ columnNumber: 11
115
+ }
116
+ })]
117
+ }), (0, _Sections.tab)({
118
+ title: 'API',
119
+ sections: [(0, _Sections.description)({
120
+ title: 'Props',
121
+ text: _APITable.default
122
+ })]
123
+ })])]
124
+ };
125
+ exports.default = _default;
126
+ //# sourceMappingURL=index.story.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["category","CLASSIC_EDITOR_CATEGORY","storyName","GENERAL_ICONS","component","iconComponents","sections","header","sourceUrl","tabs","tab","title","description","text","importExample","divider","API_Table"],"sources":["../../../../../src/stories/classic-editor/general/index.story.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n header,\n tabs,\n tab,\n description,\n importExample,\n title,\n divider,\n} from 'wix-storybook-utils/Sections';\nimport {\n Edit,\n Duplicate,\n Delete,\n MoveToTrash,\n AddCircle,\n Text,\n Design,\n} from '../../../classic-editor/general/dist';\nimport HeaderIcons from '../../components/header-icons';\nimport IconsExample from '../../components/icons-example';\nimport * as iconComponents from '../../../classic-editor/general/dist';\nimport API_Table from '../../APITable';\nimport ClassicEditorGeneralCategoryList from './classicEditorGeneralCategoryList';\nimport { CLASSIC_EDITOR_CATEGORY, GENERAL_ICONS } from '../../constants';\n\nexport default {\n category: CLASSIC_EDITOR_CATEGORY,\n storyName: GENERAL_ICONS,\n component: () => (\n <IconsExample dataHook=\"icon-list\" {...{ iconComponents }} />\n ),\n\n sections: [\n header({\n component: (\n <HeaderIcons>\n <Edit />\n <Delete />\n <MoveToTrash />\n <AddCircle />\n <Design />\n <Text />\n <Duplicate />\n </HeaderIcons>\n ),\n sourceUrl:\n 'https://github.com/wix/wix-ui/tree/master/packages/wix-ui-icons-common',\n }),\n\n tabs([\n tab({\n title: 'Icon List',\n sections: [\n description({\n title: 'Adding New Icons',\n text: `Base UI Icons are owned by Hive Team.<br/>If you can’t find an icon for your needs or some adjustments need to be made to existing ones, please submit <a href=\"https://docs.google.com/forms/d/e/1FAIpQLScLrVAwWsVVqlL1dvtVIMRX_mmTZAWIKHv1Mf0LYKkj8i1xUw/viewform\">Icon Request.</a>`,\n }),\n importExample(\n \"import { Duplicate } from '@wix/wix-ui-icons-common/classic-editor';\",\n ),\n divider(),\n title('Categories'),\n description({\n text: 'The usage of each icon type is determined by intention and size. Icons should be used strictly according to the description.',\n }),\n <ClassicEditorGeneralCategoryList />,\n ],\n }),\n tab({\n title: 'API',\n sections: [description({ title: 'Props', text: API_Table })],\n }),\n ]),\n ],\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AASA;;AASA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;eAEe;EACbA,QAAQ,EAAEC,kCADG;EAEbC,SAAS,EAAEC,wBAFE;EAGbC,SAAS,EAAE,mBACT,oBAAC,qBAAD;IAAc,QAAQ,EAAC,WAAvB;IAAyCC,cAAzC;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAJW;EAObC,QAAQ,EAAE,CACR,IAAAC,gBAAA,EAAO;IACLH,SAAS,eACP,oBAAC,oBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBACE,oBAAC,mBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EADF,eAEE,oBAAC,qBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAFF,eAGE,oBAAC,0BAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAHF,eAIE,oBAAC,wBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAJF,eAKE,oBAAC,qBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EALF,eAME,oBAAC,mBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EANF,eAOE,oBAAC,wBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAPF,CAFG;IAYLI,SAAS,EACP;EAbG,CAAP,CADQ,EAiBR,IAAAC,cAAA,EAAK,CACH,IAAAC,aAAA,EAAI;IACFC,KAAK,EAAE,WADL;IAEFL,QAAQ,EAAE,CACR,IAAAM,qBAAA,EAAY;MACVD,KAAK,EAAE,kBADG;MAEVE,IAAI,EAAG;IAFG,CAAZ,CADQ,EAKR,IAAAC,uBAAA,EACE,sEADF,CALQ,EAQR,IAAAC,iBAAA,GARQ,EASR,IAAAJ,eAAA,EAAM,YAAN,CATQ,EAUR,IAAAC,qBAAA,EAAY;MACVC,IAAI,EAAE;IADI,CAAZ,CAVQ,eAaR,oBAAC,yCAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAbQ;EAFR,CAAJ,CADG,EAmBH,IAAAH,aAAA,EAAI;IACFC,KAAK,EAAE,KADL;IAEFL,QAAQ,EAAE,CAAC,IAAAM,qBAAA,EAAY;MAAED,KAAK,EAAE,OAAT;MAAkBE,IAAI,EAAEG;IAAxB,CAAZ,CAAD;EAFR,CAAJ,CAnBG,CAAL,CAjBQ;AAPG,C"}
@@ -0,0 +1,151 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.default = void 0;
7
+
8
+ var React = _interopRequireWildcard(require("react"));
9
+
10
+ var _Sections = require("wix-storybook-utils/Sections");
11
+
12
+ var _categoryList = _interopRequireDefault(require("../../components/category-list"));
13
+
14
+ var _styleSt = require("./style.st.css");
15
+
16
+ var iconComponents = _interopRequireWildcard(require("../../../classic-editor/system/dist"));
17
+
18
+ var _headerIcons = _interopRequireDefault(require("../../components/header-icons"));
19
+
20
+ var _iconsExample = _interopRequireDefault(require("../../components/icons-example"));
21
+
22
+ var _metadata = _interopRequireDefault(require("../../../classic-editor/system/metadata"));
23
+
24
+ var _APITable = _interopRequireDefault(require("../../APITable"));
25
+
26
+ var _utils = require("../../utils");
27
+
28
+ var _constants = require("../../constants");
29
+
30
+ var _jsxFileName = "/home/builduser/work/cbc16aa2080fa355/packages/wix-ui-icons-common/dist/cjs/stories/classic-editor/system/index.story.tsx";
31
+
32
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
33
+
34
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
+
36
+ const mapIconToRow = ({
37
+ title: _title,
38
+ sizes
39
+ }) => {
40
+ const iconSize = Object.keys(sizes).length ? Object.keys(sizes)[0] : ''; // @ts-ignore
41
+
42
+ const Icon = iconComponents[_title];
43
+ return [Icon && /*#__PURE__*/React.createElement(Icon, {
44
+ __self: void 0,
45
+ __source: {
46
+ fileName: _jsxFileName,
47
+ lineNumber: 34,
48
+ columnNumber: 19
49
+ }
50
+ }), _title, iconSize && `${iconSize}x${iconSize}`];
51
+ };
52
+
53
+ const tableHeaderTitles = ['Icon', 'Icon Name', 'Icon Size'];
54
+ const iconSizeKeys = (0, _utils.getIconSizeKeys)(_metadata.default);
55
+ const searchKeys = ['title', ...iconSizeKeys, 'tags', 'aliases'];
56
+ var _default = {
57
+ category: _constants.CLASSIC_EDITOR_CATEGORY,
58
+ storyName: _constants.SYSTEM_ICONS,
59
+ component: () => /*#__PURE__*/React.createElement(_iconsExample.default, {
60
+ dataHook: "icon-list",
61
+ iconComponents,
62
+ __self: void 0,
63
+ __source: {
64
+ fileName: _jsxFileName,
65
+ lineNumber: 46,
66
+ columnNumber: 5
67
+ }
68
+ }),
69
+ sections: [(0, _Sections.header)({
70
+ component: /*#__PURE__*/React.createElement(_headerIcons.default, {
71
+ __self: void 0,
72
+ __source: {
73
+ fileName: _jsxFileName,
74
+ lineNumber: 52,
75
+ columnNumber: 9
76
+ }
77
+ }, /*#__PURE__*/React.createElement(iconComponents.Settings, {
78
+ __self: void 0,
79
+ __source: {
80
+ fileName: _jsxFileName,
81
+ lineNumber: 53,
82
+ columnNumber: 11
83
+ }
84
+ }), /*#__PURE__*/React.createElement(iconComponents.Presets, {
85
+ __self: void 0,
86
+ __source: {
87
+ fileName: _jsxFileName,
88
+ lineNumber: 54,
89
+ columnNumber: 11
90
+ }
91
+ }), /*#__PURE__*/React.createElement(iconComponents.CustomizeDesign, {
92
+ __self: void 0,
93
+ __source: {
94
+ fileName: _jsxFileName,
95
+ lineNumber: 55,
96
+ columnNumber: 11
97
+ }
98
+ }), /*#__PURE__*/React.createElement(iconComponents.Layout, {
99
+ __self: void 0,
100
+ __source: {
101
+ fileName: _jsxFileName,
102
+ lineNumber: 56,
103
+ columnNumber: 11
104
+ }
105
+ }), /*#__PURE__*/React.createElement(iconComponents.Crop, {
106
+ __self: void 0,
107
+ __source: {
108
+ fileName: _jsxFileName,
109
+ lineNumber: 57,
110
+ columnNumber: 11
111
+ }
112
+ }), /*#__PURE__*/React.createElement(iconComponents.Link, {
113
+ __self: void 0,
114
+ __source: {
115
+ fileName: _jsxFileName,
116
+ lineNumber: 58,
117
+ columnNumber: 11
118
+ }
119
+ })),
120
+ sourceUrl: 'https://github.com/wix/wix-ui/tree/master/packages/wix-ui-icons-common/src/system'
121
+ }), (0, _Sections.tabs)([(0, _Sections.tab)({
122
+ title: 'Icon List',
123
+ sections: [(0, _Sections.description)({
124
+ title: 'Adding New Icons',
125
+ text: `Base UI Icons are owned by Hive Team.<br/>If you can’t find an icon for your needs or some adjustments need to be made to existing ones, please submit <a href="https://docs.google.com/forms/d/e/1FAIpQLScLrVAwWsVVqlL1dvtVIMRX_mmTZAWIKHv1Mf0LYKkj8i1xUw/viewform">Icon Request.</a>`
126
+ }), (0, _Sections.importExample)("import { ConnectedToData } from '@wix/wix-ui-icons-common/classic-editor/system';"), (0, _Sections.divider)(), (0, _Sections.title)('Categories'), (0, _Sections.description)({
127
+ text: 'The usage of each icon type is determined by intention and size. Icons should be used strictly according to the description.'
128
+ }), /*#__PURE__*/React.createElement(_categoryList.default, {
129
+ dataHook: "icon-list",
130
+ className: _styleSt.classes.tableList,
131
+ iconsMetadata: _metadata.default,
132
+ tableHeaderTitles,
133
+ searchKeys,
134
+ mapIconToRow,
135
+ __self: void 0,
136
+ __source: {
137
+ fileName: _jsxFileName,
138
+ lineNumber: 81,
139
+ columnNumber: 11
140
+ }
141
+ })]
142
+ }), (0, _Sections.tab)({
143
+ title: 'API',
144
+ sections: [(0, _Sections.description)({
145
+ title: 'Props',
146
+ text: _APITable.default
147
+ })]
148
+ })])]
149
+ };
150
+ exports.default = _default;
151
+ //# sourceMappingURL=index.story.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["mapIconToRow","title","_title","sizes","iconSize","Object","keys","length","Icon","iconComponents","tableHeaderTitles","iconSizeKeys","getIconSizeKeys","systemIconsMetadata","searchKeys","category","CLASSIC_EDITOR_CATEGORY","storyName","SYSTEM_ICONS","component","sections","header","sourceUrl","tabs","tab","description","text","importExample","divider","classes","tableList","API_Table"],"sources":["../../../../../src/stories/classic-editor/system/index.story.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n header,\n tabs,\n tab,\n description,\n importExample,\n title,\n divider,\n} from 'wix-storybook-utils/Sections';\nimport CategoryList from '../../components/category-list';\nimport { classes } from './style.st.css';\nimport {\n Settings,\n Presets,\n CustomizeDesign,\n Layout,\n Crop,\n Link,\n} from '../../../classic-editor/system/dist';\nimport HeaderIcons from '../../components/header-icons';\nimport IconsExample from '../../components/icons-example';\nimport systemIconsMetadata from '../../../classic-editor/system/metadata';\nimport * as iconComponents from '../../../classic-editor/system/dist';\nimport { IconMetadata } from '../../../types';\nimport API_Table from '../../APITable';\nimport { getIconSizeKeys } from '../../utils';\nimport { CLASSIC_EDITOR_CATEGORY, SYSTEM_ICONS } from '../../constants';\n\nconst mapIconToRow = ({ title: _title, sizes }: IconMetadata) => {\n const iconSize = Object.keys(sizes).length ? Object.keys(sizes)[0] : '';\n // @ts-ignore\n const Icon = iconComponents[_title];\n return [Icon && <Icon />, _title, iconSize && `${iconSize}x${iconSize}`];\n};\n\nconst tableHeaderTitles = ['Icon', 'Icon Name', 'Icon Size'];\n\nconst iconSizeKeys = getIconSizeKeys(systemIconsMetadata);\nconst searchKeys = ['title', ...iconSizeKeys, 'tags', 'aliases'];\n\nexport default {\n category: CLASSIC_EDITOR_CATEGORY,\n storyName: SYSTEM_ICONS,\n component: () => (\n <IconsExample dataHook=\"icon-list\" {...{ iconComponents }} />\n ),\n\n sections: [\n header({\n component: (\n <HeaderIcons>\n <Settings />\n <Presets />\n <CustomizeDesign />\n <Layout />\n <Crop />\n <Link />\n </HeaderIcons>\n ),\n sourceUrl:\n 'https://github.com/wix/wix-ui/tree/master/packages/wix-ui-icons-common/src/system',\n }),\n\n tabs([\n tab({\n title: 'Icon List',\n sections: [\n description({\n title: 'Adding New Icons',\n text: `Base UI Icons are owned by Hive Team.<br/>If you can’t find an icon for your needs or some adjustments need to be made to existing ones, please submit <a href=\"https://docs.google.com/forms/d/e/1FAIpQLScLrVAwWsVVqlL1dvtVIMRX_mmTZAWIKHv1Mf0LYKkj8i1xUw/viewform\">Icon Request.</a>`,\n }),\n importExample(\n \"import { ConnectedToData } from '@wix/wix-ui-icons-common/classic-editor/system';\",\n ),\n divider(),\n title('Categories'),\n description({\n text: 'The usage of each icon type is determined by intention and size. Icons should be used strictly according to the description.',\n }),\n <CategoryList\n dataHook=\"icon-list\"\n className={classes.tableList}\n iconsMetadata={systemIconsMetadata}\n {...{\n tableHeaderTitles,\n searchKeys,\n mapIconToRow,\n }}\n />,\n ],\n }),\n tab({\n title: 'API',\n sections: [description({ title: 'Props', text: API_Table })],\n }),\n ]),\n ],\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AASA;;AACA;;AACA;;AAQA;;AACA;;AACA;;AAGA;;AACA;;AACA;;;;;;;;AAEA,MAAMA,YAAY,GAAG,CAAC;EAAEC,KAAK,EAAEC,MAAT;EAAiBC;AAAjB,CAAD,KAA4C;EAC/D,MAAMC,QAAQ,GAAGC,MAAM,CAACC,IAAP,CAAYH,KAAZ,EAAmBI,MAAnB,GAA4BF,MAAM,CAACC,IAAP,CAAYH,KAAZ,EAAmB,CAAnB,CAA5B,GAAoD,EAArE,CAD+D,CAE/D;;EACA,MAAMK,IAAI,GAAGC,cAAc,CAACP,MAAD,CAA3B;EACA,OAAO,CAACM,IAAI,iBAAI,oBAAC,IAAD;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAAT,EAAmBN,MAAnB,EAA2BE,QAAQ,IAAK,GAAEA,QAAS,IAAGA,QAAS,EAA/D,CAAP;AACD,CALD;;AAOA,MAAMM,iBAAiB,GAAG,CAAC,MAAD,EAAS,WAAT,EAAsB,WAAtB,CAA1B;AAEA,MAAMC,YAAY,GAAG,IAAAC,sBAAA,EAAgBC,iBAAhB,CAArB;AACA,MAAMC,UAAU,GAAG,CAAC,OAAD,EAAU,GAAGH,YAAb,EAA2B,MAA3B,EAAmC,SAAnC,CAAnB;eAEe;EACbI,QAAQ,EAAEC,kCADG;EAEbC,SAAS,EAAEC,uBAFE;EAGbC,SAAS,EAAE,mBACT,oBAAC,qBAAD;IAAc,QAAQ,EAAC,WAAvB;IAAyCV,cAAzC;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EAJW;EAObW,QAAQ,EAAE,CACR,IAAAC,gBAAA,EAAO;IACLF,SAAS,eACP,oBAAC,oBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,gBACE,oBAAC,uBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EADF,eAEE,oBAAC,sBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAFF,eAGE,oBAAC,8BAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAHF,eAIE,oBAAC,qBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAJF,eAKE,oBAAC,mBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EALF,eAME,oBAAC,mBAAD;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EANF,CAFG;IAWLG,SAAS,EACP;EAZG,CAAP,CADQ,EAgBR,IAAAC,cAAA,EAAK,CACH,IAAAC,aAAA,EAAI;IACFvB,KAAK,EAAE,WADL;IAEFmB,QAAQ,EAAE,CACR,IAAAK,qBAAA,EAAY;MACVxB,KAAK,EAAE,kBADG;MAEVyB,IAAI,EAAG;IAFG,CAAZ,CADQ,EAKR,IAAAC,uBAAA,EACE,mFADF,CALQ,EAQR,IAAAC,iBAAA,GARQ,EASR,IAAA3B,eAAA,EAAM,YAAN,CATQ,EAUR,IAAAwB,qBAAA,EAAY;MACVC,IAAI,EAAE;IADI,CAAZ,CAVQ,eAaR,oBAAC,qBAAD;MACE,QAAQ,EAAC,WADX;MAEE,SAAS,EAAEG,gBAAA,CAAQC,SAFrB;MAGE,aAAa,EAAEjB,iBAHjB;MAKIH,iBALJ;MAMII,UANJ;MAOId,YAPJ;MAAA;MAAA;QAAA;QAAA;QAAA;MAAA;IAAA,EAbQ;EAFR,CAAJ,CADG,EA4BH,IAAAwB,aAAA,EAAI;IACFvB,KAAK,EAAE,KADL;IAEFmB,QAAQ,EAAE,CAAC,IAAAK,qBAAA,EAAY;MAAExB,KAAK,EAAE,OAAT;MAAkByB,IAAI,EAAEK;IAAxB,CAAZ,CAAD;EAFR,CAAJ,CA5BG,CAAL,CAhBQ;AAPG,C"}
@@ -0,0 +1,15 @@
1
+ .tableList table {
2
+ table-layout: fixed;
3
+ }
4
+
5
+ .tableList th:nth-child(1) {
6
+ width: 36px;
7
+ }
8
+
9
+ .tableList th:nth-child(2) {
10
+ width: 160px;
11
+ }
12
+
13
+ .tableList th:nth-child(3) {
14
+ width: 650px;
15
+ }
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.default = void 0;
7
+
8
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
9
+
10
+ var _react = require("@testing-library/react");
11
+
12
+ var _dataHooks = _interopRequireDefault(require("../../dataHooks"));
13
+
14
+ const getAllByDataHook = (baseElement, dataHook) => baseElement.querySelectorAll(`[data-hook="${dataHook}"]`);
15
+
16
+ const getByDataHook = (baseElement, dataHook) => baseElement.querySelector(`[data-hook="${dataHook}"]`);
17
+
18
+ const getSearchInput = baseElement => getByDataHook(baseElement, _dataHooks.default.categorySearchInput);
19
+
20
+ const getCategoryRows = baseElement => getAllByDataHook(baseElement, _dataHooks.default.categoryTableCell);
21
+
22
+ class CategoryListDriver {
23
+ constructor(baseElement) {
24
+ (0, _defineProperty2.default)(this, "baseElement", void 0);
25
+ (0, _defineProperty2.default)(this, "getAmountOfCategoryTitles", () => getAllByDataHook(this.baseElement, _dataHooks.default.categoryTableTitle).length);
26
+ (0, _defineProperty2.default)(this, "getAmountOfCategoryRows", () => getCategoryRows(this.baseElement).length);
27
+ (0, _defineProperty2.default)(this, "getRowText", index => {
28
+ const categoryRows = getCategoryRows(this.baseElement);
29
+ const row = categoryRows.item(index);
30
+ return row.textContent;
31
+ });
32
+ (0, _defineProperty2.default)(this, "search", query => {
33
+ const searchInput = getSearchInput(this.baseElement);
34
+
35
+ const inputEvent = _react.createEvent.input(searchInput, {
36
+ target: {
37
+ value: query
38
+ }
39
+ });
40
+
41
+ (0, _react.fireEvent)(searchInput, inputEvent);
42
+ });
43
+ this.baseElement = baseElement;
44
+ }
45
+
46
+ }
47
+
48
+ exports.default = CategoryListDriver;
49
+ //# sourceMappingURL=CategoryList.driver.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["getAllByDataHook","baseElement","dataHook","querySelectorAll","getByDataHook","querySelector","getSearchInput","dataHooks","categorySearchInput","getCategoryRows","categoryTableCell","CategoryListDriver","constructor","categoryTableTitle","length","index","categoryRows","row","item","textContent","query","searchInput","inputEvent","createEvent","input","target","value","fireEvent"],"sources":["../../../../../src/stories/components/category-list/CategoryList.driver.tsx"],"sourcesContent":["import { fireEvent, createEvent } from '@testing-library/react';\nimport dataHooks from '../../dataHooks';\n\nconst getAllByDataHook = (baseElement: Element, dataHook: string) =>\n baseElement.querySelectorAll(`[data-hook=\"${dataHook}\"]`);\n\nconst getByDataHook = (baseElement: Element, dataHook: string) =>\n baseElement.querySelector(`[data-hook=\"${dataHook}\"]`);\n\nconst getSearchInput = (baseElement: Element) =>\n getByDataHook(baseElement, dataHooks.categorySearchInput) as HTMLInputElement;\n\nconst getCategoryRows = (baseElement: Element) =>\n getAllByDataHook(baseElement, dataHooks.categoryTableCell);\n\nexport default class CategoryListDriver {\n baseElement: Element;\n\n constructor(baseElement: Element) {\n this.baseElement = baseElement;\n }\n\n getAmountOfCategoryTitles = () =>\n getAllByDataHook(this.baseElement, dataHooks.categoryTableTitle).length;\n\n getAmountOfCategoryRows = () => getCategoryRows(this.baseElement).length;\n\n getRowText = (index: number) => {\n const categoryRows = getCategoryRows(this.baseElement);\n const row = categoryRows.item(index);\n return row.textContent;\n };\n\n search = (query: string) => {\n const searchInput = getSearchInput(this.baseElement);\n const inputEvent = createEvent.input(searchInput, {\n target: { value: query },\n });\n\n fireEvent(searchInput, inputEvent);\n };\n}\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,MAAMA,gBAAgB,GAAG,CAACC,WAAD,EAAuBC,QAAvB,KACvBD,WAAW,CAACE,gBAAZ,CAA8B,eAAcD,QAAS,IAArD,CADF;;AAGA,MAAME,aAAa,GAAG,CAACH,WAAD,EAAuBC,QAAvB,KACpBD,WAAW,CAACI,aAAZ,CAA2B,eAAcH,QAAS,IAAlD,CADF;;AAGA,MAAMI,cAAc,GAAIL,WAAD,IACrBG,aAAa,CAACH,WAAD,EAAcM,kBAAA,CAAUC,mBAAxB,CADf;;AAGA,MAAMC,eAAe,GAAIR,WAAD,IACtBD,gBAAgB,CAACC,WAAD,EAAcM,kBAAA,CAAUG,iBAAxB,CADlB;;AAGe,MAAMC,kBAAN,CAAyB;EAGtCC,WAAW,CAACX,WAAD,EAAuB;IAAA;IAAA,iEAIN,MAC1BD,gBAAgB,CAAC,KAAKC,WAAN,EAAmBM,kBAAA,CAAUM,kBAA7B,CAAhB,CAAiEC,MALjC;IAAA,+DAOR,MAAML,eAAe,CAAC,KAAKR,WAAN,CAAf,CAAkCa,MAPhC;IAAA,kDASpBC,KAAD,IAAmB;MAC9B,MAAMC,YAAY,GAAGP,eAAe,CAAC,KAAKR,WAAN,CAApC;MACA,MAAMgB,GAAG,GAAGD,YAAY,CAACE,IAAb,CAAkBH,KAAlB,CAAZ;MACA,OAAOE,GAAG,CAACE,WAAX;IACD,CAbiC;IAAA,8CAexBC,KAAD,IAAmB;MAC1B,MAAMC,WAAW,GAAGf,cAAc,CAAC,KAAKL,WAAN,CAAlC;;MACA,MAAMqB,UAAU,GAAGC,kBAAA,CAAYC,KAAZ,CAAkBH,WAAlB,EAA+B;QAChDI,MAAM,EAAE;UAAEC,KAAK,EAAEN;QAAT;MADwC,CAA/B,CAAnB;;MAIA,IAAAO,gBAAA,EAAUN,WAAV,EAAuBC,UAAvB;IACD,CAtBiC;IAChC,KAAKrB,WAAL,GAAmBA,WAAnB;EACD;;AALqC"}
@@ -0,0 +1,103 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
+
5
+ exports.__esModule = true;
6
+ exports.mapIconsToCategories = exports.default = void 0;
7
+
8
+ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
+
10
+ var React = _interopRequireWildcard(require("react"));
11
+
12
+ var _categoryTable = _interopRequireDefault(require("../category-table"));
13
+
14
+ var _searchInput = _interopRequireDefault(require("wix-storybook-utils/dist/src/ui/search-input"));
15
+
16
+ var _useSearchIcons2 = _interopRequireDefault(require("./useSearchIcons"));
17
+
18
+ var _dataHooks = _interopRequireDefault(require("../../dataHooks"));
19
+
20
+ var _CategoryListSt = require("./CategoryList.st.css");
21
+
22
+ var _jsxFileName = "/home/builduser/work/cbc16aa2080fa355/packages/wix-ui-icons-common/dist/cjs/stories/components/category-list/CategoryList.tsx";
23
+
24
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
25
+
26
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
27
+
28
+ // Splits icons into categories
29
+ const mapIconsToCategories = iconsMetadata => {
30
+ const categoryMap = {};
31
+
32
+ for (const icon of iconsMetadata) {
33
+ const _icon$category = icon.category,
34
+ category = _icon$category === void 0 ? 'Uncategorized' : _icon$category; // Add category
35
+
36
+ if (!categoryMap[category]) {
37
+ categoryMap[category] = {
38
+ title: category,
39
+ iconsMetadata: []
40
+ };
41
+ }
42
+
43
+ categoryMap[category].iconsMetadata.push(icon);
44
+ }
45
+
46
+ return Object.values(categoryMap);
47
+ };
48
+
49
+ exports.mapIconsToCategories = mapIconsToCategories;
50
+
51
+ const CategoryList = ({
52
+ iconsMetadata,
53
+ tableHeaderTitles,
54
+ mapIconToRow,
55
+ searchKeys,
56
+ dataHook,
57
+ className
58
+ }) => {
59
+ const _useSearchIcons = (0, _useSearchIcons2.default)(iconsMetadata, searchKeys),
60
+ filteredIconsMetadata = _useSearchIcons.filteredIconsMetadata,
61
+ debouncedSearch = _useSearchIcons.debouncedSearch;
62
+
63
+ const categories = (0, React.useMemo)(() => mapIconsToCategories(filteredIconsMetadata), [filteredIconsMetadata]);
64
+ return /*#__PURE__*/React.createElement("div", {
65
+ className: className,
66
+ "data-hook": dataHook,
67
+ __self: void 0,
68
+ __source: {
69
+ fileName: _jsxFileName,
70
+ lineNumber: 59,
71
+ columnNumber: 5
72
+ }
73
+ }, /*#__PURE__*/React.createElement(_searchInput.default, {
74
+ className: _CategoryListSt.classes.searchInput // @ts-ignore
75
+ ,
76
+ onChange: ({
77
+ target: {
78
+ value
79
+ }
80
+ }) => debouncedSearch(value),
81
+ dataHook: _dataHooks.default.categorySearchInput,
82
+ __self: void 0,
83
+ __source: {
84
+ fileName: _jsxFileName,
85
+ lineNumber: 60,
86
+ columnNumber: 7
87
+ }
88
+ }), categories.map(category => /*#__PURE__*/React.createElement(_categoryTable.default, (0, _extends2.default)({}, category, {
89
+ tableHeaderTitles,
90
+ mapIconToRow,
91
+ key: category.title,
92
+ __self: void 0,
93
+ __source: {
94
+ fileName: _jsxFileName,
95
+ lineNumber: 67,
96
+ columnNumber: 9
97
+ }
98
+ }))));
99
+ };
100
+
101
+ var _default = CategoryList;
102
+ exports.default = _default;
103
+ //# sourceMappingURL=CategoryList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["mapIconsToCategories","iconsMetadata","categoryMap","icon","category","title","push","Object","values","CategoryList","tableHeaderTitles","mapIconToRow","searchKeys","dataHook","className","useSearchIcons","filteredIconsMetadata","debouncedSearch","categories","useMemo","classes","searchInput","target","value","dataHooks","categorySearchInput","map"],"sources":["../../../../../src/stories/components/category-list/CategoryList.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useMemo } from 'react';\nimport CategoryTable from '../category-table';\nimport SearchInput from 'wix-storybook-utils/dist/src/ui/search-input';\nimport useSearchIcons from './useSearchIcons';\nimport { IconMetadata } from '../../../types';\nimport { Category, CategoryTableRow } from '../../types';\nimport dataHooks from '../../dataHooks';\nimport { classes } from './CategoryList.st.css';\n\n// Splits icons into categories\nexport const mapIconsToCategories = (\n iconsMetadata: IconMetadata[],\n): Category[] => {\n const categoryMap: Record<string, Category> = {};\n for (const icon of iconsMetadata) {\n const { category = 'Uncategorized' } = icon;\n // Add category\n if (!categoryMap[category]) {\n categoryMap[category] = {\n title: category,\n iconsMetadata: [],\n };\n }\n\n categoryMap[category].iconsMetadata.push(icon);\n }\n\n return Object.values(categoryMap);\n};\n\ntype CategoryListProps = {\n iconsMetadata: IconMetadata[];\n tableHeaderTitles: string[];\n mapIconToRow: (iconMetadata: IconMetadata) => CategoryTableRow;\n searchKeys: string[];\n dataHook?: string;\n className?: string;\n};\n\nconst CategoryList: React.FC<CategoryListProps> = ({\n iconsMetadata,\n tableHeaderTitles,\n mapIconToRow,\n searchKeys,\n dataHook,\n className,\n}) => {\n const { filteredIconsMetadata, debouncedSearch } = useSearchIcons(\n iconsMetadata,\n searchKeys,\n );\n const categories = useMemo(\n () => mapIconsToCategories(filteredIconsMetadata),\n [filteredIconsMetadata],\n );\n\n return (\n <div className={className} data-hook={dataHook}>\n <SearchInput\n className={classes.searchInput}\n // @ts-ignore\n onChange={({ target: { value } }) => debouncedSearch(value)}\n dataHook={dataHooks.categorySearchInput}\n />\n {categories.map((category) => (\n <CategoryTable\n {...category}\n {...{ tableHeaderTitles, mapIconToRow }}\n key={category.title}\n />\n ))}\n </div>\n );\n};\n\nexport default CategoryList;\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AAGA;;AACA;;;;;;;;AAEA;AACO,MAAMA,oBAAoB,GAC/BC,aADkC,IAEnB;EACf,MAAMC,WAAqC,GAAG,EAA9C;;EACA,KAAK,MAAMC,IAAX,IAAmBF,aAAnB,EAAkC;IAChC,uBAAuCE,IAAvC,CAAQC,QAAR;IAAA,MAAQA,QAAR,+BAAmB,eAAnB,kBADgC,CAEhC;;IACA,IAAI,CAACF,WAAW,CAACE,QAAD,CAAhB,EAA4B;MAC1BF,WAAW,CAACE,QAAD,CAAX,GAAwB;QACtBC,KAAK,EAAED,QADe;QAEtBH,aAAa,EAAE;MAFO,CAAxB;IAID;;IAEDC,WAAW,CAACE,QAAD,CAAX,CAAsBH,aAAtB,CAAoCK,IAApC,CAAyCH,IAAzC;EACD;;EAED,OAAOI,MAAM,CAACC,MAAP,CAAcN,WAAd,CAAP;AACD,CAlBM;;;;AA6BP,MAAMO,YAAyC,GAAG,CAAC;EACjDR,aADiD;EAEjDS,iBAFiD;EAGjDC,YAHiD;EAIjDC,UAJiD;EAKjDC,QALiD;EAMjDC;AANiD,CAAD,KAO5C;EACJ,wBAAmD,IAAAC,wBAAA,EACjDd,aADiD,EAEjDW,UAFiD,CAAnD;EAAA,MAAQI,qBAAR,mBAAQA,qBAAR;EAAA,MAA+BC,eAA/B,mBAA+BA,eAA/B;;EAIA,MAAMC,UAAU,GAAG,IAAAC,aAAA,EACjB,MAAMnB,oBAAoB,CAACgB,qBAAD,CADT,EAEjB,CAACA,qBAAD,CAFiB,CAAnB;EAKA,oBACE;IAAK,SAAS,EAAEF,SAAhB;IAA2B,aAAWD,QAAtC;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,gBACE,oBAAC,oBAAD;IACE,SAAS,EAAEO,uBAAA,CAAQC,WADrB,CAEE;IAFF;IAGE,QAAQ,EAAE,CAAC;MAAEC,MAAM,EAAE;QAAEC;MAAF;IAAV,CAAD,KAA2BN,eAAe,CAACM,KAAD,CAHtD;IAIE,QAAQ,EAAEC,kBAAA,CAAUC,mBAJtB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,EADF,EAOGP,UAAU,CAACQ,GAAX,CAAgBtB,QAAD,iBACd,oBAAC,sBAAD,6BACMA,QADN;IAEQM,iBAFR;IAE2BC,YAF3B;IAGE,GAAG,EAAEP,QAAQ,CAACC,KAHhB;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,GADD,CAPH,CADF;AAiBD,CAlCD;;eAoCeI,Y"}