@mirai/ui 1.1.0-f → 1.1.1

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 (186) hide show
  1. package/README.md +109 -60
  2. package/build/components/Action/Action.js +1 -1
  3. package/build/components/Action/Action.js.map +1 -1
  4. package/build/components/Action/Action.module.css +4 -7
  5. package/build/components/Action/Action.stories.js +1 -1
  6. package/build/components/Action/Action.stories.js.map +1 -1
  7. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +26 -40
  8. package/build/components/Button/Button.module.css +30 -33
  9. package/build/components/Button/Button.stories.js +9 -0
  10. package/build/components/Button/Button.stories.js.map +1 -1
  11. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +21 -30
  12. package/build/components/Calendar/Calendar.Month.js +12 -8
  13. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  14. package/build/components/Calendar/Calendar.Week.js +7 -10
  15. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  16. package/build/components/Calendar/Calendar.js +10 -2
  17. package/build/components/Calendar/Calendar.js.map +1 -1
  18. package/build/components/Calendar/Calendar.module.css +8 -9
  19. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +15768 -15800
  20. package/build/components/Form/Form.constants.js +1 -1
  21. package/build/components/Form/Form.constants.js.map +1 -1
  22. package/build/components/Form/Form.js +3 -1
  23. package/build/components/Form/Form.js.map +1 -1
  24. package/build/components/Form/Form.stories.js +6 -1
  25. package/build/components/Form/Form.stories.js.map +1 -1
  26. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +9 -9
  27. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +42 -42
  28. package/build/components/InputNumber/InputNumber.js +2 -1
  29. package/build/components/InputNumber/InputNumber.js.map +1 -1
  30. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +138 -153
  31. package/build/components/InputOption/InputOption.js +8 -1
  32. package/build/components/InputOption/InputOption.js.map +1 -1
  33. package/build/components/InputOption/InputOption.module.css +13 -2
  34. package/build/components/InputOption/InputOption.stories.js +2 -1
  35. package/build/components/InputOption/InputOption.stories.js.map +1 -1
  36. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +96 -90
  37. package/build/components/InputPhone/InputPhone.js +23 -20
  38. package/build/components/InputPhone/InputPhone.js.map +1 -1
  39. package/build/components/InputPhone/InputPhone.module.css +19 -6
  40. package/build/components/InputPhone/InputPhone.stories.js +3 -3
  41. package/build/components/InputPhone/InputPhone.stories.js.map +1 -1
  42. package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +410 -410
  43. package/build/components/InputPhone/helpers/index.js +11 -0
  44. package/build/components/InputPhone/helpers/index.js.map +1 -1
  45. package/build/components/InputPhone/helpers/sanitizePrefixes.js +24 -0
  46. package/build/components/InputPhone/helpers/sanitizePrefixes.js.map +1 -0
  47. package/build/components/InputSelect/InputSelect.js +3 -5
  48. package/build/components/InputSelect/InputSelect.js.map +1 -1
  49. package/build/components/InputSelect/InputSelect.stories.js +1 -0
  50. package/build/components/InputSelect/InputSelect.stories.js.map +1 -1
  51. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +136 -136
  52. package/build/components/InputSelect/partials/InputSelect.Expand.js +23 -0
  53. package/build/components/InputSelect/partials/InputSelect.Expand.js.map +1 -0
  54. package/build/components/InputSelect/partials/index.js +17 -0
  55. package/build/components/InputSelect/partials/index.js.map +1 -0
  56. package/build/components/InputText/InputText.js +6 -4
  57. package/build/components/InputText/InputText.js.map +1 -1
  58. package/build/components/InputText/InputText.module.css +18 -6
  59. package/build/components/InputText/InputText.stories.js +7 -2
  60. package/build/components/InputText/InputText.stories.js.map +1 -1
  61. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +142 -143
  62. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +72 -70
  63. package/build/components/Modal/Modal.js +15 -8
  64. package/build/components/Modal/Modal.js.map +1 -1
  65. package/build/components/Modal/Modal.module.css +30 -14
  66. package/build/components/Modal/Modal.stories.js +1 -0
  67. package/build/components/Modal/Modal.stories.js.map +1 -1
  68. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +92 -98
  69. package/build/components/Notification/Notification.js +20 -12
  70. package/build/components/Notification/Notification.js.map +1 -1
  71. package/build/components/Notification/Notification.module.css +44 -58
  72. package/build/components/Notification/Notification.stories.js +15 -2
  73. package/build/components/Notification/Notification.stories.js.map +1 -1
  74. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +600 -254
  75. package/build/components/Progress/Progress.js +2 -0
  76. package/build/components/Progress/Progress.js.map +1 -1
  77. package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +18 -18
  78. package/build/components/Slider/Slider.constants.js +3 -1
  79. package/build/components/Slider/Slider.constants.js.map +1 -1
  80. package/build/components/Slider/Slider.js +67 -66
  81. package/build/components/Slider/Slider.js.map +1 -1
  82. package/build/components/Slider/Slider.module.css +55 -52
  83. package/build/components/Slider/Slider.stories.js +9 -6
  84. package/build/components/Slider/Slider.stories.js.map +1 -1
  85. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +714 -333
  86. package/build/components/Table/Table.ColumnFilter.js +17 -14
  87. package/build/components/Table/Table.ColumnFilter.js.map +1 -1
  88. package/build/components/Table/Table.Row.js +2 -1
  89. package/build/components/Table/Table.Row.js.map +1 -1
  90. package/build/components/Table/Table.constants.js +3 -1
  91. package/build/components/Table/Table.constants.js.map +1 -1
  92. package/build/components/Table/Table.js +54 -17
  93. package/build/components/Table/Table.js.map +1 -1
  94. package/build/components/Table/Table.module.css +12 -6
  95. package/build/components/Table/Table.stories.js +39 -19
  96. package/build/components/Table/Table.stories.js.map +1 -1
  97. package/build/components/Table/Table.stories.module.css +4 -5
  98. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +221 -240
  99. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +1725 -1085
  100. package/build/components/Table/helpers/exists.js +2 -3
  101. package/build/components/Table/helpers/exists.js.map +1 -1
  102. package/build/components/Table/helpers/select.js +24 -16
  103. package/build/components/Table/helpers/select.js.map +1 -1
  104. package/build/components/Tooltip/Tooltip.js +29 -6
  105. package/build/components/Tooltip/Tooltip.js.map +1 -1
  106. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +51 -44
  107. package/build/components/index.js +11 -0
  108. package/build/components/index.js.map +1 -1
  109. package/build/helpers/getInputPhoneErrors.js +3 -2
  110. package/build/helpers/getInputPhoneErrors.js.map +1 -1
  111. package/build/hooks/useDevice.js +1 -1
  112. package/build/hooks/useDevice.js.map +1 -1
  113. package/build/primitives/Checkbox/Checkbox.js +4 -3
  114. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  115. package/build/primitives/Checkbox/Checkbox.module.css +42 -6
  116. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +47 -16
  117. package/build/primitives/Icon/Icon.constants.js +43 -21
  118. package/build/primitives/Icon/Icon.constants.js.map +1 -1
  119. package/build/primitives/Icon/Icon.js +15 -5
  120. package/build/primitives/Icon/Icon.js.map +1 -1
  121. package/build/primitives/Icon/Icon.module.css +32 -19
  122. package/build/primitives/Icon/Icon.stories.js +5 -0
  123. package/build/primitives/Icon/Icon.stories.js.map +1 -1
  124. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +291 -100
  125. package/build/primitives/Input/Input.js +9 -3
  126. package/build/primitives/Input/Input.js.map +1 -1
  127. package/build/primitives/Input/Input.stories.js +2 -0
  128. package/build/primitives/Input/Input.stories.js.map +1 -1
  129. package/build/primitives/Input/__tests__/__snapshots__/Input.test.js.snap +22 -0
  130. package/build/primitives/Layer/Layer.js +11 -5
  131. package/build/primitives/Layer/Layer.js.map +1 -1
  132. package/build/primitives/Layer/Layer.module.css +4 -0
  133. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +78 -42
  134. package/build/primitives/Layer/helpers/index.js +11 -0
  135. package/build/primitives/Layer/helpers/index.js.map +1 -1
  136. package/build/primitives/Layer/helpers/isComponentFixed.js +32 -0
  137. package/build/primitives/Layer/helpers/isComponentFixed.js.map +1 -0
  138. package/build/primitives/Pressable/Pressable.constants.js +1 -1
  139. package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
  140. package/build/primitives/Pressable/Pressable.js +3 -7
  141. package/build/primitives/Pressable/Pressable.js.map +1 -1
  142. package/build/primitives/Pressable/Pressable.module.css +0 -1
  143. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +10 -14
  144. package/build/primitives/Primitive/Primitive.js +2 -2
  145. package/build/primitives/Primitive/Primitive.js.map +1 -1
  146. package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +7 -7
  147. package/build/primitives/Primitive/helpers/index.js +0 -11
  148. package/build/primitives/Primitive/helpers/index.js.map +1 -1
  149. package/build/primitives/Radio/Radio.js +1 -1
  150. package/build/primitives/Radio/Radio.js.map +1 -1
  151. package/build/primitives/Radio/Radio.module.css +18 -2
  152. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +21 -21
  153. package/build/primitives/ScrollView/ScrollView.js +1 -1
  154. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  155. package/build/primitives/ScrollView/ScrollView.module.css +1 -0
  156. package/build/primitives/ScrollView/ScrollView.stories.js +5 -6
  157. package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
  158. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +20 -20
  159. package/build/primitives/Select/Select.js +13 -6
  160. package/build/primitives/Select/Select.js.map +1 -1
  161. package/build/primitives/Select/Select.stories.js +1 -0
  162. package/build/primitives/Select/Select.stories.js.map +1 -1
  163. package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap +36 -0
  164. package/build/primitives/Switch/Switch.js +5 -3
  165. package/build/primitives/Switch/Switch.js.map +1 -1
  166. package/build/primitives/Switch/Switch.module.css +36 -8
  167. package/build/primitives/Switch/Switch.stories.js +1 -0
  168. package/build/primitives/Switch/Switch.stories.js.map +1 -1
  169. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +88 -25
  170. package/build/primitives/Text/Text.js +12 -5
  171. package/build/primitives/Text/Text.js.map +1 -1
  172. package/build/primitives/Text/Text.module.css +29 -14
  173. package/build/primitives/Text/Text.stories.js +4 -0
  174. package/build/primitives/Text/Text.stories.js.map +1 -1
  175. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +78 -38
  176. package/build/primitives/View/View.js +1 -1
  177. package/build/primitives/View/View.js.map +1 -1
  178. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +10 -10
  179. package/build/theme/default.theme.css +54 -53
  180. package/build/theme/theme.constants.js +3 -1
  181. package/build/theme/theme.constants.js.map +1 -1
  182. package/build/theme/theme.js +34 -11
  183. package/build/theme/theme.js.map +1 -1
  184. package/package.json +4 -5
  185. package/build/primitives/Primitive/helpers/getTag.js +0 -33
  186. package/build/primitives/Primitive/helpers/getTag.js.map +0 -1
