@seeqdev/qomponents 0.0.131 → 0.0.132

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 (253) hide show
  1. package/README.md +135 -135
  2. package/dist/Accordion/Accordion.js +9 -0
  3. package/dist/Accordion/Accordion.js.map +1 -0
  4. package/dist/Accordion/Accordion.stories.js +115 -0
  5. package/dist/Accordion/Accordion.stories.js.map +1 -0
  6. package/dist/Accordion/Accordion.test.js +55 -0
  7. package/dist/Accordion/Accordion.test.js.map +1 -0
  8. package/dist/Accordion/Accordion.types.js +2 -0
  9. package/dist/Accordion/Accordion.types.js.map +1 -0
  10. package/dist/Accordion/index.js +2 -0
  11. package/dist/Accordion/index.js.map +1 -0
  12. package/dist/Alert/Alert.js +34 -0
  13. package/dist/Alert/Alert.js.map +1 -0
  14. package/dist/Alert/Alert.stories.js +52 -0
  15. package/dist/Alert/Alert.stories.js.map +1 -0
  16. package/dist/Alert/Alert.test.js +51 -0
  17. package/dist/Alert/Alert.test.js.map +1 -0
  18. package/dist/Alert/Alert.types.js +2 -0
  19. package/dist/Alert/Alert.types.js.map +1 -0
  20. package/dist/Alert/index.js +2 -0
  21. package/dist/Alert/index.js.map +1 -0
  22. package/dist/Button/Button.js +92 -0
  23. package/dist/Button/Button.js.map +1 -0
  24. package/dist/Button/Button.stories.js +100 -0
  25. package/dist/Button/Button.stories.js.map +1 -0
  26. package/dist/Button/Button.test.js +49 -0
  27. package/dist/Button/Button.test.js.map +1 -0
  28. package/dist/Button/Button.types.js +5 -0
  29. package/dist/Button/Button.types.js.map +1 -0
  30. package/dist/Button/index.js +2 -0
  31. package/dist/Button/index.js.map +1 -0
  32. package/dist/ButtonGroup/ButtonGroup.js +33 -0
  33. package/dist/ButtonGroup/ButtonGroup.js.map +1 -0
  34. package/dist/ButtonGroup/ButtonGroup.stories.js +385 -0
  35. package/dist/ButtonGroup/ButtonGroup.stories.js.map +1 -0
  36. package/dist/ButtonGroup/ButtonGroup.test.js +67 -0
  37. package/dist/ButtonGroup/ButtonGroup.test.js.map +1 -0
  38. package/dist/ButtonGroup/ButtonGroup.types.js +2 -0
  39. package/dist/ButtonGroup/ButtonGroup.types.js.map +1 -0
  40. package/dist/ButtonGroup/index.js +2 -0
  41. package/dist/ButtonGroup/index.js.map +1 -0
  42. package/dist/ButtonWithDropdown/ButtonWithDropdown.js +60 -0
  43. package/dist/ButtonWithDropdown/ButtonWithDropdown.js.map +1 -0
  44. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js +143 -0
  45. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.js.map +1 -0
  46. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js +93 -0
  47. package/dist/ButtonWithDropdown/ButtonWithDropdown.test.js.map +1 -0
  48. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js +2 -0
  49. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.js.map +1 -0
  50. package/dist/ButtonWithDropdown/index.js +2 -0
  51. package/dist/ButtonWithDropdown/index.js.map +1 -0
  52. package/dist/ButtonWithPopover/ButtonWithPopover.js +62 -0
  53. package/dist/ButtonWithPopover/ButtonWithPopover.js.map +1 -0
  54. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js +75 -0
  55. package/dist/ButtonWithPopover/ButtonWithPopover.stories.js.map +1 -0
  56. package/dist/ButtonWithPopover/ButtonWithPopover.test.js +82 -0
  57. package/dist/ButtonWithPopover/ButtonWithPopover.test.js.map +1 -0
  58. package/dist/ButtonWithPopover/ButtonWithPopover.types.js +2 -0
  59. package/dist/ButtonWithPopover/ButtonWithPopover.types.js.map +1 -0
  60. package/dist/ButtonWithPopover/index.js +2 -0
  61. package/dist/ButtonWithPopover/index.js.map +1 -0
  62. package/dist/Carousel/Carousel.js +67 -0
  63. package/dist/Carousel/Carousel.js.map +1 -0
  64. package/dist/Carousel/Carousel.stories.js +115 -0
  65. package/dist/Carousel/Carousel.stories.js.map +1 -0
  66. package/dist/Carousel/Carousel.test.js +48 -0
  67. package/dist/Carousel/Carousel.test.js.map +1 -0
  68. package/dist/Carousel/Carousel.types.js +2 -0
  69. package/dist/Carousel/Carousel.types.js.map +1 -0
  70. package/dist/Carousel/index.js +2 -0
  71. package/dist/Carousel/index.js.map +1 -0
  72. package/dist/Checkbox/Checkbox.js +26 -0
  73. package/dist/Checkbox/Checkbox.js.map +1 -0
  74. package/dist/Checkbox/Checkbox.stories.js +34 -0
  75. package/dist/Checkbox/Checkbox.stories.js.map +1 -0
  76. package/dist/Checkbox/Checkbox.test.js +94 -0
  77. package/dist/Checkbox/Checkbox.test.js.map +1 -0
  78. package/dist/Checkbox/Checkbox.types.js +2 -0
  79. package/dist/Checkbox/Checkbox.types.js.map +1 -0
  80. package/dist/Checkbox/index.js +2 -0
  81. package/dist/Checkbox/index.js.map +1 -0
  82. package/dist/Collapse/Collapse.js +18 -0
  83. package/dist/Collapse/Collapse.js.map +1 -0
  84. package/dist/Collapse/Collapse.stories.js +37 -0
  85. package/dist/Collapse/Collapse.stories.js.map +1 -0
  86. package/dist/Collapse/Collapse.test.js +19 -0
  87. package/dist/Collapse/Collapse.test.js.map +1 -0
  88. package/dist/Collapse/Collapse.types.js +2 -0
  89. package/dist/Collapse/Collapse.types.js.map +1 -0
  90. package/dist/Collapse/index.js +2 -0
  91. package/dist/Collapse/index.js.map +1 -0
  92. package/dist/FontCustom.woff +0 -0
  93. package/dist/FontCustom.woff2 +0 -0
  94. package/dist/Icon/Icon.js +55 -0
  95. package/dist/Icon/Icon.js.map +1 -0
  96. package/dist/Icon/Icon.stories.js +47 -0
  97. package/dist/Icon/Icon.stories.js.map +1 -0
  98. package/dist/Icon/Icon.test.js +55 -0
  99. package/dist/Icon/Icon.test.js.map +1 -0
  100. package/dist/Icon/Icon.types.js +16 -0
  101. package/dist/Icon/Icon.types.js.map +1 -0
  102. package/dist/Icon/index.js +2 -0
  103. package/dist/Icon/index.js.map +1 -0
  104. package/dist/InputGroup/InputGroup.js +32 -0
  105. package/dist/InputGroup/InputGroup.js.map +1 -0
  106. package/dist/InputGroup/InputGroup.stories.js +168 -0
  107. package/dist/InputGroup/InputGroup.stories.js.map +1 -0
  108. package/dist/InputGroup/InputGroup.test.js +43 -0
  109. package/dist/InputGroup/InputGroup.test.js.map +1 -0
  110. package/dist/InputGroup/InputGroup.types.js +2 -0
  111. package/dist/InputGroup/InputGroup.types.js.map +1 -0
  112. package/dist/InputGroup/index.js +2 -0
  113. package/dist/InputGroup/index.js.map +1 -0
  114. package/dist/Modal/Modal.js +100 -0
  115. package/dist/Modal/Modal.js.map +1 -0
  116. package/dist/Modal/Modal.stories.js +127 -0
  117. package/dist/Modal/Modal.stories.js.map +1 -0
  118. package/dist/Modal/Modal.test.js +108 -0
  119. package/dist/Modal/Modal.test.js.map +1 -0
  120. package/dist/Modal/Modal.types.js +2 -0
  121. package/dist/Modal/Modal.types.js.map +1 -0
  122. package/dist/Modal/index.js +2 -0
  123. package/dist/Modal/index.js.map +1 -0
  124. package/dist/ProgressBar/ProgressBar.js +30 -0
  125. package/dist/ProgressBar/ProgressBar.js.map +1 -0
  126. package/dist/ProgressBar/ProgressBar.stories.js +73 -0
  127. package/dist/ProgressBar/ProgressBar.stories.js.map +1 -0
  128. package/dist/ProgressBar/ProgressBar.test.js +38 -0
  129. package/dist/ProgressBar/ProgressBar.test.js.map +1 -0
  130. package/dist/ProgressBar/ProgressBar.types.js +2 -0
  131. package/dist/ProgressBar/ProgressBar.types.js.map +1 -0
  132. package/dist/ProgressBar/index.js +2 -0
  133. package/dist/ProgressBar/index.js.map +1 -0
  134. package/dist/SeeqActionDropdown/SeeqActionDropdown.js +48 -0
  135. package/dist/SeeqActionDropdown/SeeqActionDropdown.js.map +1 -0
  136. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js +80 -0
  137. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.js.map +1 -0
  138. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js +73 -0
  139. package/dist/SeeqActionDropdown/SeeqActionDropdown.test.js.map +1 -0
  140. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js +2 -0
  141. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.js.map +1 -0
  142. package/dist/SeeqActionDropdown/index.js +2 -0
  143. package/dist/SeeqActionDropdown/index.js.map +1 -0
  144. package/dist/SeeqActionDropdown/variants.js +23 -0
  145. package/dist/SeeqActionDropdown/variants.js.map +1 -0
  146. package/dist/Select/Select.js +174 -0
  147. package/dist/Select/Select.js.map +1 -0
  148. package/dist/Select/Select.stories.js +80 -0
  149. package/dist/Select/Select.stories.js.map +1 -0
  150. package/dist/Select/Select.test.js +182 -0
  151. package/dist/Select/Select.test.js.map +1 -0
  152. package/dist/Select/Select.types.js +2 -0
  153. package/dist/Select/Select.types.js.map +1 -0
  154. package/dist/Select/index.js +3 -0
  155. package/dist/Select/index.js.map +1 -0
  156. package/dist/Slider/Slider.js +13 -0
  157. package/dist/Slider/Slider.js.map +1 -0
  158. package/dist/Slider/Slider.stories.js +58 -0
  159. package/dist/Slider/Slider.stories.js.map +1 -0
  160. package/dist/Slider/Slider.test.js +33 -0
  161. package/dist/Slider/Slider.test.js.map +1 -0
  162. package/dist/Slider/Slider.types.js +2 -0
  163. package/dist/Slider/Slider.types.js.map +1 -0
  164. package/dist/Slider/index.js +2 -0
  165. package/dist/Slider/index.js.map +1 -0
  166. package/dist/Tabs/Tabs.js +22 -0
  167. package/dist/Tabs/Tabs.js.map +1 -0
  168. package/dist/Tabs/Tabs.stories.js +91 -0
  169. package/dist/Tabs/Tabs.stories.js.map +1 -0
  170. package/dist/Tabs/Tabs.test.js +91 -0
  171. package/dist/Tabs/Tabs.test.js.map +1 -0
  172. package/dist/Tabs/Tabs.types.js +2 -0
  173. package/dist/Tabs/Tabs.types.js.map +1 -0
  174. package/dist/Tabs/index.js +2 -0
  175. package/dist/Tabs/index.js.map +1 -0
  176. package/dist/TextArea/TextArea.js +25 -0
  177. package/dist/TextArea/TextArea.js.map +1 -0
  178. package/dist/TextArea/TextArea.stories.js +46 -0
  179. package/dist/TextArea/TextArea.stories.js.map +1 -0
  180. package/dist/TextArea/TextArea.test.js +68 -0
  181. package/dist/TextArea/TextArea.test.js.map +1 -0
  182. package/dist/TextArea/TextArea.types.js +2 -0
  183. package/dist/TextArea/TextArea.types.js.map +1 -0
  184. package/dist/TextArea/index.js +2 -0
  185. package/dist/TextArea/index.js.map +1 -0
  186. package/dist/TextField/TextField.js +79 -0
  187. package/dist/TextField/TextField.js.map +1 -0
  188. package/dist/TextField/TextField.stories.js +70 -0
  189. package/dist/TextField/TextField.stories.js.map +1 -0
  190. package/dist/TextField/TextField.test.js +39 -0
  191. package/dist/TextField/TextField.test.js.map +1 -0
  192. package/dist/TextField/TextField.types.js +2 -0
  193. package/dist/TextField/TextField.types.js.map +1 -0
  194. package/dist/TextField/index.js +2 -0
  195. package/dist/TextField/index.js.map +1 -0
  196. package/dist/ToolbarButton/ToolbarButton.js +75 -0
  197. package/dist/ToolbarButton/ToolbarButton.js.map +1 -0
  198. package/dist/ToolbarButton/ToolbarButton.stories.js +94 -0
  199. package/dist/ToolbarButton/ToolbarButton.stories.js.map +1 -0
  200. package/dist/ToolbarButton/ToolbarButton.test.js +93 -0
  201. package/dist/ToolbarButton/ToolbarButton.test.js.map +1 -0
  202. package/dist/ToolbarButton/ToolbarButton.types.js +2 -0
  203. package/dist/ToolbarButton/ToolbarButton.types.js.map +1 -0
  204. package/dist/ToolbarButton/index.js +2 -0
  205. package/dist/ToolbarButton/index.js.map +1 -0
  206. package/dist/Tooltip/QTip.stories.js +45 -0
  207. package/dist/Tooltip/QTip.stories.js.map +1 -0
  208. package/dist/Tooltip/QTip.types.js +2 -0
  209. package/dist/Tooltip/QTip.types.js.map +1 -0
  210. package/dist/Tooltip/QTipPerformance.stories.js +30 -0
  211. package/dist/Tooltip/QTipPerformance.stories.js.map +1 -0
  212. package/dist/Tooltip/Qtip.js +168 -0
  213. package/dist/Tooltip/Qtip.js.map +1 -0
  214. package/dist/Tooltip/Tooltip.js +36 -0
  215. package/dist/Tooltip/Tooltip.js.map +1 -0
  216. package/dist/Tooltip/Tooltip.stories.js +32 -0
  217. package/dist/Tooltip/Tooltip.stories.js.map +1 -0
  218. package/dist/Tooltip/Tooltip.types.js +3 -0
  219. package/dist/Tooltip/Tooltip.types.js.map +1 -0
  220. package/dist/Tooltip/TooltipPerformance.stories.js +30 -0
  221. package/dist/Tooltip/TooltipPerformance.stories.js.map +1 -0
  222. package/dist/Tooltip/index.js +3 -0
  223. package/dist/Tooltip/index.js.map +1 -0
  224. package/dist/Tooltip/qTip.utilities.js +11 -0
  225. package/dist/Tooltip/qTip.utilities.js.map +1 -0
  226. package/dist/example/.eslintrc.cjs +14 -14
  227. package/dist/example/README.md +33 -33
  228. package/dist/example/index.html +13 -13
  229. package/dist/example/package.json +30 -30
  230. package/dist/example/src/ComplexSelectExample.tsx +81 -81
  231. package/dist/example/src/Example.tsx +408 -408
  232. package/dist/example/src/index.css +102 -102
  233. package/dist/example/src/main.tsx +10 -10
  234. package/dist/example/src/vite-env.d.ts +1 -1
  235. package/dist/example/tsconfig.json +33 -33
  236. package/dist/example/tsconfig.node.json +12 -12
  237. package/dist/example/vite.config.ts +12 -12
  238. package/dist/index.esm.js +12 -12
  239. package/dist/index.esm.js.map +1 -1
  240. package/dist/index.js +12 -12
  241. package/dist/index.js.map +1 -1
  242. package/dist/styles.css +3709 -3705
  243. package/dist/types.js +2 -0
  244. package/dist/types.js.map +1 -0
  245. package/dist/utils/browserId.js +29 -0
  246. package/dist/utils/browserId.js.map +1 -0
  247. package/dist/utils/svg.js +20 -0
  248. package/dist/utils/svg.js.map +1 -0
  249. package/dist/utils/validateStyleDimension.js +14 -0
  250. package/dist/utils/validateStyleDimension.js.map +1 -0
  251. package/dist/utils/validateStyleDimension.test.js +20 -0
  252. package/dist/utils/validateStyleDimension.test.js.map +1 -0
  253. package/package.json +86 -86
