@mirai/ui 1.0.5 → 1.0.9

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 (114) hide show
  1. package/README.md +103 -1
  2. package/build/components/Button/Button.js.map +1 -1
  3. package/build/components/Button/index.js.map +1 -1
  4. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  5. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  6. package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
  7. package/build/components/Calendar/Calendar.constants.js.map +1 -1
  8. package/build/components/Calendar/Calendar.js.map +1 -1
  9. package/build/components/Calendar/helpers/getFirstDateOfMonth.js.map +1 -1
  10. package/build/components/Calendar/helpers/getFirstDateOfWeek.js.map +1 -1
  11. package/build/components/Calendar/helpers/getHeader.js.map +1 -1
  12. package/build/components/Calendar/helpers/getToday.js.map +1 -1
  13. package/build/components/Calendar/helpers/getWeekNumber.js.map +1 -1
  14. package/build/components/Calendar/helpers/getWeekdays.js.map +1 -1
  15. package/build/components/Calendar/helpers/index.js.map +1 -1
  16. package/build/components/Calendar/helpers/isJest.js.map +1 -1
  17. package/build/components/Calendar/index.js.map +1 -1
  18. package/build/components/Form/Form.js.map +1 -1
  19. package/build/components/Form/helpers/getChildrenErrors.js.map +1 -1
  20. package/build/components/Form/helpers/getChildrenValues.js.map +1 -1
  21. package/build/components/Form/helpers/getField.js.map +1 -1
  22. package/build/components/Form/helpers/groupState.js.map +1 -1
  23. package/build/components/Form/helpers/index.js.map +1 -1
  24. package/build/components/Form/index.js.map +1 -1
  25. package/build/components/InputNumber/InputNumber.js.map +1 -1
  26. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +5 -5
  27. package/build/components/InputNumber/index.js.map +1 -1
  28. package/build/components/InputOption/InputOption.constants.js +13 -0
  29. package/build/components/InputOption/InputOption.constants.js.map +1 -0
  30. package/build/components/InputOption/InputOption.js +63 -0
  31. package/build/components/InputOption/InputOption.js.map +1 -0
  32. package/build/components/InputOption/InputOption.module.css +38 -0
  33. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +232 -0
  34. package/build/components/InputOption/index.js +19 -0
  35. package/build/components/InputOption/index.js.map +1 -0
  36. package/build/components/InputSelect/InputSelect.js.map +1 -1
  37. package/build/components/InputSelect/index.js.map +1 -1
  38. package/build/components/InputText/InputText.js.map +1 -1
  39. package/build/components/InputText/index.js.map +1 -1
  40. package/build/components/Modal/Modal.js.map +1 -1
  41. package/build/components/Modal/index.js.map +1 -1
  42. package/build/components/Table/Table.Row.js +76 -0
  43. package/build/components/Table/Table.Row.js.map +1 -0
  44. package/build/components/Table/Table.js +92 -0
  45. package/build/components/Table/Table.js.map +1 -0
  46. package/build/components/Table/Table.module.css +76 -0
  47. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +2285 -0
  48. package/build/components/Table/helpers/index.js +19 -0
  49. package/build/components/Table/helpers/index.js.map +1 -0
  50. package/build/components/Table/helpers/select.js +29 -0
  51. package/build/components/Table/helpers/select.js.map +1 -0
  52. package/build/components/Table/index.js +19 -0
  53. package/build/components/Table/index.js.map +1 -0
  54. package/build/components/index.js +26 -0
  55. package/build/components/index.js.map +1 -1
  56. package/build/helpers/getInputErrors.js.map +1 -1
  57. package/build/helpers/index.js.map +1 -1
  58. package/build/helpers/isValidDate.js.map +1 -1
  59. package/build/helpers/isValidEmail.js.map +1 -1
  60. package/build/helpers/isValidPhone.js.map +1 -1
  61. package/build/helpers/styles.js.map +1 -1
  62. package/build/hooks/helpers/getNavigator.js.map +1 -1
  63. package/build/hooks/helpers/getResolution.js.map +1 -1
  64. package/build/hooks/helpers/index.js.map +1 -1
  65. package/build/hooks/index.js.map +1 -1
  66. package/build/hooks/useDevice.js.map +1 -1
  67. package/build/index.js.map +1 -1
  68. package/build/primitives/Checkbox/Checkbox.js +52 -0
  69. package/build/primitives/Checkbox/Checkbox.js.map +1 -0
  70. package/build/primitives/Checkbox/Checkbox.module.css +45 -0
  71. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +127 -0
  72. package/build/primitives/Checkbox/index.js +19 -0
  73. package/build/primitives/Checkbox/index.js.map +1 -0
  74. package/build/primitives/Icon/Icon.constants.js +3 -1
  75. package/build/primitives/Icon/Icon.constants.js.map +1 -1
  76. package/build/primitives/Icon/Icon.js.map +1 -1
  77. package/build/primitives/Icon/index.js.map +1 -1
  78. package/build/primitives/Input/Input.js.map +1 -1
  79. package/build/primitives/Input/Input.module.css +4 -0
  80. package/build/primitives/Input/helpers/index.js.map +1 -1
  81. package/build/primitives/Input/helpers/parseValue.js.map +1 -1
  82. package/build/primitives/Input/index.js.map +1 -1
  83. package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
  84. package/build/primitives/Pressable/Pressable.js.map +1 -1
  85. package/build/primitives/Pressable/index.js.map +1 -1
  86. package/build/primitives/Radio/Radio.js +49 -0
  87. package/build/primitives/Radio/Radio.js.map +1 -0
  88. package/build/primitives/Radio/Radio.module.css +59 -0
  89. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +126 -0
  90. package/build/primitives/Radio/index.js +19 -0
  91. package/build/primitives/Radio/index.js.map +1 -0
  92. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  93. package/build/primitives/ScrollView/index.js.map +1 -1
  94. package/build/primitives/Select/Select.js.map +1 -1
  95. package/build/primitives/Select/Select.module.css +1 -0
  96. package/build/primitives/Select/index.js.map +1 -1
  97. package/build/primitives/Switch/Switch.js +50 -0
  98. package/build/primitives/Switch/Switch.js.map +1 -0
  99. package/build/primitives/Switch/Switch.module.css +57 -0
  100. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +109 -0
  101. package/build/primitives/Switch/index.js +19 -0
  102. package/build/primitives/Switch/index.js.map +1 -0
  103. package/build/primitives/Text/Text.js.map +1 -1
  104. package/build/primitives/Text/index.js.map +1 -1
  105. package/build/primitives/View/View.js.map +1 -1
  106. package/build/primitives/View/index.js.map +1 -1
  107. package/build/primitives/index.js +39 -0
  108. package/build/primitives/index.js.map +1 -1
  109. package/build/theme/default.theme.css +1 -0
  110. package/build/theme/helpers/camelcase.js.map +1 -1
  111. package/build/theme/helpers/index.js.map +1 -1
  112. package/build/theme/index.js.map +1 -1
  113. package/build/theme/theme.js.map +1 -1
  114. package/package.json +12 -5
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.InputOption = void 0;
9
+
10
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
11
+
12
+ var _react = _interopRequireDefault(require("react"));
13
+
14
+ var _helpers = require("../../helpers");
15
+
16
+ var _primitives = require("../../primitives");
17
+
18
+ var _InputOption = require("./InputOption.constants");
19
+
20
+ var _InputOptionModule = _interopRequireDefault(require("./InputOption.module.css"));
21
+
22
+ var _excluded = ["checked", "disabled", "label", "name", "reverse", "type", "value", "onChange"];
23
+
24
+ var InputOption = function InputOption(_ref) {
25
+ var checked = _ref.checked,
26
+ disabled = _ref.disabled,
27
+ label = _ref.label,
28
+ name = _ref.name,
29
+ reverse = _ref.reverse,
30
+ _ref$type = _ref.type,
31
+ type = _ref$type === void 0 ? _InputOption.CHECKBOX : _ref$type,
32
+ _ref$value = _ref.value,
33
+ value = _ref$value === void 0 ? '' : _ref$value,
34
+ _ref$onChange = _ref.onChange,
35
+ onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
36
+ others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
37
+ var Primitive = type === _InputOption.CHECKBOX ? _primitives.Checkbox : _primitives.Radio;
38
+
39
+ var handleChange = function handleChange(event) {
40
+ onChange(type === _InputOption.CHECKBOX ? !checked : value, event);
41
+ };
42
+
43
+ return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, Object.assign({}, others, {
44
+ style: others.style,
45
+ className: (0, _helpers.styles)(_InputOptionModule.default.inputOption, reverse && _InputOptionModule.default.reverse, others.className),
46
+ onPress: handleChange
47
+ }), /*#__PURE__*/_react.default.createElement(Primitive, {
48
+ checked: checked,
49
+ disabled: disabled,
50
+ name: name,
51
+ type: type,
52
+ value: value
53
+ }, type === _InputOption.CHECKBOX && checked ? /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
54
+ name: "Check",
55
+ className: (0, _helpers.styles)(_InputOptionModule.default.icon)
56
+ }) : undefined), label && /*#__PURE__*/_react.default.createElement(_primitives.Text, {
57
+ className: (0, _helpers.styles)(_InputOptionModule.default.label, disabled && _InputOptionModule.default.disabled)
58
+ }, label));
59
+ };
60
+
61
+ exports.InputOption = InputOption;
62
+ InputOption.displayName = 'Component:InputOption';
63
+ //# sourceMappingURL=InputOption.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","Radio","handleChange","event","style","inputOption","className","icon","undefined","displayName"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Radio, Checkbox, Icon, Pressable, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n checked,\n disabled,\n label,\n name,\n reverse,\n type = CHECKBOX,\n value = '',\n onChange = () => {},\n ...others\n}) => {\n const Primitive = type === CHECKBOX ? Checkbox : Radio;\n\n const handleChange = (event) => {\n onChange(type === CHECKBOX ? !checked : value, event);\n };\n\n return (\n <Pressable\n {...others}\n style={others.style}\n className={styles(style.inputOption, reverse && style.reverse, others.className)}\n onPress={handleChange}\n >\n <Primitive checked={checked} disabled={disabled} name={name} type={type} value={value}>\n {type === CHECKBOX && checked ? <Icon name=\"Check\" className={styles(style.icon)} /> : undefined}\n </Primitive>\n {label && <Text className={styles(style.label, disabled && style.disabled)}>{label}</Text>}\n </Pressable>\n );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n reverse: PropTypes.bool,\n type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n value: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":";;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAUd;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,KAOI,QAPJA,KAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,qBAJJC,IAII;EAAA,IAJJA,IAII,0BAJGC,qBAIH;EAAA,sBAHJC,KAGI;EAAA,IAHJA,KAGI,2BAHI,EAGJ;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;EAAA,IADDC,MACC;EACJ,IAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAT,GAAoBK,oBAApB,GAA+BC,iBAAjD;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9BN,QAAQ,CAACH,IAAI,KAAKC,qBAAT,GAAoB,CAACN,OAArB,GAA+BO,KAAhC,EAAuCO,KAAvC,CAAR;EACD,CAFD;;EAIA,oBACE,6BAAC,qBAAD,oBACML,MADN;IAEE,KAAK,EAAEA,MAAM,CAACM,KAFhB;IAGE,SAAS,EAAE,qBAAOA,2BAAMC,WAAb,EAA0BZ,OAAO,IAAIW,2BAAMX,OAA3C,EAAoDK,MAAM,CAACQ,SAA3D,CAHb;IAIE,OAAO,EAAEJ;EAJX,iBAME,6BAAC,SAAD;IAAW,OAAO,EAAEb,OAApB;IAA6B,QAAQ,EAAEC,QAAvC;IAAiD,IAAI,EAAEE,IAAvD;IAA6D,IAAI,EAAEE,IAAnE;IAAyE,KAAK,EAAEE;EAAhF,GACGF,IAAI,KAAKC,qBAAT,IAAqBN,OAArB,gBAA+B,6BAAC,gBAAD;IAAM,IAAI,EAAC,OAAX;IAAmB,SAAS,EAAE,qBAAOe,2BAAMG,IAAb;EAA9B,EAA/B,GAAsFC,SADzF,CANF,EASGjB,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAE,qBAAOa,2BAAMb,KAAb,EAAoBD,QAAQ,IAAIc,2BAAMd,QAAtC;EAAjB,GAAmEC,KAAnE,CATZ,CADF;AAaD,CA9BD;;;AAgCAH,WAAW,CAACqB,WAAZ,GAA0B,uBAA1B"}
@@ -0,0 +1,38 @@
1
+ :root {
2
+ --mirai-ui-input-option-disabled: var(--mirai-ui-disabled);
3
+ --mirai-ui-input-option-label-margin: var(--mirai-ui-space-S);
4
+ --mirai-ui-input-option-padding-y: var(--mirai-ui-space-S);
5
+ }
6
+
7
+ .inputOption {
8
+ align-items: center;
9
+ display: flex;
10
+ flex-direction: row;
11
+ margin-bottom: var(--mirai-ui-input-option-padding-y);
12
+ position: relative;
13
+ }
14
+
15
+ .icon {
16
+ color: var(--mirai-ui-base);
17
+ left: 0;
18
+ margin: calc(calc(var(--mirai-ui-checkbox-size) - var(--mirai-ui-font-size-paragraph)) / 2);
19
+ position: absolute;
20
+ top: 0;
21
+ }
22
+
23
+ .label {
24
+ margin-left: var(--mirai-ui-input-option-label-margin);
25
+ }
26
+
27
+ .label.disabled {
28
+ color: var(--mirai-ui-input-option-disabled);
29
+ }
30
+
31
+ .reverse {
32
+ flex-direction: row-reverse;
33
+ }
34
+
35
+ .reverse .label {
36
+ margin-left: 0;
37
+ margin-right: var(--mirai-ui-input-option-label-margin);
38
+ }
@@ -0,0 +1,232 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`primitive:<InputOption> inherit:className 1`] = `
4
+ <DocumentFragment>
5
+ <button
6
+ class="pressable inputOption mirai"
7
+ >
8
+ <div
9
+ class="checkbox"
10
+ >
11
+ <input
12
+ class=""
13
+ name="name"
14
+ type="checkbox"
15
+ value=""
16
+ />
17
+ </div>
18
+ </button>
19
+ </DocumentFragment>
20
+ `;
21
+
22
+ exports[`primitive:<InputOption> prop:checked && disabled 1`] = `
23
+ <DocumentFragment>
24
+ <button
25
+ class="pressable inputOption"
26
+ >
27
+ <div
28
+ class="checkbox"
29
+ >
30
+ <input
31
+ checked=""
32
+ class="checked"
33
+ disabled=""
34
+ name="name"
35
+ type="checkbox"
36
+ value=""
37
+ />
38
+ <span
39
+ class="icon icon"
40
+ >
41
+ <svg
42
+ fill="none"
43
+ height="1em"
44
+ stroke="currentColor"
45
+ stroke-linecap="round"
46
+ stroke-linejoin="round"
47
+ stroke-width="2"
48
+ viewBox="0 0 24 24"
49
+ width="1em"
50
+ xmlns="http://www.w3.org/2000/svg"
51
+ >
52
+ <polyline
53
+ points="20 6 9 17 4 12"
54
+ />
55
+ </svg>
56
+ </span>
57
+ </div>
58
+ </button>
59
+ </DocumentFragment>
60
+ `;
61
+
62
+ exports[`primitive:<InputOption> prop:checked 1`] = `
63
+ <DocumentFragment>
64
+ <button
65
+ class="pressable inputOption"
66
+ >
67
+ <div
68
+ class="checkbox"
69
+ >
70
+ <input
71
+ checked=""
72
+ class="checked"
73
+ name="name"
74
+ type="checkbox"
75
+ value=""
76
+ />
77
+ <span
78
+ class="icon icon"
79
+ >
80
+ <svg
81
+ fill="none"
82
+ height="1em"
83
+ stroke="currentColor"
84
+ stroke-linecap="round"
85
+ stroke-linejoin="round"
86
+ stroke-width="2"
87
+ viewBox="0 0 24 24"
88
+ width="1em"
89
+ xmlns="http://www.w3.org/2000/svg"
90
+ >
91
+ <polyline
92
+ points="20 6 9 17 4 12"
93
+ />
94
+ </svg>
95
+ </span>
96
+ </div>
97
+ </button>
98
+ </DocumentFragment>
99
+ `;
100
+
101
+ exports[`primitive:<InputOption> prop:disabled 1`] = `
102
+ <DocumentFragment>
103
+ <button
104
+ class="pressable inputOption"
105
+ >
106
+ <div
107
+ class="checkbox"
108
+ >
109
+ <input
110
+ class=""
111
+ disabled=""
112
+ name="name"
113
+ type="checkbox"
114
+ value=""
115
+ />
116
+ </div>
117
+ </button>
118
+ </DocumentFragment>
119
+ `;
120
+
121
+ exports[`primitive:<InputOption> prop:label 1`] = `
122
+ <DocumentFragment>
123
+ <button
124
+ class="pressable inputOption"
125
+ >
126
+ <div
127
+ class="checkbox"
128
+ >
129
+ <input
130
+ class=""
131
+ name="name"
132
+ type="checkbox"
133
+ value=""
134
+ />
135
+ </div>
136
+ <span
137
+ class="text paragraph label"
138
+ >
139
+ label
140
+ </span>
141
+ </button>
142
+ </DocumentFragment>
143
+ `;
144
+
145
+ exports[`primitive:<InputOption> prop:reverse + label 1`] = `
146
+ <DocumentFragment>
147
+ <button
148
+ class="pressable inputOption reverse"
149
+ >
150
+ <div
151
+ class="checkbox"
152
+ >
153
+ <input
154
+ class=""
155
+ name="name"
156
+ type="checkbox"
157
+ value=""
158
+ />
159
+ </div>
160
+ <span
161
+ class="text paragraph label"
162
+ >
163
+ label
164
+ </span>
165
+ </button>
166
+ </DocumentFragment>
167
+ `;
168
+
169
+ exports[`primitive:<InputOption> prop:type 1`] = `
170
+ <DocumentFragment>
171
+ <button
172
+ class="pressable inputOption"
173
+ >
174
+ <div
175
+ class="radio"
176
+ >
177
+ <input
178
+ name="name"
179
+ type="radio"
180
+ value=""
181
+ />
182
+ <span
183
+ class="checkmark"
184
+ />
185
+ </div>
186
+ <span
187
+ class="text paragraph label"
188
+ >
189
+ label
190
+ </span>
191
+ </button>
192
+ </DocumentFragment>
193
+ `;
194
+
195
+ exports[`primitive:<InputOption> renders 1`] = `
196
+ <DocumentFragment>
197
+ <button
198
+ class="pressable inputOption"
199
+ >
200
+ <div
201
+ class="checkbox"
202
+ >
203
+ <input
204
+ class=""
205
+ name="name"
206
+ type="checkbox"
207
+ value=""
208
+ />
209
+ </div>
210
+ </button>
211
+ </DocumentFragment>
212
+ `;
213
+
214
+ exports[`primitive:<InputOption> testID 1`] = `
215
+ <DocumentFragment>
216
+ <button
217
+ class="pressable inputOption"
218
+ data-testid="mirai"
219
+ >
220
+ <div
221
+ class="checkbox"
222
+ >
223
+ <input
224
+ class=""
225
+ name="name"
226
+ type="checkbox"
227
+ value=""
228
+ />
229
+ </div>
230
+ </button>
231
+ </DocumentFragment>
232
+ `;
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+
7
+ var _InputOption = require("./InputOption");
8
+
9
+ Object.keys(_InputOption).forEach(function (key) {
10
+ if (key === "default" || key === "__esModule") return;
11
+ if (key in exports && exports[key] === _InputOption[key]) return;
12
+ Object.defineProperty(exports, key, {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _InputOption[key];
16
+ }
17
+ });
18
+ });
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputOption/index.js"],"sourcesContent":["export * from './InputOption';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/InputSelect/InputSelect.jsx"],"names":["InputSelect","disabled","error","hint","label","onChange","onEnter","onLeave","others","focus","setFocus","handleChange","value","event","target","blur","handleEnter","handleLeave","has","undefined","length","style","inputContainer","className","text","inputBorder","input","icon","right","displayName"],"mappings":";;;;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;;;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OASd;AAAA;;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,KAOI,QAPJA,KAOI;AAAA,MANJC,IAMI,QANJA,IAMI;AAAA,MALJC,KAKI,QALJA,KAKI;AAAA,2BAJJC,QAII;AAAA,MAJJA,QAII,8BAJO,YAAM,CAAE,CAIf;AAAA,0BAHJC,OAGI;AAAA,MAHJA,OAGI,6BAHM,YAAM,CAAE,CAGd;AAAA,0BAFJC,OAEI;AAAA,MAFJA,OAEI,6BAFM,YAAM,CAAE,CAEd;AAAA,MADDC,MACC;;AACJ,kBAA0B,qBAAS,KAAT,CAA1B;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AAEA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAQC,KAAR,EAAkB;AAAA;;AACrCR,IAAAA,QAAQ,CAACO,KAAD,EAAQC,KAAR,CAAR;AACA,qBAAAA,KAAK,CAACC,MAAN,gEAAcC,IAAd;AACD,GAHD;;AAKA,MAAMC,WAAW,GAAG,SAAdA,WAAc,CAACH,KAAD,EAAW;AAC7BH,IAAAA,QAAQ,CAAC,IAAD,CAAR;AACAJ,IAAAA,OAAO,CAACO,KAAD,CAAP;AACD,GAHD;;AAKA,MAAMI,WAAW,GAAG,SAAdA,WAAc,CAACJ,KAAD,EAAW;AAC7BH,IAAAA,QAAQ,CAAC,KAAD,CAAR;AACAH,IAAAA,OAAO,CAACM,KAAD,CAAP;AACD,GAHD;;AAKA,MAAMK,GAAG,GAAG;AACVN,IAAAA,KAAK,EAAEJ,MAAM,CAACI,KAAP,KAAiBO,SAAjB,IAA8B,kBAAAX,MAAM,CAACI,KAAP,gEAAcQ,MAAd,IAAuB;AADlD,GAAZ;AAIA,sBACE,6BAAC,gBAAD;AAAM,IAAA,SAAS,EAAE,qBAAOC,yBAAMC,cAAb,EAA6Bd,MAAM,CAACe,SAApC,CAAjB;AAAiE,IAAA,KAAK,EAAEf,MAAM,CAACa;AAA/E,KACGjB,KAAK,iBACJ,6BAAC,gBAAD;AACE,IAAA,SAAS,EAAE,qBACTiB,yBAAMG,IADG,EAETH,yBAAMjB,KAFG,EAGTK,KAAK,IAAIY,yBAAMZ,KAHN,EAITP,KAAK,IAAImB,yBAAMnB,KAJN,EAKT,CAACO,KAAK,IAAIP,KAAT,IAAkBgB,GAAG,CAACN,KAAvB,KAAiCS,yBAAMT,KAL9B;AADb,KASGR,KATH,CAFJ,eAeE,6BAAC,gBAAD;AAAM,IAAA,GAAG,MAAT;AAAU,IAAA,SAAS,EAAE,qBAAOiB,yBAAMI,WAAb,EAA0BhB,KAAK,IAAI,CAACP,KAAV,IAAmBmB,yBAAMZ,KAAnD,EAA0DP,KAAK,IAAImB,yBAAMnB,KAAzE;AAArB,kBACE,6BAAC,kBAAD,oBACMM,MADN;AAEE,IAAA,QAAQ,EAAEP,QAFZ;AAGE,IAAA,KAAK,EAAEO,MAAM,CAACI,KAAP,IAAgB,EAHzB;AAIE,IAAA,SAAS,EAAES,yBAAMK,KAJnB;AAKE,IAAA,KAAK,EAAEP,SALT;AAME,IAAA,QAAQ,EAAER,YANZ;AAOE,IAAA,OAAO,EAAEK,WAPX;AAQE,IAAA,OAAO,EAAEC;AARX,KADF,EAWG,CAAChB,QAAD,iBAAa,6BAAC,gBAAD;AAAM,IAAA,IAAI,EAAC,YAAX;AAAwB,IAAA,SAAS,EAAE,CAACoB,yBAAMM,IAAP,EAAaN,yBAAMO,KAAnB;AAAnC,IAXhB,CAfF,EA6BGzB,IAAI,iBACH,6BAAC,gBAAD;AAAM,IAAA,KAAK,MAAX;AAAY,IAAA,SAAS,EAAE,qBAAOkB,yBAAMG,IAAb,EAAmBH,yBAAMlB,IAAzB,EAA+BD,KAAK,IAAImB,yBAAMnB,KAA9C;AAAvB,KACGC,IADH,CA9BJ,CADF;AAqCD,CApED;;;AAsEAH,WAAW,CAAC6B,WAAZ,GAA0B,uBAA1B","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Select, Text, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\nconst InputSelect = ({\n disabled,\n error,\n hint,\n label,\n onChange = () => {},\n onEnter = () => {},\n onLeave = () => {},\n ...others\n}) => {\n const [focus, setFocus] = useState(false);\n\n const handleChange = (value, event) => {\n onChange(value, event);\n event.target?.blur();\n };\n\n const handleEnter = (event) => {\n setFocus(true);\n onEnter(event);\n };\n\n const handleLeave = (event) => {\n setFocus(false);\n onLeave(event);\n };\n\n const has = {\n value: others.value !== undefined && others.value?.length > 0,\n };\n\n return (\n <View className={styles(style.inputContainer, others.className)} style={others.style}>\n {label && (\n <Text\n className={styles(\n style.text,\n style.label,\n focus && style.focus,\n error && style.error,\n (focus || error || has.value) && style.value,\n )}\n >\n {label}\n </Text>\n )}\n\n <View row className={styles(style.inputBorder, focus && !error && style.focus, error && style.error)}>\n <Select\n {...others}\n disabled={disabled}\n value={others.value || ''}\n className={style.input}\n style={undefined}\n onChange={handleChange}\n onEnter={handleEnter}\n onLeave={handleLeave}\n />\n {!disabled && <Icon name=\"CloseArrow\" className={[style.icon, style.right]} />}\n </View>\n\n {hint && (\n <Text small className={styles(style.text, style.hint, error && style.error)}>\n {hint}\n </Text>\n )}\n </View>\n );\n};\n\nInputSelect.displayName = 'Component:InputSelect';\n\nInputSelect.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { InputSelect };\n"],"file":"InputSelect.js"}
1
+ {"version":3,"file":"InputSelect.js","names":["InputSelect","disabled","error","hint","label","onChange","onEnter","onLeave","others","focus","setFocus","handleChange","value","event","target","blur","handleEnter","handleLeave","has","undefined","length","style","inputContainer","className","text","inputBorder","input","icon","right","displayName"],"sources":["../../../src/components/InputSelect/InputSelect.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Select, Text, View } from '../../primitives';\nimport style from '../InputText/InputText.module.css';\nconst InputSelect = ({\n disabled,\n error,\n hint,\n label,\n onChange = () => {},\n onEnter = () => {},\n onLeave = () => {},\n ...others\n}) => {\n const [focus, setFocus] = useState(false);\n\n const handleChange = (value, event) => {\n onChange(value, event);\n event.target?.blur();\n };\n\n const handleEnter = (event) => {\n setFocus(true);\n onEnter(event);\n };\n\n const handleLeave = (event) => {\n setFocus(false);\n onLeave(event);\n };\n\n const has = {\n value: others.value !== undefined && others.value?.length > 0,\n };\n\n return (\n <View className={styles(style.inputContainer, others.className)} style={others.style}>\n {label && (\n <Text\n className={styles(\n style.text,\n style.label,\n focus && style.focus,\n error && style.error,\n (focus || error || has.value) && style.value,\n )}\n >\n {label}\n </Text>\n )}\n\n <View row className={styles(style.inputBorder, focus && !error && style.focus, error && style.error)}>\n <Select\n {...others}\n disabled={disabled}\n value={others.value || ''}\n className={style.input}\n style={undefined}\n onChange={handleChange}\n onEnter={handleEnter}\n onLeave={handleLeave}\n />\n {!disabled && <Icon name=\"CloseArrow\" className={[style.icon, style.right]} />}\n </View>\n\n {hint && (\n <Text small className={styles(style.text, style.hint, error && style.error)}>\n {hint}\n </Text>\n )}\n </View>\n );\n};\n\nInputSelect.displayName = 'Component:InputSelect';\n\nInputSelect.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { InputSelect };\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/InputSelect/index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './InputSelect';\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputSelect/index.js"],"sourcesContent":["export * from './InputSelect';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/InputText/InputText.jsx"],"names":["InputText","disabled","error","hint","icon","label","type","onChange","onEnter","onLeave","others","focus","setFocus","password","setPassword","handleChange","value","event","handleEnter","handleLeave","has","undefined","length","is","style","inputContainer","className","text","inputBorder","left","input","iconLeft","pressable","displayName"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Input, Pressable, Text, View } from '../../primitives';\nimport style from './InputText.module.css';\n\nconst InputText = ({\n disabled,\n error,\n hint,\n icon,\n label,\n type,\n onChange = () => {},\n onEnter = () => {},\n onLeave = () => {},\n ...others\n}) => {\n const [focus, setFocus] = useState(false);\n const [password, setPassword] = useState(true);\n\n const handleChange = (value, event) => {\n onChange(value, event);\n };\n\n const handleEnter = (event) => {\n setFocus(true);\n onEnter(event);\n };\n\n const handleLeave = () => {\n setFocus(false);\n onLeave(event);\n };\n\n const has = {\n value: others.value !== undefined && others.value?.length > 0,\n };\n const is = { password: type === 'password' };\n\n return (\n <View className={styles(style.inputContainer, others.className)} style={others.style}>\n {label && (\n <Text\n className={styles(\n style.text,\n style.label,\n focus && style.focus,\n error && style.error,\n (focus || error || has.value) && style.value,\n )}\n >\n {label}\n </Text>\n )}\n\n <View row className={styles(style.inputBorder, focus && !error && style.focus, error && style.error)}>\n {icon && <Icon name={icon} className={[style.icon, style.left]} />}\n <Input\n {...others}\n disabled={disabled}\n type={!is.password || password ? type : 'text'}\n value={others.value || ''}\n className={styles(style.input, icon && style.iconLeft)}\n style={undefined}\n onChange={handleChange}\n onEnter={handleEnter}\n onLeave={handleLeave}\n />\n {is.password && !disabled && (\n <Pressable className={style.pressable} onPress={() => setPassword(!password)}>\n <Icon name={password ? 'EyeClose' : 'EyeOpen'} />\n </Pressable>\n )}\n </View>\n\n {hint && (\n <Text small className={styles(style.text, style.hint, error && style.error)}>\n {hint}\n </Text>\n )}\n </View>\n );\n};\n\nInputText.displayName = 'Component:InputText';\n\nInputText.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n icon: PropTypes.string,\n label: PropTypes.string,\n multiLine: PropTypes.bool,\n name: PropTypes.string.isRequired,\n type: PropTypes.string,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { InputText };\n"],"file":"InputText.js"}
1
+ {"version":3,"file":"InputText.js","names":["InputText","disabled","error","hint","icon","label","type","onChange","onEnter","onLeave","others","focus","setFocus","password","setPassword","handleChange","value","event","handleEnter","handleLeave","has","undefined","length","is","style","inputContainer","className","text","inputBorder","left","input","iconLeft","pressable","displayName"],"sources":["../../../src/components/InputText/InputText.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Input, Pressable, Text, View } from '../../primitives';\nimport style from './InputText.module.css';\n\nconst InputText = ({\n disabled,\n error,\n hint,\n icon,\n label,\n type,\n onChange = () => {},\n onEnter = () => {},\n onLeave = () => {},\n ...others\n}) => {\n const [focus, setFocus] = useState(false);\n const [password, setPassword] = useState(true);\n\n const handleChange = (value, event) => {\n onChange(value, event);\n };\n\n const handleEnter = (event) => {\n setFocus(true);\n onEnter(event);\n };\n\n const handleLeave = () => {\n setFocus(false);\n onLeave(event);\n };\n\n const has = {\n value: others.value !== undefined && others.value?.length > 0,\n };\n const is = { password: type === 'password' };\n\n return (\n <View className={styles(style.inputContainer, others.className)} style={others.style}>\n {label && (\n <Text\n className={styles(\n style.text,\n style.label,\n focus && style.focus,\n error && style.error,\n (focus || error || has.value) && style.value,\n )}\n >\n {label}\n </Text>\n )}\n\n <View row className={styles(style.inputBorder, focus && !error && style.focus, error && style.error)}>\n {icon && <Icon name={icon} className={[style.icon, style.left]} />}\n <Input\n {...others}\n disabled={disabled}\n type={!is.password || password ? type : 'text'}\n value={others.value || ''}\n className={styles(style.input, icon && style.iconLeft)}\n style={undefined}\n onChange={handleChange}\n onEnter={handleEnter}\n onLeave={handleLeave}\n />\n {is.password && !disabled && (\n <Pressable className={style.pressable} onPress={() => setPassword(!password)}>\n <Icon name={password ? 'EyeClose' : 'EyeOpen'} />\n </Pressable>\n )}\n </View>\n\n {hint && (\n <Text small className={styles(style.text, style.hint, error && style.error)}>\n {hint}\n </Text>\n )}\n </View>\n );\n};\n\nInputText.displayName = 'Component:InputText';\n\nInputText.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n icon: PropTypes.string,\n label: PropTypes.string,\n multiLine: PropTypes.bool,\n name: PropTypes.string.isRequired,\n type: PropTypes.string,\n onChange: PropTypes.func,\n onEnter: PropTypes.func,\n onLeave: PropTypes.func,\n};\n\nexport { InputText };\n"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/InputText/index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './InputText';\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/InputText/index.js"],"sourcesContent":["export * from './InputText';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Modal/Modal.jsx"],"names":["Modal","children","visible","onClose","others","isDesktop","style","overflow","modal","className","pressable","icon","displayName"],"mappings":";;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA+C;AAAA,MAA5CC,QAA4C,QAA5CA,QAA4C;AAAA,MAAlCC,OAAkC,QAAlCA,OAAkC;AAAA,MAAzBC,OAAyB,QAAzBA,OAAyB;AAAA,MAAbC,MAAa;;AAC3D,mBAAsB,uBAAtB;AAAA,MAAQC,SAAR,cAAQA,SAAR;;AAEA,sBACE,6BAAC,gBAAD;AAAM,IAAA,GAAG,MAAT;AAAU,IAAA,SAAS,EAAE,qBAAOC,qBAAMC,QAAb,EAAuBL,OAAO,IAAII,qBAAMJ,OAAxC;AAArB,kBACE,6BAAC,gBAAD,oBAAUE,MAAV;AAAkB,IAAA,GAAG,MAArB;AAAsB,IAAA,SAAS,EAAE,qBAAOE,qBAAME,KAAb,EAAoBN,OAAO,IAAII,qBAAMJ,OAArC,EAA8CE,MAAM,CAACK,SAArD;AAAjC,mBACE,4DACGN,OAAO,iBACN,6BAAC,qBAAD;AAAW,IAAA,SAAS,EAAEG,qBAAMI,SAA5B;AAAuC,IAAA,OAAO,EAAEP;AAAhD,kBACE,6BAAC,gBAAD;AAAM,IAAA,IAAI,EAAEE,SAAS,GAAG,OAAH,GAAa,YAAlC;AAAgD,IAAA,SAAS,EAAEC,qBAAMK;AAAjE,IADF,CAFJ,EAMGV,QANH,CADF,CADF,CADF;AAcD,CAjBD;;;AAmBAD,KAAK,CAACY,WAAN,GAAoB,iBAApB","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, Pressable, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({ children, visible, onClose, ...others }) => {\n const { isDesktop } = useDevice();\n\n return (\n <View row className={styles(style.overflow, visible && style.visible)}>\n <View {...others} fit className={styles(style.modal, visible && style.visible, others.className)}>\n <>\n {onClose && (\n <Pressable className={style.pressable} onPress={onClose}>\n <Icon name={isDesktop ? 'Close' : 'CloseArrow'} className={style.icon} />\n </Pressable>\n )}\n {children}\n </>\n </View>\n </View>\n );\n};\n\nModal.displayName = 'Component:Modal';\n\nModal.propTypes = {\n children: PropTypes.node,\n visible: PropTypes.bool,\n onClose: PropTypes.func,\n};\n\nexport { Modal };\n"],"file":"Modal.js"}
1
+ {"version":3,"file":"Modal.js","names":["Modal","children","visible","onClose","others","isDesktop","style","overflow","modal","className","pressable","icon","displayName"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, Pressable, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({ children, visible, onClose, ...others }) => {\n const { isDesktop } = useDevice();\n\n return (\n <View row className={styles(style.overflow, visible && style.visible)}>\n <View {...others} fit className={styles(style.modal, visible && style.visible, others.className)}>\n <>\n {onClose && (\n <Pressable className={style.pressable} onPress={onClose}>\n <Icon name={isDesktop ? 'Close' : 'CloseArrow'} className={style.icon} />\n </Pressable>\n )}\n {children}\n </>\n </View>\n </View>\n );\n};\n\nModal.displayName = 'Component:Modal';\n\nModal.propTypes = {\n children: PropTypes.node,\n visible: PropTypes.bool,\n onClose: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":";;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAA+C;EAAA,IAA5CC,QAA4C,QAA5CA,QAA4C;EAAA,IAAlCC,OAAkC,QAAlCA,OAAkC;EAAA,IAAzBC,OAAyB,QAAzBA,OAAyB;EAAA,IAAbC,MAAa;;EAC3D,iBAAsB,uBAAtB;EAAA,IAAQC,SAAR,cAAQA,SAAR;;EAEA,oBACE,6BAAC,gBAAD;IAAM,GAAG,MAAT;IAAU,SAAS,EAAE,qBAAOC,qBAAMC,QAAb,EAAuBL,OAAO,IAAII,qBAAMJ,OAAxC;EAArB,gBACE,6BAAC,gBAAD,oBAAUE,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOE,qBAAME,KAAb,EAAoBN,OAAO,IAAII,qBAAMJ,OAArC,EAA8CE,MAAM,CAACK,SAArD;EAAjC,iBACE,4DACGN,OAAO,iBACN,6BAAC,qBAAD;IAAW,SAAS,EAAEG,qBAAMI,SAA5B;IAAuC,OAAO,EAAEP;EAAhD,gBACE,6BAAC,gBAAD;IAAM,IAAI,EAAEE,SAAS,GAAG,OAAH,GAAa,YAAlC;IAAgD,SAAS,EAAEC,qBAAMK;EAAjE,EADF,CAFJ,EAMGV,QANH,CADF,CADF,CADF;AAcD,CAjBD;;;AAmBAD,KAAK,CAACY,WAAN,GAAoB,iBAApB"}
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Modal/index.js"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './Modal';\n"],"file":"index.js"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Modal/index.js"],"sourcesContent":["export * from './Modal';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -0,0 +1,76 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ Object.defineProperty(exports, "__esModule", {
6
+ value: true
7
+ });
8
+ exports.TableRow = void 0;
9
+
10
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
11
+
12
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
13
+
14
+ var _react = _interopRequireDefault(require("react"));
15
+
16
+ var _helpers = require("../../helpers");
17
+
18
+ var _primitives = require("../../primitives");
19
+
20
+ var _InputOption = require("../InputOption");
21
+
22
+ var _TableModule = _interopRequireDefault(require("./Table.module.css"));
23
+
24
+ var _excluded = ["dataSource", "schema", "selected", "sort", "onPress", "onSelect", "onSort"];
25
+
26
+ var TableRow = function TableRow(_ref) {
27
+ var dataSource = _ref.dataSource,
28
+ schema = _ref.schema,
29
+ selected = _ref.selected,
30
+ _ref$sort = _ref.sort,
31
+ sort = _ref$sort === void 0 ? {} : _ref$sort,
32
+ onPress = _ref.onPress,
33
+ onSelect = _ref.onSelect,
34
+ onSort = _ref.onSort,
35
+ others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
36
+ var isHead = dataSource === undefined;
37
+ var fields = Object.keys(schema);
38
+ var tag = isHead ? 'th' : 'td';
39
+ var testId = others['data-testid'];
40
+ return /*#__PURE__*/_react.default.createElement("tr", Object.assign({}, others, {
41
+ role: "tr",
42
+ className: (0, _helpers.styles)(selected && _TableModule.default.selected, onPress && _TableModule.default.onPress, others.className)
43
+ }), onSelect && /*#__PURE__*/_react.default.createElement(tag, {
44
+ className: _TableModule.default.select
45
+ }, /*#__PURE__*/_react.default.createElement(_primitives.View, {
46
+ row: true
47
+ }, !isHead && /*#__PURE__*/_react.default.createElement(_InputOption.InputOption, {
48
+ checked: selected,
49
+ "data-testid": testId ? "".concat(testId, "-checkbox") : undefined,
50
+ name: "checkbox",
51
+ className: _TableModule.default.checkbox,
52
+ onChange: function onChange() {
53
+ return onSelect(dataSource);
54
+ }
55
+ }))), fields.map(function (field) {
56
+ var _React$createElement;
57
+
58
+ return /*#__PURE__*/_react.default.createElement(tag, (_React$createElement = {}, (0, _defineProperty2.default)(_React$createElement, 'data-testid', testId ? "".concat(testId, "-").concat(field) : undefined), (0, _defineProperty2.default)(_React$createElement, "key", field), (0, _defineProperty2.default)(_React$createElement, "onClick", !isHead && onPress ? function () {
59
+ return onPress(dataSource);
60
+ } : undefined), _React$createElement), /*#__PURE__*/_react.default.createElement(_primitives.View, {
61
+ row: true,
62
+ tag: "span",
63
+ className: isHead && _TableModule.default.head,
64
+ onClick: isHead ? function () {
65
+ return onSort(field);
66
+ } : undefined
67
+ }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isHead ? schema[field].label : dataSource[field], isHead && onSort && /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
68
+ name: sort[field] ? 'Down' : 'Up',
69
+ className: sort[field] === undefined && _TableModule.default.hideIcon
70
+ }))));
71
+ }));
72
+ };
73
+
74
+ exports.TableRow = TableRow;
75
+ TableRow.displayName = 'Table:Row';
76
+ //# sourceMappingURL=Table.Row.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.Row.js","names":["TableRow","dataSource","schema","selected","sort","onPress","onSelect","onSort","others","isHead","undefined","fields","Object","keys","tag","testId","style","className","React","createElement","select","checkbox","map","field","head","label","hideIcon","displayName"],"sources":["../../../src/components/Table/Table.Row.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, View } from '../../primitives';\nimport { InputOption } from '../InputOption';\nimport style from './Table.module.css';\n\nconst TableRow = ({ dataSource, schema, selected, sort = {}, onPress, onSelect, onSort, ...others }) => {\n const isHead = dataSource === undefined;\n const fields = Object.keys(schema);\n const tag = isHead ? 'th' : 'td';\n const { ['data-testid']: testId } = others;\n\n return (\n <tr\n {...others}\n role=\"tr\"\n className={styles(selected && style.selected, onPress && style.onPress, others.className)}\n >\n {onSelect &&\n React.createElement(\n tag,\n { className: style.select },\n <View row>\n {!isHead && (\n <InputOption\n checked={selected}\n data-testid={testId ? `${testId}-checkbox` : undefined}\n name=\"checkbox\"\n className={style.checkbox}\n onChange={() => onSelect(dataSource)}\n />\n )}\n </View>,\n )}\n {fields.map((field) =>\n React.createElement(\n tag,\n {\n ['data-testid']: testId ? `${testId}-${field}` : undefined,\n key: field,\n onClick: !isHead && onPress ? () => onPress(dataSource) : undefined,\n },\n <View row tag=\"span\" className={isHead && style.head} onClick={isHead ? () => onSort(field) : undefined}>\n <>\n {isHead ? schema[field].label : dataSource[field]}\n {isHead && onSort && (\n <Icon name={sort[field] ? 'Down' : 'Up'} className={sort[field] === undefined && style.hideIcon} />\n )}\n </>\n </View>,\n ),\n )}\n </tr>\n );\n};\n\nTableRow.displayName = 'Table:Row';\n\nTableRow.propTypes = {\n dataSource: PropTypes.shape({}),\n schema: PropTypes.shape({}).isRequired,\n selected: PropTypes.bool,\n sort: PropTypes.shape({}),\n onPress: PropTypes.func,\n onSelect: PropTypes.func,\n onSort: PropTypes.func,\n};\n\nexport { TableRow };\n"],"mappings":";;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAAuF;EAAA,IAApFC,UAAoF,QAApFA,UAAoF;EAAA,IAAxEC,MAAwE,QAAxEA,MAAwE;EAAA,IAAhEC,QAAgE,QAAhEA,QAAgE;EAAA,qBAAtDC,IAAsD;EAAA,IAAtDA,IAAsD,0BAA/C,EAA+C;EAAA,IAA3CC,OAA2C,QAA3CA,OAA2C;EAAA,IAAlCC,QAAkC,QAAlCA,QAAkC;EAAA,IAAxBC,MAAwB,QAAxBA,MAAwB;EAAA,IAAbC,MAAa;EACtG,IAAMC,MAAM,GAAGR,UAAU,KAAKS,SAA9B;EACA,IAAMC,MAAM,GAAGC,MAAM,CAACC,IAAP,CAAYX,MAAZ,CAAf;EACA,IAAMY,GAAG,GAAGL,MAAM,GAAG,IAAH,GAAU,IAA5B;EACA,IAAyBM,MAAzB,GAAoCP,MAApC,CAAS,aAAT;EAEA,oBACE,qDACMA,MADN;IAEE,IAAI,EAAC,IAFP;IAGE,SAAS,EAAE,qBAAOL,QAAQ,IAAIa,qBAAMb,QAAzB,EAAmCE,OAAO,IAAIW,qBAAMX,OAApD,EAA6DG,MAAM,CAACS,SAApE;EAHb,IAKGX,QAAQ,iBACPY,eAAMC,aAAN,CACEL,GADF,EAEE;IAAEG,SAAS,EAAED,qBAAMI;EAAnB,CAFF,eAGE,6BAAC,gBAAD;IAAM,GAAG;EAAT,GACG,CAACX,MAAD,iBACC,6BAAC,wBAAD;IACE,OAAO,EAAEN,QADX;IAEE,eAAaY,MAAM,aAAMA,MAAN,iBAA0BL,SAF/C;IAGE,IAAI,EAAC,UAHP;IAIE,SAAS,EAAEM,qBAAMK,QAJnB;IAKE,QAAQ,EAAE;MAAA,OAAMf,QAAQ,CAACL,UAAD,CAAd;IAAA;EALZ,EAFJ,CAHF,CANJ,EAqBGU,MAAM,CAACW,GAAP,CAAW,UAACC,KAAD;IAAA;;IAAA,oBACVL,eAAMC,aAAN,CACEL,GADF,kFAGK,aAHL,EAGqBC,MAAM,aAAMA,MAAN,cAAgBQ,KAAhB,IAA0Bb,SAHrD,8DAISa,KAJT,kEAKa,CAACd,MAAD,IAAWJ,OAAX,GAAqB;MAAA,OAAMA,OAAO,CAACJ,UAAD,CAAb;IAAA,CAArB,GAAiDS,SAL9D,uCAOE,6BAAC,gBAAD;MAAM,GAAG,MAAT;MAAU,GAAG,EAAC,MAAd;MAAqB,SAAS,EAAED,MAAM,IAAIO,qBAAMQ,IAAhD;MAAsD,OAAO,EAAEf,MAAM,GAAG;QAAA,OAAMF,MAAM,CAACgB,KAAD,CAAZ;MAAA,CAAH,GAAyBb;IAA9F,gBACE,4DACGD,MAAM,GAAGP,MAAM,CAACqB,KAAD,CAAN,CAAcE,KAAjB,GAAyBxB,UAAU,CAACsB,KAAD,CAD5C,EAEGd,MAAM,IAAIF,MAAV,iBACC,6BAAC,gBAAD;MAAM,IAAI,EAAEH,IAAI,CAACmB,KAAD,CAAJ,GAAc,MAAd,GAAuB,IAAnC;MAAyC,SAAS,EAAEnB,IAAI,CAACmB,KAAD,CAAJ,KAAgBb,SAAhB,IAA6BM,qBAAMU;IAAvF,EAHJ,CADF,CAPF,CADU;EAAA,CAAX,CArBH,CADF;AA0CD,CAhDD;;;AAkDA1B,QAAQ,CAAC2B,WAAT,GAAuB,WAAvB"}
@@ -0,0 +1,92 @@
1
+ "use strict";
2
+
3
+ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
+
5
+ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
6
+
7
+ Object.defineProperty(exports, "__esModule", {
8
+ value: true
9
+ });
10
+ exports.Table = void 0;
11
+
12
+ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
13
+
14
+ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
15
+
16
+ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
17
+
18
+ var _react = _interopRequireWildcard(require("react"));
19
+
20
+ var _helpers = require("../../helpers");
21
+
22
+ var _helpers2 = require("./helpers");
23
+
24
+ var _TableModule = _interopRequireDefault(require("./Table.module.css"));
25
+
26
+ var _Table = require("./Table.Row");
27
+
28
+ var _excluded = ["dataSource", "schema", "search", "onPress", "onSelect"];
29
+
30
+ var Table = function Table(_ref) {
31
+ var _ref$dataSource = _ref.dataSource,
32
+ dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
33
+ schema = _ref.schema,
34
+ search = _ref.search,
35
+ onPress = _ref.onPress,
36
+ onSelect = _ref.onSelect,
37
+ others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
38
+
39
+ var _useState = (0, _react.useState)([]),
40
+ _useState2 = (0, _slicedToArray2.default)(_useState, 2),
41
+ selected = _useState2[0],
42
+ setSelected = _useState2[1];
43
+
44
+ var _useState3 = (0, _react.useState)({}),
45
+ _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
46
+ sort = _useState4[0],
47
+ setSort = _useState4[1];
48
+
49
+ var handleSelect = function handleSelect(row) {
50
+ setSelected(function () {
51
+ var exists = selected.includes(row);
52
+ var next = selected.filter(function (item) {
53
+ return item !== row;
54
+ });
55
+ if (!exists) next.push(row);
56
+ onSelect(next);
57
+ return next;
58
+ });
59
+ };
60
+
61
+ var handleSort = function handleSort(field) {
62
+ setSort(sort[field] === undefined ? (0, _defineProperty2.default)({}, field, true) : sort[field] ? (0, _defineProperty2.default)({}, field, false) : {});
63
+ };
64
+
65
+ var testId = others['data-testid'];
66
+ return /*#__PURE__*/_react.default.createElement("table", Object.assign({}, others, {
67
+ className: (0, _helpers.styles)(_TableModule.default.table, others.className)
68
+ }), /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement(_Table.TableRow, {
69
+ schema: schema,
70
+ sort: sort,
71
+ onSelect: onSelect ? function () {} : undefined,
72
+ onSort: handleSort
73
+ })), /*#__PURE__*/_react.default.createElement("tbody", null, (0, _react.useMemo)(function () {
74
+ return (0, _helpers2.select)(dataSource, {
75
+ search: search,
76
+ sort: sort
77
+ });
78
+ }, [dataSource, search, sort]).map(function (row, index) {
79
+ return /*#__PURE__*/_react.default.createElement(_Table.TableRow, {
80
+ "data-testid": testId ? "".concat(testId, "-").concat(index) : undefined,
81
+ dataSource: row,
82
+ key: index,
83
+ schema: schema,
84
+ selected: selected.includes(row),
85
+ onPress: onPress,
86
+ onSelect: onSelect ? handleSelect : undefined
87
+ });
88
+ })));
89
+ };
90
+
91
+ exports.Table = Table;
92
+ //# sourceMappingURL=Table.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.js","names":["Table","dataSource","schema","search","onPress","onSelect","others","selected","setSelected","sort","setSort","handleSelect","row","exists","includes","next","filter","item","push","handleSort","field","undefined","testId","style","table","className","map","index"],"sources":["../../../src/components/Table/Table.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useMemo, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { select } from './helpers';\nimport style from './Table.module.css';\nimport { TableRow } from './Table.Row';\n\nexport const Table = ({ dataSource = [], schema, search, onPress, onSelect, ...others }) => {\n const [selected, setSelected] = useState([]);\n const [sort, setSort] = useState({});\n\n const handleSelect = (row) => {\n setSelected(() => {\n const exists = selected.includes(row);\n const next = selected.filter((item) => item !== row);\n if (!exists) next.push(row);\n\n onSelect(next);\n\n return next;\n });\n };\n\n const handleSort = (field) => {\n setSort(sort[field] === undefined ? { [field]: true } : sort[field] ? { [field]: false } : {});\n };\n\n const { ['data-testid']: testId } = others;\n\n return (\n <table {...others} className={styles(style.table, others.className)}>\n <thead>\n <TableRow schema={schema} sort={sort} onSelect={onSelect ? () => {} : undefined} onSort={handleSort} />\n </thead>\n <tbody>\n {useMemo(() => select(dataSource, { search, sort }), [dataSource, search, sort]).map((row, index) => (\n <TableRow\n data-testid={testId ? `${testId}-${index}` : undefined}\n dataSource={row}\n key={index}\n schema={schema}\n selected={selected.includes(row)}\n onPress={onPress}\n onSelect={onSelect ? handleSelect : undefined}\n />\n ))}\n </tbody>\n </table>\n );\n};\n\nTable.propTypes = {\n dataSource: PropTypes.arrayOf(PropTypes.shape({})),\n schema: PropTypes.shape({}).isRequired,\n search: PropTypes.string,\n onPress: PropTypes.func,\n onSelect: PropTypes.func,\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;AAEO,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAAuE;EAAA,2BAApEC,UAAoE;EAAA,IAApEA,UAAoE,gCAAvD,EAAuD;EAAA,IAAnDC,MAAmD,QAAnDA,MAAmD;EAAA,IAA3CC,MAA2C,QAA3CA,MAA2C;EAAA,IAAnCC,OAAmC,QAAnCA,OAAmC;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAbC,MAAa;;EAC1F,gBAAgC,qBAAS,EAAT,CAAhC;EAAA;EAAA,IAAOC,QAAP;EAAA,IAAiBC,WAAjB;;EACA,iBAAwB,qBAAS,EAAT,CAAxB;EAAA;EAAA,IAAOC,IAAP;EAAA,IAAaC,OAAb;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,GAAD,EAAS;IAC5BJ,WAAW,CAAC,YAAM;MAChB,IAAMK,MAAM,GAAGN,QAAQ,CAACO,QAAT,CAAkBF,GAAlB,CAAf;MACA,IAAMG,IAAI,GAAGR,QAAQ,CAACS,MAAT,CAAgB,UAACC,IAAD;QAAA,OAAUA,IAAI,KAAKL,GAAnB;MAAA,CAAhB,CAAb;MACA,IAAI,CAACC,MAAL,EAAaE,IAAI,CAACG,IAAL,CAAUN,GAAV;MAEbP,QAAQ,CAACU,IAAD,CAAR;MAEA,OAAOA,IAAP;IACD,CARU,CAAX;EASD,CAVD;;EAYA,IAAMI,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAW;IAC5BV,OAAO,CAACD,IAAI,CAACW,KAAD,CAAJ,KAAgBC,SAAhB,qCAA+BD,KAA/B,EAAuC,IAAvC,IAAgDX,IAAI,CAACW,KAAD,CAAJ,qCAAiBA,KAAjB,EAAyB,KAAzB,IAAmC,EAApF,CAAP;EACD,CAFD;;EAIA,IAAyBE,MAAzB,GAAoChB,MAApC,CAAS,aAAT;EAEA,oBACE,wDAAWA,MAAX;IAAmB,SAAS,EAAE,qBAAOiB,qBAAMC,KAAb,EAAoBlB,MAAM,CAACmB,SAA3B;EAA9B,iBACE,yDACE,6BAAC,eAAD;IAAU,MAAM,EAAEvB,MAAlB;IAA0B,IAAI,EAAEO,IAAhC;IAAsC,QAAQ,EAAEJ,QAAQ,GAAG,YAAM,CAAE,CAAX,GAAcgB,SAAtE;IAAiF,MAAM,EAAEF;EAAzF,EADF,CADF,eAIE,4CACG,oBAAQ;IAAA,OAAM,sBAAOlB,UAAP,EAAmB;MAAEE,MAAM,EAANA,MAAF;MAAUM,IAAI,EAAJA;IAAV,CAAnB,CAAN;EAAA,CAAR,EAAoD,CAACR,UAAD,EAAaE,MAAb,EAAqBM,IAArB,CAApD,EAAgFiB,GAAhF,CAAoF,UAACd,GAAD,EAAMe,KAAN;IAAA,oBACnF,6BAAC,eAAD;MACE,eAAaL,MAAM,aAAMA,MAAN,cAAgBK,KAAhB,IAA0BN,SAD/C;MAEE,UAAU,EAAET,GAFd;MAGE,GAAG,EAAEe,KAHP;MAIE,MAAM,EAAEzB,MAJV;MAKE,QAAQ,EAAEK,QAAQ,CAACO,QAAT,CAAkBF,GAAlB,CALZ;MAME,OAAO,EAAER,OANX;MAOE,QAAQ,EAAEC,QAAQ,GAAGM,YAAH,GAAkBU;IAPtC,EADmF;EAAA,CAApF,CADH,CAJF,CADF;AAoBD,CA1CM"}