@@ -24,9 +24,8 @@ var reduce = function reduce() {
24
24
  };
25
25
  var exists = function exists(row) {
26
26
  var values = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
27
- var reducedRow = reduce(row);
28
- return !!values.find(function (item) {
29
- return reduce(item) === reducedRow;
27
+ return row && row.id ? values.includes(row.id) : !!values.find(function (item) {
28
+ return reduce(item) === reduce(row);
30
29
  });
31
30
  };
32
31
  exports.exists = exists;
@@ -1 +1 @@
1
- {"version":3,"file":"exists.js","names":["TYPES","reduce","row","JSON","stringify","Object","entries","result","key","value","includes","exists","values","reducedRow","find","item"],"sources":["../../../../src/components/Table/helpers/exists.js"],"sourcesContent":["const TYPES = ['string', 'number'];\n\nconst reduce = (row = {}) =>\n JSON.stringify(\n Object.entries(row).reduce((result, [key, value]) => {\n if (TYPES.includes(typeof value)) result[key] = value;\n\n return result;\n }, {}),\n );\n\nexport const exists = (row, values = []) => {\n const reducedRow = reduce(row);\n\n return !!values.find((item) => reduce(item) === reducedRow);\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAElC,IAAMC,MAAM,GAAG,SAATA,MAAM;EAAA,IAAIC,GAAG,uEAAG,CAAC,CAAC;EAAA,OACtBC,IAAI,CAACC,SAAS,CACZC,MAAM,CAACC,OAAO,CAACJ,GAAG,CAAC,CAACD,MAAM,CAAC,UAACM,MAAM,QAAmB;IAAA;MAAhBC,GAAG;MAAEC,KAAK;IAC7C,IAAIT,KAAK,CAACU,QAAQ,SAAQD,KAAK,EAAC,EAAEF,MAAM,CAACC,GAAG,CAAC,GAAGC,KAAK;IAErD,OAAOF,MAAM;EACf,CAAC,EAAE,CAAC,CAAC,CAAC,CACP;AAAA;AAEI,IAAMI,MAAM,GAAG,SAATA,MAAM,CAAIT,GAAG,EAAkB;EAAA,IAAhBU,MAAM,uEAAG,EAAE;EACrC,IAAMC,UAAU,GAAGZ,MAAM,CAACC,GAAG,CAAC;EAE9B,OAAO,CAAC,CAACU,MAAM,CAACE,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKd,MAAM,CAACc,IAAI,CAAC,KAAKF,UAAU;EAAA,EAAC;AAC7D,CAAC;AAAC"}
1
+ {"version":3,"file":"exists.js","names":["TYPES","reduce","row","JSON","stringify","Object","entries","result","key","value","includes","exists","values","id","find","item"],"sources":["../../../../src/components/Table/helpers/exists.js"],"sourcesContent":["const TYPES = ['string', 'number'];\n\nconst reduce = (row = {}) =>\n JSON.stringify(\n Object.entries(row).reduce((result, [key, value]) => {\n if (TYPES.includes(typeof value)) result[key] = value;\n\n return result;\n }, {}),\n );\n\nexport const exists = (row, values = []) => {\n return row && row.id ? values.includes(row.id) : !!values.find((item) => reduce(item) === reduce(row));\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,KAAK,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAElC,IAAMC,MAAM,GAAG,SAATA,MAAM;EAAA,IAAIC,GAAG,uEAAG,CAAC,CAAC;EAAA,OACtBC,IAAI,CAACC,SAAS,CACZC,MAAM,CAACC,OAAO,CAACJ,GAAG,CAAC,CAACD,MAAM,CAAC,UAACM,MAAM,QAAmB;IAAA;MAAhBC,GAAG;MAAEC,KAAK;IAC7C,IAAIT,KAAK,CAACU,QAAQ,SAAQD,KAAK,EAAC,EAAEF,MAAM,CAACC,GAAG,CAAC,GAAGC,KAAK;IAErD,OAAOF,MAAM;EACf,CAAC,EAAE,CAAC,CAAC,CAAC,CACP;AAAA;AAEI,IAAMI,MAAM,GAAG,SAATA,MAAM,CAAIT,GAAG,EAAkB;EAAA,IAAhBU,MAAM,uEAAG,EAAE;EACrC,OAAOV,GAAG,IAAIA,GAAG,CAACW,EAAE,GAAGD,MAAM,CAACF,QAAQ,CAACR,GAAG,CAACW,EAAE,CAAC,GAAG,CAAC,CAACD,MAAM,CAACE,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKd,MAAM,CAACc,IAAI,CAAC,KAAKd,MAAM,CAACC,GAAG,CAAC;EAAA,EAAC;AACxG,CAAC;AAAC"}
@@ -22,15 +22,21 @@ var select = function select() {
22
22
  dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
23
23
  _ref$filter = _ref.filter,
24
24
  filter = _ref$filter === void 0 ? [] : _ref$filter,
25
+ limit = _ref.limit,
25
26
  _ref$schema = _ref.schema,
26
27
  schema = _ref$schema === void 0 ? {} : _ref$schema,
27
28
  search = _ref.search,
28
29
  _ref$sort = _ref.sort,
29
30
  sort = _ref$sort === void 0 ? {} : _ref$sort;
31
+ var has = {
32
+ filter: (filter === null || filter === void 0 ? void 0 : filter.length) > 0,
33
+ search: !!search,
34
+ sort: Object.keys(sort).length > 0
35
+ };
36
+ var fields = Object.keys(schema);
30
37
  var flatten = _toConsumableArray(dataSource);
31
38
  var values = [];
32
- var fields = Object.keys(schema);
33
- if ((filter === null || filter === void 0 ? void 0 : filter.length) > 0) {
39
+ if (has.filter) {
34
40
  var filterGrouped = _toConsumableArray(filter).filter(function (_ref2) {
35
41
  var field = _ref2.field;
36
42
  return fields.includes(field);
@@ -60,10 +66,10 @@ var select = function select() {
60
66
  filterValues = _ref4$values === void 0 ? [] : _ref4$values;
61
67
  var fieldKey = schema[field].bind || field;
62
68
  var type = schema[fieldKey].type;
63
- var fieldValue = row[fieldKey];
69
+ var fieldValue = typeof row[fieldKey] === 'string' ? row[fieldKey].toLowerCase() : row[fieldKey];
64
70
  if (type === 'boolean') fieldValue = fieldValue ? 'true' : 'false';else if (type !== 'options' && Array.isArray(fieldValue)) fieldValue = (_fieldValue$join = fieldValue.join(' ')) === null || _fieldValue$join === void 0 ? void 0 : _fieldValue$join.toLowerCase();
65
71
  if (fieldValue === undefined) return false;
66
- return filterValue && type !== 'options' ? !Array.isArray(filterValue) ? fieldValue.toLowerCase().includes(filterValue.toLowerCase()) : filterValue.some(function (item) {
72
+ return filterValue && type !== 'options' ? !Array.isArray(filterValue) ? fieldValue.includes(filterValue.toLowerCase()) : filterValue.some(function (item) {
67
73
  return fieldValue.includes(item.toLowerCase());
68
74
  }) : type === 'number' ? fieldValue >= (min || -Infinity) && fieldValue <= (max || Infinity) : type === 'options' ? filterValues.flat().some(function (item) {
69
75
  return Array.isArray(fieldValue) ? fieldValue.includes(item) : fieldValue === item;
@@ -71,7 +77,7 @@ var select = function select() {
71
77
  });
72
78
  });
73
79
  }
74
- if (search) {
80
+ if (has.search) {
75
81
  flatten.forEach(function (row, index) {
76
82
  var rowValues = Object.keys(row).filter(function (key) {
77
83
  var _schema$key, _schema$key2;
@@ -84,18 +90,20 @@ var select = function select() {
84
90
  } else {
85
91
  values = _toConsumableArray(flatten);
86
92
  }
87
- Object.keys(sort).forEach(function (key) {
88
- var fieldKey = schema[key].bind || key;
89
- var order = sort[key] ? 1 : -1;
90
- values.sort(function () {
91
- var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
92
- a = _ref5[fieldKey];
93
- var _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
94
- b = _ref6[fieldKey];
95
- return (a === undefined || a < b ? -1 : b === undefined || a > b ? 1 : 0) * order;
93
+ if (has.sort) {
94
+ Object.keys(sort).forEach(function (key) {
95
+ var fieldKey = schema[key].bind || key;
96
+ var order = sort[key] ? 1 : -1;
97
+ values.sort(function () {
98
+ var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
99
+ a = _ref5[fieldKey];
100
+ var _ref6 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
101
+ b = _ref6[fieldKey];
102
+ return (a === undefined || a < b ? -1 : b === undefined || a > b ? 1 : 0) * order;
103
+ });
96
104
  });
97
- });
98
- return values;
105
+ }
106
+ return limit ? values.slice(0, limit) : values;
99
107
  };
100
108
  exports.select = select;
101
109
  //# sourceMappingURL=select.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","names":["select","dataSource","filter","schema","search","sort","flatten","values","fields","Object","keys","length","filterGrouped","field","includes","reduce","group","item","itemFound","find","value","Array","isArray","push","row","every","max","min","filterValue","filterValues","fieldKey","bind","type","fieldValue","join","toLowerCase","undefined","some","Infinity","flat","forEach","index","rowValues","key","map","JSON","stringify","order","a","b"],"sources":["../../../../src/components/Table/helpers/select.js"],"sourcesContent":["export const select = ({ dataSource = [], filter = [], schema = {}, search, sort = {} } = {}) => {\n let flatten = [...dataSource];\n let values = [];\n\n const fields = Object.keys(schema);\n\n if (filter?.length > 0) {\n const filterGrouped = [...filter]\n .filter(({ field }) => fields.includes(field))\n .reduce((group, item = {}) => {\n const itemFound = group.find(({ field }) => item.field === field);\n\n if (itemFound && item.value) {\n if (!Array.isArray(itemFound.value)) itemFound.value = [itemFound.value];\n itemFound.value.push(item.value);\n } else {\n group.push({ ...item });\n }\n\n return group;\n }, []);\n\n flatten = flatten.filter((row = {}) =>\n filterGrouped.every(({ field, max, min, value: filterValue, values: filterValues = [] }) => {\n const fieldKey = schema[field].bind || field;\n const { type } = schema[fieldKey];\n let fieldValue = row[fieldKey];\n\n if (type === 'boolean') fieldValue = fieldValue ? 'true' : 'false';\n else if (type !== 'options' && Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ')?.toLowerCase();\n\n if (fieldValue === undefined) return false;\n\n return filterValue && type !== 'options'\n ? !Array.isArray(filterValue)\n ? fieldValue.toLowerCase().includes(filterValue.toLowerCase())\n : filterValue.some((item) => fieldValue.includes(item.toLowerCase()))\n : type === 'number'\n ? fieldValue >= (min || -Infinity) && fieldValue <= (max || Infinity)\n : type === 'options'\n ? filterValues\n .flat()\n .some((item) => (Array.isArray(fieldValue) ? fieldValue.includes(item) : fieldValue === item))\n : false;\n }),\n );\n }\n\n if (search) {\n flatten.forEach((row, index) => {\n const rowValues = Object.keys(row)\n .filter((key) => !schema[key]?.bind && schema[key]?.type !== 'component')\n .map((key) => row[key]);\n\n if (JSON.stringify(rowValues).toLowerCase().includes(search.toLowerCase())) values.push(flatten[index]);\n });\n } else {\n values = [...flatten];\n }\n\n Object.keys(sort).forEach((key) => {\n const fieldKey = schema[key].bind || key;\n const order = sort[key] ? 1 : -1;\n\n values.sort(\n ({ [fieldKey]: a } = {}, { [fieldKey]: b } = {}) =>\n (a === undefined || a < b ? -1 : b === undefined || a > b ? 1 : 0) * order,\n );\n });\n\n return values;\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"select.js","names":["select","dataSource","filter","limit","schema","search","sort","has","length","Object","keys","fields","flatten","values","filterGrouped","field","includes","reduce","group","item","itemFound","find","value","Array","isArray","push","row","every","max","min","filterValue","filterValues","fieldKey","bind","type","fieldValue","toLowerCase","join","undefined","some","Infinity","flat","forEach","index","rowValues","key","map","JSON","stringify","order","a","b","slice"],"sources":["../../../../src/components/Table/helpers/select.js"],"sourcesContent":["export const select = ({ dataSource = [], filter = [], limit, schema = {}, search, sort = {} } = {}) => {\n const has = { filter: filter?.length > 0, search: !!search, sort: Object.keys(sort).length > 0 };\n const fields = Object.keys(schema);\n let flatten = [...dataSource];\n let values = [];\n\n if (has.filter) {\n const filterGrouped = [...filter]\n .filter(({ field }) => fields.includes(field))\n .reduce((group, item = {}) => {\n const itemFound = group.find(({ field }) => item.field === field);\n\n if (itemFound && item.value) {\n if (!Array.isArray(itemFound.value)) itemFound.value = [itemFound.value];\n itemFound.value.push(item.value);\n } else {\n group.push({ ...item });\n }\n\n return group;\n }, []);\n\n flatten = flatten.filter((row = {}) =>\n filterGrouped.every(({ field, max, min, value: filterValue, values: filterValues = [] }) => {\n const fieldKey = schema[field].bind || field;\n const { type } = schema[fieldKey];\n let fieldValue = typeof row[fieldKey] === 'string' ? row[fieldKey].toLowerCase() : row[fieldKey];\n\n if (type === 'boolean') fieldValue = fieldValue ? 'true' : 'false';\n else if (type !== 'options' && Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ')?.toLowerCase();\n\n if (fieldValue === undefined) return false;\n\n return filterValue && type !== 'options'\n ? !Array.isArray(filterValue)\n ? fieldValue.includes(filterValue.toLowerCase())\n : filterValue.some((item) => fieldValue.includes(item.toLowerCase()))\n : type === 'number'\n ? fieldValue >= (min || -Infinity) && fieldValue <= (max || Infinity)\n : type === 'options'\n ? filterValues\n .flat()\n .some((item) => (Array.isArray(fieldValue) ? fieldValue.includes(item) : fieldValue === item))\n : false;\n }),\n );\n }\n\n if (has.search) {\n flatten.forEach((row, index) => {\n const rowValues = Object.keys(row)\n .filter((key) => !schema[key]?.bind && schema[key]?.type !== 'component')\n .map((key) => row[key]);\n\n if (JSON.stringify(rowValues).toLowerCase().includes(search.toLowerCase())) values.push(flatten[index]);\n });\n } else {\n values = [...flatten];\n }\n\n if (has.sort) {\n Object.keys(sort).forEach((key) => {\n const fieldKey = schema[key].bind || key;\n const order = sort[key] ? 1 : -1;\n\n values.sort(\n ({ [fieldKey]: a } = {}, { [fieldKey]: b } = {}) =>\n (a === undefined || a < b ? -1 : b === undefined || a > b ? 1 : 0) * order,\n );\n });\n }\n\n return limit ? values.slice(0, limit) : values;\n};\n"],"mappings":"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"}
@@ -51,6 +51,8 @@ var Tooltip = function Tooltip(_ref) {
51
51
  _useState4 = _slicedToArray(_useState3, 2),
52
52
  position = _useState4[0],
53
53
  setPosition = _useState4[1];
54
+ var contentRef = (0, _react.useRef)();
55
+ var ref = (0, _react.useRef)();
54
56
  var fixed = inherit.fixed,
55
57
  _inherit$role = inherit.role,
56
58
  role = _inherit$role === void 0 ? 'tooltip' : _inherit$role,
@@ -60,6 +62,21 @@ var Tooltip = function Tooltip(_ref) {
60
62
  right = position.right,
61
63
  _position$top = position.top,
62
64
  top = _position$top === void 0 ? propTop : _position$top;
65
+ (0, _react.useEffect)(function () {
66
+ if (!pressable || !visible) return;
67
+ var handleClickOutside = function handleClickOutside() {
68
+ var _contentRef$current, _ref$current;
69
+ var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
70
+ target = _ref2.target;
71
+ return !((_contentRef$current = contentRef.current) !== null && _contentRef$current !== void 0 && _contentRef$current.contains(target)) && !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && setVisible(false);
72
+ };
73
+ document.addEventListener('click', handleClickOutside, true);
74
+ return function () {
75
+ return document.removeEventListener('click', handleClickOutside, true);
76
+ };
77
+
78
+ // eslint-disable-next-line react-hooks/exhaustive-deps
79
+ }, [visible]);
63
80
  return text || Template ? /*#__PURE__*/_react.default.createElement(_primitives.Layer, {
64
81
  fixed: fixed,
65
82
  role: role,
@@ -72,20 +89,25 @@ var Tooltip = function Tooltip(_ref) {
72
89
  left: propLeft,
73
90
  right: propRight,
74
91
  onPosition: setPosition
75
- }, _react.default.Children.map(children, function (child, index) {
92
+ }, /*#__PURE__*/_react.default.createElement(pressable ? _primitives.View : _react.default.Fragment, _objectSpread({}, pressable ? {
93
+ ref: ref
94
+ } : undefined), _react.default.Children.map(children, function (child, index) {
76
95
  var _objectSpread2;
77
96
  return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({
78
97
  key: index
79
98
  }, child.props), {}, (_objectSpread2 = {
80
- onClick: pressable ? function () {
81
- return setVisible(!visible);
99
+ onClick: pressable ? function (event) {
100
+ event.stopPropagation();
101
+ setVisible(!visible);
82
102
  } : undefined
83
103
  }, _defineProperty(_objectSpread2, (0, _helpers2.isPressableInstance)(child) ? 'onEnter' : 'onMouseEnter', !pressable ? function () {
84
104
  return setVisible(true);
85
- } : undefined), _defineProperty(_objectSpread2, (0, _helpers2.isPressableInstance)(child) ? 'onLeave' : 'onMouseLeave', function () {
105
+ } : undefined), _defineProperty(_objectSpread2, (0, _helpers2.isPressableInstance)(child) ? 'onLeave' : 'onMouseLeave', !pressable ? function () {
86
106
  return setVisible(false);
87
- }), _defineProperty(_objectSpread2, "className", (0, _helpers.styles)(_TooltipModule.default.dispatcher, child.props.className)), _defineProperty(_objectSpread2, "testId", testId ? "".concat(testId, "-dispatcher") : undefined), _objectSpread2)));
88
- }), /*#__PURE__*/_react.default.createElement(_primitives.LayerContent, null, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
107
+ } : undefined), _defineProperty(_objectSpread2, "className", (0, _helpers.styles)(_TooltipModule.default.dispatcher, child.props.className)), _defineProperty(_objectSpread2, "testId", testId ? "".concat(testId, "-dispatcher") : undefined), _objectSpread2)));
108
+ })), /*#__PURE__*/_react.default.createElement(_primitives.LayerContent, null, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, pressable ? {
109
+ ref: contentRef
110
+ } : undefined, {
89
111
  className: (0, _helpers.styles)(_TooltipModule.default.tooltip, (propLeft || propRight) && _TooltipModule.default.align, left && _TooltipModule.default.left, right && _TooltipModule.default.right, top ? _TooltipModule.default.top : _TooltipModule.default.bottom, others.className)
90
112
  }), Template ? /*#__PURE__*/_react.default.createElement(Template, null) : /*#__PURE__*/_react.default.createElement(_primitives.Text, {
91
113
  bold: true,
@@ -94,6 +116,7 @@ var Tooltip = function Tooltip(_ref) {
94
116
  }, text)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
95
117
  };
96
118
  exports.Tooltip = Tooltip;
119
+ Tooltip.displayName = 'Component:Tooltip';
97
120
  Tooltip.propTypes = {
98
121
  children: _propTypes.default.node.isRequired,
99
122
  left: _propTypes.default.bool,
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","inherit","useState","setVisible","position","setPosition","fixed","role","testId","others","React","Children","map","child","index","cloneElement","key","props","onClick","undefined","isPressableInstance","styles","style","dispatcher","className","tooltip","align","bottom","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\nimport { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n children,\n left: propLeft,\n pressable = false,\n right: propRight,\n Template,\n text,\n timestamp,\n top: propTop,\n visible: propVisible = false,\n ...inherit\n}) => {\n const [visible, setVisible] = useState(propVisible);\n const [position, setPosition] = useState({});\n\n const { fixed, role = 'tooltip', testId, ...others } = inherit;\n const { left, right, top = propTop } = position;\n\n return text || Template ? (\n <Layer\n {...{ fixed, role, testId, timestamp, top, visible }}\n centered\n forceRender={false}\n left={propLeft}\n right={propRight}\n onPosition={setPosition}\n >\n {React.Children.map(children, (child, index) =>\n React.cloneElement(child, {\n key: index,\n ...child.props,\n onClick: pressable ? () => setVisible(!visible) : undefined,\n [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: () => setVisible(false),\n className: styles(style.dispatcher, child.props.className),\n testId: testId ? `${testId}-dispatcher` : undefined,\n }),\n )}\n\n <LayerContent>\n <View\n {...others}\n className={styles(\n style.tooltip,\n (propLeft || propRight) && style.align,\n left && style.left,\n right && style.right,\n top ? style.top : style.bottom,\n others.className,\n )}\n >\n {Template ? (\n <Template />\n ) : (\n <Text bold small className={style.text}>\n {text}\n </Text>\n )}\n </View>\n </LayerContent>\n </Layer>\n ) : (\n <>{children}</>\n );\n};\n\nTooltip.propTypes = {\n children: PropTypes.node.isRequired,\n left: PropTypes.bool,\n pressable: PropTypes.bool,\n right: PropTypes.bool,\n Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n text: PropTypes.string,\n timestamp: PropTypes.number,\n top: PropTypes.bool,\n visible: PropTypes.bool,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}
1
+ {"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","inherit","useState","setVisible","position","setPosition","contentRef","useRef","ref","fixed","role","testId","others","useEffect","handleClickOutside","target","current","contains","document","addEventListener","removeEventListener","React","createElement","View","Fragment","undefined","Children","map","child","index","cloneElement","key","props","onClick","event","stopPropagation","isPressableInstance","styles","style","dispatcher","className","tooltip","align","bottom","displayName","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\nimport { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n children,\n left: propLeft,\n pressable = false,\n right: propRight,\n Template,\n text,\n timestamp,\n top: propTop,\n visible: propVisible = false,\n ...inherit\n}) => {\n const [visible, setVisible] = useState(propVisible);\n const [position, setPosition] = useState({});\n const contentRef = useRef();\n const ref = useRef();\n\n const { fixed, role = 'tooltip', testId, ...others } = inherit;\n const { left, right, top = propTop } = position;\n\n useEffect(() => {\n if (!pressable || !visible) return;\n\n const handleClickOutside = ({ target } = {}) =>\n !contentRef.current?.contains(target) && !ref.current?.contains(target) && setVisible(false);\n\n document.addEventListener('click', handleClickOutside, true);\n\n return () => document.removeEventListener('click', handleClickOutside, true);\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [visible]);\n\n return text || Template ? (\n <Layer\n {...{ fixed, role, testId, timestamp, top, visible }}\n centered\n forceRender={false}\n left={propLeft}\n right={propRight}\n onPosition={setPosition}\n >\n {React.createElement(\n pressable ? View : React.Fragment,\n { ...(pressable ? { ref } : undefined) },\n React.Children.map(children, (child, index) => {\n return React.cloneElement(child, {\n key: index,\n ...child.props,\n onClick: pressable\n ? (event) => {\n event.stopPropagation();\n setVisible(!visible);\n }\n : undefined,\n [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: !pressable ? () => setVisible(false) : undefined,\n className: styles(style.dispatcher, child.props.className),\n testId: testId ? `${testId}-dispatcher` : undefined,\n });\n }),\n )}\n\n <LayerContent>\n <View\n {...others}\n {...(pressable ? { ref: contentRef } : undefined)}\n className={styles(\n style.tooltip,\n (propLeft || propRight) && style.align,\n left && style.left,\n right && style.right,\n top ? style.top : style.bottom,\n others.className,\n )}\n >\n {Template ? (\n <Template />\n ) : (\n <Text bold small className={style.text}>\n {text}\n </Text>\n )}\n </View>\n </LayerContent>\n </Layer>\n ) : (\n <>{children}</>\n );\n};\n\nTooltip.displayName = 'Component:Tooltip';\n\nTooltip.propTypes = {\n children: PropTypes.node.isRequired,\n left: PropTypes.bool,\n pressable: PropTypes.bool,\n right: PropTypes.bool,\n Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n text: PropTypes.string,\n timestamp: PropTypes.number,\n top: PropTypes.bool,\n visible: PropTypes.bool,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}
@@ -2,65 +2,73 @@
2
2
 
3
3
  exports[` 1`] = `
4
4
  <DocumentFragment>
5
- <ui_layer
5
+ <span
6
+ class="container"
6
7
  data-testid="onEnter"
7
8
  >
8
9
  <button
9
10
  class="pressable button dispatcher"
10
11
  data-testid="onEnter-dispatcher"
11
- tabindex="0"
12
12
  >
13
13
  Action
14
14
  </button>
15
- </ui_layer>
15
+ </span>
16
16
  </DocumentFragment>
17
17
  `;
18
18
 
19
19
  exports[` 2`] = `
20
20
  <DocumentFragment>
21
- <ui_layer
21
+ <span
22
+ class="container"
22
23
  data-testid="onEnter"
23
24
  >
24
25
  <button
25
26
  class="pressable button dispatcher"
26
27
  data-testid="onEnter-dispatcher"
27
- tabindex="0"
28
28
  >
29
29
  Action
30
30
  </button>
31
- </ui_layer>
31
+ </span>
32
32
  </DocumentFragment>
33
33
  `;
34
34
 
35
35
  exports[` 3`] = `
36
36
  <DocumentFragment>
37
- <ui_layer
37
+ <span
38
+ class="container"
38
39
  data-testid="onPress"
39
40
  >
40
- <button
41
- class="pressable button dispatcher"
42
- data-testid="onPress-dispatcher"
43
- tabindex="0"
41
+ <div
42
+ class="view"
44
43
  >
45
- Action
46
- </button>
47
- </ui_layer>
44
+ <button
45
+ class="pressable button dispatcher"
46
+ data-testid="onPress-dispatcher"
47
+ >
48
+ Action
49
+ </button>
50
+ </div>
51
+ </span>
48
52
  </DocumentFragment>
49
53
  `;
50
54
 
51
55
  exports[` 4`] = `
52
56
  <DocumentFragment>
53
- <ui_layer
57
+ <span
58
+ class="container"
54
59
  data-testid="onPress"
55
60
  >
56
- <button
57
- class="pressable button dispatcher"
58
- data-testid="onPress-dispatcher"
59
- tabindex="0"
61
+ <div
62
+ class="view"
60
63
  >
61
- Action
62
- </button>
63
- </ui_layer>
64
+ <button
65
+ class="pressable button dispatcher"
66
+ data-testid="onPress-dispatcher"
67
+ >
68
+ Action
69
+ </button>
70
+ </div>
71
+ </span>
64
72
  </DocumentFragment>
65
73
  `;
66
74
 
@@ -68,7 +76,6 @@ exports[`component:<Tooltip> inherit:className 1`] = `
68
76
  <DocumentFragment>
69
77
  <button
70
78
  class="pressable button"
71
- tabindex="0"
72
79
  >
73
80
  Action
74
81
  </button>
@@ -77,53 +84,55 @@ exports[`component:<Tooltip> inherit:className 1`] = `
77
84
 
78
85
  exports[`component:<Tooltip> prop:Template 1`] = `
79
86
  <DocumentFragment>
80
- <ui_layer>
87
+ <span
88
+ class="container"
89
+ >
81
90
  <button
82
91
  class="pressable button dispatcher"
83
- tabindex="0"
84
92
  >
85
93
  Action
86
94
  </button>
87
- </ui_layer>
88
- <ui_layer_content
95
+ </span>
96
+ <div
89
97
  class="layer"
90
98
  style="left: 0px; top: 0px;"
91
99
  >
92
- <ui_view
100
+ <div
93
101
  class="view tooltip left bottom"
94
102
  >
95
103
  <strong>
96
104
  mirai
97
105
  </strong>
98
- </ui_view>
99
- </ui_layer_content>
106
+ </div>
107
+ </div>
100
108
  </DocumentFragment>
101
109
  `;
102
110
 
103
111
  exports[`component:<Tooltip> prop:text 1`] = `
104
112
  <DocumentFragment>
105
- <ui_layer>
113
+ <span
114
+ class="container"
115
+ >
106
116
  <button
107
117
  class="pressable button dispatcher"
108
- tabindex="0"
109
118
  >
110
119
  Action
111
120
  </button>
112
- </ui_layer>
113
- <ui_layer_content
121
+ </span>
122
+ <div
114
123
  class="layer"
115
124
  style="left: 0px; top: 0px;"
116
125
  >
117
- <ui_view
126
+ <div
118
127
  class="view tooltip left bottom"
119
128
  >
120
- <ui_text
129
+ <span
121
130
  class="text bold small text"
122
131
  >
123
132
  mirai
124
- </ui_text>
125
- </ui_view>
126
- </ui_layer_content>
133
+ </span>
134
+ </div>
135
+ </div>
127
136
  </DocumentFragment>
128
137
  `;
129
138
 
@@ -131,7 +140,6 @@ exports[`component:<Tooltip> prop:top 1`] = `
131
140
  <DocumentFragment>
132
141
  <button
133
142
  class="pressable button"
134
- tabindex="0"
135
143
  >
136
144
  Action
137
145
  </button>
@@ -142,7 +150,6 @@ exports[`component:<Tooltip> renders 1`] = `
142
150
  <DocumentFragment>
143
151
  <button
144
152
  class="pressable button"
145
- tabindex="0"
146
153
  >
147
154
  Action
148
155
  </button>
@@ -151,16 +158,16 @@ exports[`component:<Tooltip> renders 1`] = `
151
158
 
152
159
  exports[`component:<Tooltip> testId 1`] = `
153
160
  <DocumentFragment>
154
- <ui_layer
161
+ <span
162
+ class="container"
155
163
  data-testid="mirai"
156
164
  >
157
165
  <button
158
166
  class="pressable button dispatcher"
159
167
  data-testid="mirai-dispatcher"
160
- tabindex="0"
161
168
  >
162
169
  Action
163
170
  </button>
164
- </ui_layer>
171
+ </span>
165
172
  </DocumentFragment>
166
173
  `;
@@ -157,6 +157,17 @@ Object.keys(_Progress).forEach(function (key) {
157
157
  }
158
158
  });
159
159
  });
160
+ var _Slider = require("./Slider");
161
+ Object.keys(_Slider).forEach(function (key) {
162
+ if (key === "default" || key === "__esModule") return;
163
+ if (key in exports && exports[key] === _Slider[key]) return;
164
+ Object.defineProperty(exports, key, {
165
+ enumerable: true,
166
+ get: function get() {
167
+ return _Slider[key];
168
+ }
169
+ });
170
+ });
160
171
  var _Table = require("./Table");
161
172
  Object.keys(_Table).forEach(function (key) {
162
173
  if (key === "default" || key === "__esModule") return;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.js"],"sourcesContent":["export * from './Action';\nexport * from './Button';\nexport * from './Calendar';\nexport * from './Form';\nexport * from './InputDate';\nexport * from './InputNumber';\nexport * from './InputOption';\nexport * from './InputPhone';\nexport * from './InputSelect';\nexport * from './InputText';\nexport * from './Menu';\nexport * from './Modal';\nexport * from './Notification';\nexport * from './Progress';\nexport * from './Table';\nexport * from './Tooltip';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../src/components/index.js"],"sourcesContent":["export * from './Action';\nexport * from './Button';\nexport * from './Calendar';\nexport * from './Form';\nexport * from './InputDate';\nexport * from './InputNumber';\nexport * from './InputOption';\nexport * from './InputPhone';\nexport * from './InputSelect';\nexport * from './InputText';\nexport * from './Menu';\nexport * from './Modal';\nexport * from './Notification';\nexport * from './Progress';\nexport * from './Slider';\nexport * from './Table';\nexport * from './Tooltip';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.getInputPhoneErrors = void 0;
7
+ var _helpers = require("../components/InputPhone/helpers");
7
8
  var getInputPhoneErrors = function getInputPhoneErrors() {
8
9
  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
9
10
  _ref$prefixes = _ref.prefixes,
@@ -12,11 +13,11 @@ var getInputPhoneErrors = function getInputPhoneErrors() {
12
13
  value = _ref$value === void 0 ? '' : _ref$value;
13
14
  if (value.trim().length === 0) return;
14
15
  var errors = {};
15
- var withPrefix = prefixes.length > 0;
16
16
  var _value$replace = value.replace(/\D/g, ''),
17
17
  length = _value$replace.length;
18
+ var withPrefix = prefixes.length > 0;
18
19
  if (length < (withPrefix ? 10 : 8)) errors.minLength = true;
19
- if (withPrefix && !prefixes.some(function (item) {
20
+ if (withPrefix && !(0, _helpers.sanitizePrefixes)(prefixes).some(function (item) {
20
21
  return value.includes(item);
21
22
  })) errors.format = true;
22
23
  return Object.keys(errors).length > 0 ? errors : undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"getInputPhoneErrors.js","names":["getInputPhoneErrors","prefixes","value","trim","length","errors","withPrefix","replace","minLength","some","item","includes","format","Object","keys","undefined"],"sources":["../../src/helpers/getInputPhoneErrors.js"],"sourcesContent":["export const getInputPhoneErrors = ({ prefixes = [], value = '' } = {}) => {\n if (value.trim().length === 0) return;\n\n const errors = {};\n const withPrefix = prefixes.length > 0;\n const { length } = value.replace(/\\D/g, '');\n\n if (length < (withPrefix ? 10 : 8)) errors.minLength = true;\n if (withPrefix && !prefixes.some((item) => value.includes(item))) errors.format = true;\n\n return Object.keys(errors).length > 0 ? errors : undefined;\n};\n"],"mappings":";;;;;;AAAO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,GAA2C;EAAA,+EAAP,CAAC,CAAC;IAAA,qBAAhCC,QAAQ;IAARA,QAAQ,8BAAG,EAAE;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;EAC7D,IAAIA,KAAK,CAACC,IAAI,EAAE,CAACC,MAAM,KAAK,CAAC,EAAE;EAE/B,IAAMC,MAAM,GAAG,CAAC,CAAC;EACjB,IAAMC,UAAU,GAAGL,QAAQ,CAACG,MAAM,GAAG,CAAC;EACtC,qBAAmBF,KAAK,CAACK,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IAAnCH,MAAM,kBAANA,MAAM;EAEd,IAAIA,MAAM,IAAIE,UAAU,GAAG,EAAE,GAAG,CAAC,CAAC,EAAED,MAAM,CAACG,SAAS,GAAG,IAAI;EAC3D,IAAIF,UAAU,IAAI,CAACL,QAAQ,CAACQ,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKR,KAAK,CAACS,QAAQ,CAACD,IAAI,CAAC;EAAA,EAAC,EAAEL,MAAM,CAACO,MAAM,GAAG,IAAI;EAEtF,OAAOC,MAAM,CAACC,IAAI,CAACT,MAAM,CAAC,CAACD,MAAM,GAAG,CAAC,GAAGC,MAAM,GAAGU,SAAS;AAC5D,CAAC;AAAC"}
1
+ {"version":3,"file":"getInputPhoneErrors.js","names":["getInputPhoneErrors","prefixes","value","trim","length","errors","replace","withPrefix","minLength","sanitizePrefixes","some","item","includes","format","Object","keys","undefined"],"sources":["../../src/helpers/getInputPhoneErrors.js"],"sourcesContent":["import { sanitizePrefixes } from '../components/InputPhone/helpers';\n\nexport const getInputPhoneErrors = ({ prefixes = [], value = '' } = {}) => {\n if (value.trim().length === 0) return;\n\n const errors = {};\n const { length } = value.replace(/\\D/g, '');\n const withPrefix = prefixes.length > 0;\n\n if (length < (withPrefix ? 10 : 8)) errors.minLength = true;\n if (withPrefix && !sanitizePrefixes(prefixes).some((item) => value.includes(item))) errors.format = true;\n\n return Object.keys(errors).length > 0 ? errors : undefined;\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,GAA2C;EAAA,+EAAP,CAAC,CAAC;IAAA,qBAAhCC,QAAQ;IAARA,QAAQ,8BAAG,EAAE;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;EAC7D,IAAIA,KAAK,CAACC,IAAI,EAAE,CAACC,MAAM,KAAK,CAAC,EAAE;EAE/B,IAAMC,MAAM,GAAG,CAAC,CAAC;EACjB,qBAAmBH,KAAK,CAACI,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;IAAnCF,MAAM,kBAANA,MAAM;EACd,IAAMG,UAAU,GAAGN,QAAQ,CAACG,MAAM,GAAG,CAAC;EAEtC,IAAIA,MAAM,IAAIG,UAAU,GAAG,EAAE,GAAG,CAAC,CAAC,EAAEF,MAAM,CAACG,SAAS,GAAG,IAAI;EAC3D,IAAID,UAAU,IAAI,CAAC,IAAAE,yBAAgB,EAACR,QAAQ,CAAC,CAACS,IAAI,CAAC,UAACC,IAAI;IAAA,OAAKT,KAAK,CAACU,QAAQ,CAACD,IAAI,CAAC;EAAA,EAAC,EAAEN,MAAM,CAACQ,MAAM,GAAG,IAAI;EAExG,OAAOC,MAAM,CAACC,IAAI,CAACV,MAAM,CAAC,CAACD,MAAM,GAAG,CAAC,GAAGC,MAAM,GAAGW,SAAS;AAC5D,CAAC;AAAC"}
@@ -38,7 +38,7 @@ var useDevice = function useDevice() {
38
38
  _Theme$get$breakpoint = _Theme$get.breakpointS,
39
39
  breakpointS = _Theme$get$breakpoint === void 0 ? '430px' : _Theme$get$breakpoint,
40
40
  _Theme$get$breakpoint2 = _Theme$get.breakpointM,
41
- breakpointM = _Theme$get$breakpoint2 === void 0 ? '768px' : _Theme$get$breakpoint2;
41
+ breakpointM = _Theme$get$breakpoint2 === void 0 ? '820px' : _Theme$get$breakpoint2;
42
42
  var isLandscape = resolution.width >= resolution.height;
43
43
  var isMobile = resolution.width <= (0, _helpers.sanitizePx)(breakpointS);
44
44
  var isTablet = !isMobile && resolution.width <= (0, _helpers.sanitizePx)(breakpointM);
@@ -1 +1 @@
1
- {"version":3,"file":"useDevice.js","names":["useDevice","useState","getResolution","resolution","setResolution","useEffect","handleResize","window","addEventListener","removeEventListener","useMemo","Theme","get","breakpointS","breakpointM","isLandscape","width","height","isMobile","sanitizePx","isTablet","navigator","getNavigator","isPortrait","isDesktop"],"sources":["../../src/hooks/useDevice.js"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { Theme } from '../theme';\nimport { getResolution, getNavigator, sanitizePx } from './helpers';\n\nexport const useDevice = () => {\n const [resolution, setResolution] = useState(getResolution());\n\n useEffect(() => {\n const handleResize = () => setResolution(getResolution());\n\n window.addEventListener('resize', handleResize);\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return useMemo(() => {\n const { breakpointS = '430px', breakpointM = '768px' } = Theme.get();\n const isLandscape = resolution.width >= resolution.height;\n const isMobile = resolution.width <= sanitizePx(breakpointS);\n const isTablet = !isMobile && resolution.width <= sanitizePx(breakpointM);\n const navigator = getNavigator();\n\n return {\n ...resolution,\n ...navigator,\n isLandscape,\n isPortrait: !isLandscape,\n isMobile,\n isTablet,\n isDesktop: !isMobile && !isTablet,\n };\n }, [resolution]);\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE7D,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC7B,gBAAoC,IAAAC,eAAQ,EAAC,IAAAC,sBAAa,GAAE,CAAC;IAAA;IAAtDC,UAAU;IAAEC,aAAa;EAEhC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,YAAY,GAAG,SAAfA,YAAY;MAAA,OAASF,aAAa,CAAC,IAAAF,sBAAa,GAAE,CAAC;IAAA;IAEzDK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAE/C,OAAO;MAAA,OAAMC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAI,cAAO,EAAC,YAAM;IACnB,iBAAyDC,YAAK,CAACC,GAAG,EAAE;MAAA,mCAA5DC,WAAW;MAAXA,WAAW,sCAAG,OAAO;MAAA,oCAAEC,WAAW;MAAXA,WAAW,uCAAG,OAAO;IACpD,IAAMC,WAAW,GAAGZ,UAAU,CAACa,KAAK,IAAIb,UAAU,CAACc,MAAM;IACzD,IAAMC,QAAQ,GAAGf,UAAU,CAACa,KAAK,IAAI,IAAAG,mBAAU,EAACN,WAAW,CAAC;IAC5D,IAAMO,QAAQ,GAAG,CAACF,QAAQ,IAAIf,UAAU,CAACa,KAAK,IAAI,IAAAG,mBAAU,EAACL,WAAW,CAAC;IACzE,IAAMO,SAAS,GAAG,IAAAC,qBAAY,GAAE;IAEhC,qDACKnB,UAAU,GACVkB,SAAS;MACZN,WAAW,EAAXA,WAAW;MACXQ,UAAU,EAAE,CAACR,WAAW;MACxBG,QAAQ,EAARA,QAAQ;MACRE,QAAQ,EAARA,QAAQ;MACRI,SAAS,EAAE,CAACN,QAAQ,IAAI,CAACE;IAAQ;EAErC,CAAC,EAAE,CAACjB,UAAU,CAAC,CAAC;AAClB,CAAC;AAAC"}
1
+ {"version":3,"file":"useDevice.js","names":["useDevice","useState","getResolution","resolution","setResolution","useEffect","handleResize","window","addEventListener","removeEventListener","useMemo","Theme","get","breakpointS","breakpointM","isLandscape","width","height","isMobile","sanitizePx","isTablet","navigator","getNavigator","isPortrait","isDesktop"],"sources":["../../src/hooks/useDevice.js"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { Theme } from '../theme';\nimport { getResolution, getNavigator, sanitizePx } from './helpers';\n\nexport const useDevice = () => {\n const [resolution, setResolution] = useState(getResolution());\n\n useEffect(() => {\n const handleResize = () => setResolution(getResolution());\n\n window.addEventListener('resize', handleResize);\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return useMemo(() => {\n const { breakpointS = '430px', breakpointM = '820px' } = Theme.get();\n const isLandscape = resolution.width >= resolution.height;\n const isMobile = resolution.width <= sanitizePx(breakpointS);\n const isTablet = !isMobile && resolution.width <= sanitizePx(breakpointM);\n const navigator = getNavigator();\n\n return {\n ...resolution,\n ...navigator,\n isLandscape,\n isPortrait: !isLandscape,\n isMobile,\n isTablet,\n isDesktop: !isMobile && !isTablet,\n };\n }, [resolution]);\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE7D,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC7B,gBAAoC,IAAAC,eAAQ,EAAC,IAAAC,sBAAa,GAAE,CAAC;IAAA;IAAtDC,UAAU;IAAEC,aAAa;EAEhC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,YAAY,GAAG,SAAfA,YAAY;MAAA,OAASF,aAAa,CAAC,IAAAF,sBAAa,GAAE,CAAC;IAAA;IAEzDK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAE/C,OAAO;MAAA,OAAMC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAI,cAAO,EAAC,YAAM;IACnB,iBAAyDC,YAAK,CAACC,GAAG,EAAE;MAAA,mCAA5DC,WAAW;MAAXA,WAAW,sCAAG,OAAO;MAAA,oCAAEC,WAAW;MAAXA,WAAW,uCAAG,OAAO;IACpD,IAAMC,WAAW,GAAGZ,UAAU,CAACa,KAAK,IAAIb,UAAU,CAACc,MAAM;IACzD,IAAMC,QAAQ,GAAGf,UAAU,CAACa,KAAK,IAAI,IAAAG,mBAAU,EAACN,WAAW,CAAC;IAC5D,IAAMO,QAAQ,GAAG,CAACF,QAAQ,IAAIf,UAAU,CAACa,KAAK,IAAI,IAAAG,mBAAU,EAACL,WAAW,CAAC;IACzE,IAAMO,SAAS,GAAG,IAAAC,qBAAY,GAAE;IAEhC,qDACKnB,UAAU,GACVkB,SAAS;MACZN,WAAW,EAAXA,WAAW;MACXQ,UAAU,EAAE,CAACR,WAAW;MACxBG,QAAQ,EAARA,QAAQ;MACRE,QAAQ,EAARA,QAAQ;MACRI,SAAS,EAAE,CAACN,QAAQ,IAAI,CAACE;IAAQ;EAErC,CAAC,EAAE,CAACjB,UAAU,CAAC,CAAC;AAClB,CAAC;AAAC"}
@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
9
9
  var _helpers = require("../../helpers");
10
10
  var _Primitive = require("../Primitive");
11
11
  var _CheckboxModule = _interopRequireDefault(require("./Checkbox.module.css"));
12
- var _excluded = ["checked", "children", "disabled", "name", "value", "onChange"];
12
+ var _excluded = ["checked", "children", "disabled", "error", "name", "value", "onChange"];
13
13
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
14
14
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
15
15
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -18,6 +18,7 @@ var Checkbox = function Checkbox(_ref) {
18
18
  checked = _ref$checked === void 0 ? false : _ref$checked,
19
19
  children = _ref.children,
20
20
  disabled = _ref.disabled,
21
+ error = _ref.error,
21
22
  name = _ref.name,
22
23
  _ref$value = _ref.value,
23
24
  value = _ref$value === void 0 ? '' : _ref$value,
@@ -31,7 +32,6 @@ var Checkbox = function Checkbox(_ref) {
31
32
  };
32
33
  return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
33
34
  role: others.role || 'checkbox',
34
- tag: "checkbox",
35
35
  className: (0, _helpers.styles)(_CheckboxModule.default.checkbox, others.className),
36
36
  style: others.style
37
37
  }, /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, {
@@ -43,7 +43,7 @@ var Checkbox = function Checkbox(_ref) {
43
43
  value: value,
44
44
  onChange: handleChange,
45
45
  testId: others.testId,
46
- className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked, _CheckboxModule.default.input)
46
+ className: (0, _helpers.styles)(checked && _CheckboxModule.default.checked, error && !checked && !disabled && _CheckboxModule.default.error, _CheckboxModule.default.input)
47
47
  }), children);
48
48
  };
49
49
  exports.Checkbox = Checkbox;
@@ -52,6 +52,7 @@ Checkbox.propTypes = {
52
52
  checked: _propTypes.default.bool,
53
53
  children: _propTypes.default.node,
54
54
  disabled: _propTypes.default.bool,
55
+ error: _propTypes.default.bool,
55
56
  name: _propTypes.default.string.isRequired,
56
57
  value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
57
58
  onChange: _propTypes.default.func
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","name","value","onChange","others","handleChange","event","target","role","styles","style","checkbox","className","testId","input","displayName","propTypes","PropTypes","bool","node","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked = false, children, disabled, name, value = '', onChange = () => {}, ...others }) => {\n const handleChange = (event) => {\n if (disabled) return;\n\n const {\n target: { checked },\n } = event;\n onChange(checked, event);\n };\n\n return (\n <Primitive\n role={others.role || 'checkbox'}\n tag=\"checkbox\"\n className={styles(style.checkbox, others.className)}\n style={others.style}\n >\n <Primitive\n checked={checked}\n disabled={disabled}\n name={name}\n tag=\"input\"\n type=\"checkbox\"\n value={value}\n onChange={handleChange}\n testId={others.testId}\n className={styles(checked && style.checked, style.input)}\n />\n {children}\n </Primitive>\n );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n checked: PropTypes.bool,\n children: PropTypes.node,\n disabled: PropTypes.bool,\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAkG;EAAA,wBAA5FC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EACvG,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIN,QAAQ,EAAE;IAEd,IACYF,OAAO,GACfQ,KAAK,CADPC,MAAM,CAAIT,OAAO;IAEnBK,QAAQ,CAACL,OAAO,EAAEQ,KAAK,CAAC;EAC1B,CAAC;EAED,oBACE,6BAAC,oBAAS;IACR,IAAI,EAAEF,MAAM,CAACI,IAAI,IAAI,UAAW;IAChC,GAAG,EAAC,UAAU;IACd,SAAS,EAAE,IAAAC,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEP,MAAM,CAACQ,SAAS,CAAE;IACpD,KAAK,EAAER,MAAM,CAACM;EAAM,gBAEpB,6BAAC,oBAAS;IACR,OAAO,EAAEZ,OAAQ;IACjB,QAAQ,EAAEE,QAAS;IACnB,IAAI,EAAEC,IAAK;IACX,GAAG,EAAC,OAAO;IACX,IAAI,EAAC,UAAU;IACf,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG,YAAa;IACvB,MAAM,EAAED,MAAM,CAACS,MAAO;IACtB,SAAS,EAAE,IAAAJ,eAAM,EAACX,OAAO,IAAIY,uBAAK,CAACZ,OAAO,EAAEY,uBAAK,CAACI,KAAK;EAAE,EACzD,EACDf,QAAQ,CACC;AAEhB,CAAC;AAAC;AAEFF,QAAQ,CAACkB,WAAW,GAAG,oBAAoB;AAE3ClB,QAAQ,CAACmB,SAAS,GAAG;EACnBlB,OAAO,EAAEmB,kBAAS,CAACC,IAAI;EACvBnB,QAAQ,EAAEkB,kBAAS,CAACE,IAAI;EACxBnB,QAAQ,EAAEiB,kBAAS,CAACC,IAAI;EACxBjB,IAAI,EAAEgB,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjCnB,KAAK,EAAEe,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Df,QAAQ,EAAEc,kBAAS,CAACM;AACtB,CAAC"}
1
+ {"version":3,"file":"Checkbox.js","names":["Checkbox","checked","children","disabled","error","name","value","onChange","others","handleChange","event","target","role","styles","style","checkbox","className","testId","input","displayName","propTypes","PropTypes","bool","node","string","isRequired","oneOfType","func"],"sources":["../../../src/primitives/Checkbox/Checkbox.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport style from './Checkbox.module.css';\n\nconst Checkbox = ({ checked = false, children, disabled, error, name, value = '', onChange = () => {}, ...others }) => {\n const handleChange = (event) => {\n if (disabled) return;\n\n const {\n target: { checked },\n } = event;\n onChange(checked, event);\n };\n\n return (\n <Primitive\n role={others.role || 'checkbox'}\n className={styles(style.checkbox, others.className)}\n style={others.style}\n >\n <Primitive\n checked={checked}\n disabled={disabled}\n name={name}\n tag=\"input\"\n type=\"checkbox\"\n value={value}\n onChange={handleChange}\n testId={others.testId}\n className={styles(checked && style.checked, error && !checked && !disabled && style.error, style.input)}\n />\n {children}\n </Primitive>\n );\n};\n\nCheckbox.displayName = 'Primitive:Checkbox';\n\nCheckbox.propTypes = {\n checked: PropTypes.bool,\n children: PropTypes.node,\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n name: PropTypes.string.isRequired,\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onChange: PropTypes.func,\n};\n\nexport { Checkbox };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAE1C,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAyG;EAAA,wBAAnGC,OAAO;IAAPA,OAAO,6BAAG,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,EAAE;IAAA,qBAAEC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAAKC,MAAM;EAC9G,IAAMC,YAAY,GAAG,SAAfA,YAAY,CAAIC,KAAK,EAAK;IAC9B,IAAIP,QAAQ,EAAE;IAEd,IACYF,OAAO,GACfS,KAAK,CADPC,MAAM,CAAIV,OAAO;IAEnBM,QAAQ,CAACN,OAAO,EAAES,KAAK,CAAC;EAC1B,CAAC;EAED,oBACE,6BAAC,oBAAS;IACR,IAAI,EAAEF,MAAM,CAACI,IAAI,IAAI,UAAW;IAChC,SAAS,EAAE,IAAAC,eAAM,EAACC,uBAAK,CAACC,QAAQ,EAAEP,MAAM,CAACQ,SAAS,CAAE;IACpD,KAAK,EAAER,MAAM,CAACM;EAAM,gBAEpB,6BAAC,oBAAS;IACR,OAAO,EAAEb,OAAQ;IACjB,QAAQ,EAAEE,QAAS;IACnB,IAAI,EAAEE,IAAK;IACX,GAAG,EAAC,OAAO;IACX,IAAI,EAAC,UAAU;IACf,KAAK,EAAEC,KAAM;IACb,QAAQ,EAAEG,YAAa;IACvB,MAAM,EAAED,MAAM,CAACS,MAAO;IACtB,SAAS,EAAE,IAAAJ,eAAM,EAACZ,OAAO,IAAIa,uBAAK,CAACb,OAAO,EAAEG,KAAK,IAAI,CAACH,OAAO,IAAI,CAACE,QAAQ,IAAIW,uBAAK,CAACV,KAAK,EAAEU,uBAAK,CAACI,KAAK;EAAE,EACxG,EACDhB,QAAQ,CACC;AAEhB,CAAC;AAAC;AAEFF,QAAQ,CAACmB,WAAW,GAAG,oBAAoB;AAE3CnB,QAAQ,CAACoB,SAAS,GAAG;EACnBnB,OAAO,EAAEoB,kBAAS,CAACC,IAAI;EACvBpB,QAAQ,EAAEmB,kBAAS,CAACE,IAAI;EACxBpB,QAAQ,EAAEkB,kBAAS,CAACC,IAAI;EACxBlB,KAAK,EAAEiB,kBAAS,CAACC,IAAI;EACrBjB,IAAI,EAAEgB,kBAAS,CAACG,MAAM,CAACC,UAAU;EACjCnB,KAAK,EAAEe,kBAAS,CAACK,SAAS,CAAC,CAACL,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACC,IAAI,CAAC,CAAC;EAC9Df,QAAQ,EAAEc,kBAAS,CAACM;AACtB,CAAC"}