package/dist/types.js ADDED
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,29 @@
1
+ /**
2
+ * @exports the browser id (i.e., 'IE 11' 'Chrome 90')
3
+ * @see http://stackoverflow.com/questions/2400935/browser-detection-in-javascript
4
+ */
5
+ export const browserId = (function () {
6
+ let tem;
7
+ const ua = navigator.userAgent;
8
+ let M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
9
+ if (/trident/i.test(M[1])) {
10
+ tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
11
+ return `IE ${tem[1] || ''}`;
12
+ }
13
+ if (M[1] === 'Chrome') {
14
+ tem = ua.match(/\b(OPR|Edge?)\/(\d+)/);
15
+ if (tem !== null) {
16
+ return tem.slice(1).join(' ').replace('OPR', 'Opera').replace('Edg ', 'Edge ');
17
+ }
18
+ }
19
+ M = M[2] ? [M[1], M[2]] : [navigator.appName, navigator.appVersion, '-?'];
20
+ if ((tem = ua.match(/version\/(\d+)/i)) !== null) {
21
+ M.splice(1, 1, tem[1]);
22
+ }
23
+ return M.join(' ');
24
+ })();
25
+ export const browserName = browserId && browserId.split(' ', 2)[0];
26
+ export const browserVersion = browserId && parseInt(browserId.split(' ', 2)[1], 10);
27
+ export const browserIsFirefox = browserId && browserName === 'Firefox';
28
+ export const browserIsEdgeBeforeChromium = browserName && browserVersion && browserName === 'Edge' && browserVersion < 70;
29
+ //# sourceMappingURL=browserId.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"browserId.js","sourceRoot":"","sources":["../../src/utils/browserId.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAW,CAAC;IAChC,IAAI,GAAG,CAAC;IACR,MAAM,EAAE,GAAG,SAAS,CAAC,SAAS,CAAC;IAC/B,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,8DAA8D,CAAC,IAAI,EAAE,CAAC;IACvF,IAAI,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;QACzB,GAAG,GAAG,iBAAiB,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC;QACvC,OAAO,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC;KAC7B;IAED,IAAI,CAAC,CAAC,CAAC,CAAC,KAAK,QAAQ,EAAE;QACrB,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;QACvC,IAAI,GAAG,KAAK,IAAI,EAAE;YAChB,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC,OAAO,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;SAChF;KACF;IAED,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,SAAS,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAC1E,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC,KAAK,IAAI,EAAE;QAChD,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;KACxB;IAED,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACrB,CAAC,CAAC,EAAE,CAAC;AACL,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,IAAI,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AACnE,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,IAAI,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;AACpF,MAAM,CAAC,MAAM,gBAAgB,GAAG,SAAS,IAAI,WAAW,KAAK,SAAS,CAAC;AACvE,MAAM,CAAC,MAAM,2BAA2B,GACtC,WAAW,IAAI,cAAc,IAAI,WAAW,KAAK,MAAM,IAAI,cAAc,GAAG,EAAE,CAAC"}
@@ -0,0 +1,20 @@
1
+ export const SVG_PATH = 'svgpath:';
2
+ /**
3
+ * Determines if an icon is SVG
4
+ *
5
+ * @param icon - an icon string that will either be an icon class or an SVG path definition (e.g. "fa fa-wrench" or
6
+ * "svgpath:M 17.0181 0 ...")
7
+ */
8
+ export function isSvgIcon(icon) {
9
+ return icon.startsWith(SVG_PATH);
10
+ }
11
+ /**
12
+ * Retrieves the SVG path from an SVG icon
13
+ *
14
+ * @param icon - an SVG icon string including path definition (e.g. "svgpath:M 17.0181 0 ...")
15
+ * @returns the SVG icon path or an empty string if the supplied icon is not SVG
16
+ */
17
+ export function getSvgIconPath(icon) {
18
+ return isSvgIcon(icon) ? icon.substring(SVG_PATH.length) : '';
19
+ }
20
+ //# sourceMappingURL=svg.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"svg.js","sourceRoot":"","sources":["../../src/utils/svg.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAAC;AAEnC;;;;;GAKG;AACH,MAAM,UAAU,SAAS,CAAC,IAAY;IACpC,OAAO,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AACnC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;AAChE,CAAC"}
@@ -0,0 +1,14 @@
1
+ export const setValidInputDimension = (width, height) => {
2
+ let inputStyle;
3
+ if (typeof width === 'number' && width > 0) {
4
+ inputStyle = {
5
+ width: `${width}px`,
6
+ };
7
+ }
8
+ if (typeof height === 'number' && height > 0) {
9
+ inputStyle = inputStyle || {};
10
+ inputStyle['height'] = `${height}px`;
11
+ }
12
+ return inputStyle;
13
+ };
14
+ //# sourceMappingURL=validateStyleDimension.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"validateStyleDimension.js","sourceRoot":"","sources":["../../src/utils/validateStyleDimension.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,KAAc,EAAE,MAAe,EAA8B,EAAE;IACpG,IAAI,UAAsC,CAAC;IAC3C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,GAAG,CAAC,EAAE;QAC1C,UAAU,GAAG;YACX,KAAK,EAAE,GAAG,KAAK,IAAI;SACpB,CAAC;KACH;IACD,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,GAAG,CAAC,EAAE;QAC5C,UAAU,GAAG,UAAU,IAAI,EAAE,CAAC;QAC9B,UAAU,CAAC,QAAQ,CAAC,GAAG,GAAG,MAAM,IAAI,CAAC;KACtC;IACD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC"}
@@ -0,0 +1,20 @@
1
+ import { setValidInputDimension } from './validateStyleDimension';
2
+ describe('setValidInputDimension', () => {
3
+ it('returns undefined if both width and height are undefined', () => {
4
+ const result = setValidInputDimension();
5
+ expect(result).toBeUndefined();
6
+ });
7
+ it('returns a DimensionStyle object with width if width is a valid number', () => {
8
+ const result = setValidInputDimension(300);
9
+ expect(result).toEqual({ width: '300px' });
10
+ });
11
+ it('returns a DimensionStyle object with height if height is a valid number', () => {
12
+ const result = setValidInputDimension(undefined, 400);
13
+ expect(result).toEqual({ height: '400px' });
14
+ });
15
+ it('returns a DimensionStyle object with both width and height if both are valid numbers', () => {
16
+ const result = setValidInputDimension(500, 600);
17
+ expect(result).toEqual({ width: '500px', height: '600px' });
18
+ });
19
+ });
20
+ //# sourceMappingURL=validateStyleDimension.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"validateStyleDimension.test.js","sourceRoot":"","sources":["../../src/utils/validateStyleDimension.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAElE,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,0DAA0D,EAAE,GAAG,EAAE;QAClE,MAAM,MAAM,GAAG,sBAAsB,EAAE,CAAC;QACxC,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uEAAuE,EAAE,GAAG,EAAE;QAC/E,MAAM,MAAM,GAAG,sBAAsB,CAAC,GAAG,CAAC,CAAC;QAC3C,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;IAC7C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yEAAyE,EAAE,GAAG,EAAE;QACjF,MAAM,MAAM,GAAG,sBAAsB,CAAC,SAAS,EAAE,GAAG,CAAC,CAAC;QACtD,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sFAAsF,EAAE,GAAG,EAAE;QAC9F,MAAM,MAAM,GAAG,sBAAsB,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;QAChD,MAAM,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,86 +1,86 @@
1
- {
2
- "name": "@seeqdev/qomponents",
3
- "version": "0.0.131",
4
- "main": "dist/index.js",
5
- "module": "dist/index.esm.js",
6
- "types": "dist/index.js",
7
- "skip-lib-check": true,
8
- "files": [
9
- "dist"
10
- ],
11
- "repository": {
12
- "type": "git",
13
- "url": "TOOD"
14
- },
15
- "publishConfig": {
16
- "access": "public"
17
- },
18
- "description": "A library that allows you to build native UIs ... TODO",
19
- "scripts": {
20
- "build": "rollup -c --bundleConfigAsCjs",
21
- "watchRollup": "rollup -c --bundleConfigAsCjs --watch",
22
- "test": "jest",
23
- "test:watch": "jest --watch",
24
- "dev": "ladle serve"
25
- },
26
- "author": "Seeq",
27
- "license": "MIT",
28
- "bugs": {
29
- "url": "TODO"
30
- },
31
- "homepage": "https://seeq12.github.io/qomponents-documentation/",
32
- "peerDependencies": {
33
- "react": ">=17.0.0",
34
- "react-dom": ">=17.0.0"
35
- },
36
- "devDependencies": {
37
- "@ladle/react": "2.9.0",
38
- "@react-types/shared": "3.19.0",
39
- "@rollup/plugin-commonjs": "24.0.1",
40
- "@rollup/plugin-node-resolve": "15.0.1",
41
- "@tailwindcss/forms": "0.5.3",
42
- "@testing-library/jest-dom": "5.16.5",
43
- "@testing-library/react": "14.0.0",
44
- "@testing-library/user-event": "14.4.3",
45
- "@types/dompurify": "^3.0.2",
46
- "@types/jest": "29.4.0",
47
- "@types/react": "18.0.27",
48
- "@types/react-dom": "18.0.11",
49
- "autoprefixer": "10.4.13",
50
- "color": "4.2.3",
51
- "identity-obj-proxy": "3.0.0",
52
- "jest": "29.4.3",
53
- "jest-cli": "29.1.1",
54
- "jest-environment-jsdom": "29.4.3",
55
- "jest-junit": "15.0.0",
56
- "jest-silent-reporter": "0.5.0",
57
- "postcss-import": "15.1.0",
58
- "react": "18.2.0",
59
- "react-dom": "18.2.0",
60
- "rollup": "3.17.2",
61
- "rollup-plugin-copy": "3.4.0",
62
- "rollup-plugin-peer-deps-external": "2.2.4",
63
- "rollup-plugin-postcss": "4.0.2",
64
- "rollup-plugin-typescript2": "0.34.1",
65
- "tailwindcss": "3.2.7",
66
- "ts-jest": "29.0.5",
67
- "ts-node": "10.9.1",
68
- "typescript": "4.9.5",
69
- "typescript-strict-plugin": "2.1.0"
70
- },
71
- "dependencies": {
72
- "@floating-ui/dom": "1.5.1",
73
- "@radix-ui/react-accordion": "1.1.2",
74
- "@radix-ui/react-dialog": "1.0.5",
75
- "@radix-ui/react-dropdown-menu": "2.0.6",
76
- "@radix-ui/react-popover": "1.0.7",
77
- "@radix-ui/react-progress": "1.1.1",
78
- "@radix-ui/react-slider": "1.2.2",
79
- "@radix-ui/react-tabs": "1.0.4",
80
- "@react-spring/web": "9.7.5",
81
- "dompurify": "3.2.3",
82
- "postcss": "8.4.21",
83
- "react-select": "5.7.3",
84
- "rooks": "7.14.1"
85
- }
86
- }
1
+ {
2
+ "name": "@seeqdev/qomponents",
3
+ "version": "0.0.132",
4
+ "main": "dist/index.js",
5
+ "module": "dist/index.esm.js",
6
+ "types": "dist/index.js",
7
+ "skip-lib-check": true,
8
+ "files": [
9
+ "dist"
10
+ ],
11
+ "repository": {
12
+ "type": "git",
13
+ "url": "TOOD"
14
+ },
15
+ "publishConfig": {
16
+ "access": "public"
17
+ },
18
+ "description": "A library that allows you to build native UIs ... TODO",
19
+ "scripts": {
20
+ "build": "rollup -c --bundleConfigAsCjs",
21
+ "watchRollup": "rollup -c --bundleConfigAsCjs --watch",
22
+ "test": "jest",
23
+ "test:watch": "jest --watch",
24
+ "dev": "ladle serve"
25
+ },
26
+ "author": "Seeq",
27
+ "license": "MIT",
28
+ "bugs": {
29
+ "url": "TODO"
30
+ },
31
+ "homepage": "https://seeq12.github.io/qomponents-documentation/",
32
+ "peerDependencies": {
33
+ "react": ">=17.0.0",
34
+ "react-dom": ">=17.0.0"
35
+ },
36
+ "devDependencies": {
37
+ "@ladle/react": "2.9.0",
38
+ "@react-types/shared": "3.19.0",
39
+ "@rollup/plugin-commonjs": "24.0.1",
40
+ "@rollup/plugin-node-resolve": "15.0.1",
41
+ "@tailwindcss/forms": "0.5.3",
42
+ "@testing-library/jest-dom": "5.16.5",
43
+ "@testing-library/react": "14.0.0",
44
+ "@testing-library/user-event": "14.4.3",
45
+ "@types/dompurify": "^3.0.2",
46
+ "@types/jest": "29.4.0",
47
+ "@types/react": "18.0.27",
48
+ "@types/react-dom": "18.0.11",
49
+ "autoprefixer": "10.4.13",
50
+ "color": "4.2.3",
51
+ "identity-obj-proxy": "3.0.0",
52
+ "jest": "29.4.3",
53
+ "jest-cli": "29.1.1",
54
+ "jest-environment-jsdom": "29.4.3",
55
+ "jest-junit": "15.0.0",
56
+ "jest-silent-reporter": "0.5.0",
57
+ "postcss-import": "15.1.0",
58
+ "react": "18.2.0",
59
+ "react-dom": "18.2.0",
60
+ "rollup": "3.17.2",
61
+ "rollup-plugin-copy": "3.4.0",
62
+ "rollup-plugin-peer-deps-external": "2.2.4",
63
+ "rollup-plugin-postcss": "4.0.2",
64
+ "rollup-plugin-typescript2": "0.34.1",
65
+ "tailwindcss": "3.2.7",
66
+ "ts-jest": "29.0.5",
67
+ "ts-node": "10.9.1",
68
+ "typescript": "4.9.5",
69
+ "typescript-strict-plugin": "2.1.0"
70
+ },
71
+ "dependencies": {
72
+ "@floating-ui/dom": "1.5.1",
73
+ "@radix-ui/react-accordion": "1.1.2",
74
+ "@radix-ui/react-dialog": "1.0.5",
75
+ "@radix-ui/react-dropdown-menu": "2.0.6",
76
+ "@radix-ui/react-popover": "1.0.7",
77
+ "@radix-ui/react-progress": "1.1.1",
78
+ "@radix-ui/react-slider": "1.2.2",
79
+ "@radix-ui/react-tabs": "1.0.4",
80
+ "@react-spring/web": "9.7.5",
81
+ "dompurify": "3.2.3",
82
+ "postcss": "8.4.21",
83
+ "react-select": "5.7.3",
84
+ "rooks": "7.14.1"
85
+ }
86
+ }