@mirai/ui 1.0.181 → 1.0.183

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 (40) hide show
  1. package/README.md +2 -2
  2. package/build/components/Calendar/Calendar.Week.js +1 -1
  3. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  4. package/build/components/Calendar/Calendar.module.css +1 -3
  5. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +122 -122
  6. package/build/components/InputText/InputText.js +1 -1
  7. package/build/components/InputText/InputText.js.map +1 -1
  8. package/build/components/InputText/partials/InputText.Label.js +1 -1
  9. package/build/components/InputText/partials/InputText.Label.js.map +1 -1
  10. package/build/components/Table/Table.ColumnFilter.js +28 -15
  11. package/build/components/Table/Table.ColumnFilter.js.map +1 -1
  12. package/build/components/Table/Table.Filter.js +18 -8
  13. package/build/components/Table/Table.Filter.js.map +1 -1
  14. package/build/components/Table/Table.Row.js +5 -1
  15. package/build/components/Table/Table.Row.js.map +1 -1
  16. package/build/components/Table/Table.constants.js +18 -0
  17. package/build/components/Table/Table.constants.js.map +1 -0
  18. package/build/components/Table/Table.js +26 -10
  19. package/build/components/Table/Table.js.map +1 -1
  20. package/build/components/Table/Table.module.css +18 -9
  21. package/build/components/Table/Table.stories.js +15 -4
  22. package/build/components/Table/Table.stories.js.map +1 -1
  23. package/build/components/Table/Table.stories.module.css +10 -2
  24. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +762 -0
  25. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +371 -9
  26. package/build/components/Table/helpers/index.js +11 -0
  27. package/build/components/Table/helpers/index.js.map +1 -1
  28. package/build/components/Table/helpers/select.js +16 -11
  29. package/build/components/Table/helpers/select.js.map +1 -1
  30. package/build/components/Table/helpers/storage.js +28 -0
  31. package/build/components/Table/helpers/storage.js.map +1 -0
  32. package/build/primitives/Layer/Layer.module.css +1 -1
  33. package/build/primitives/Text/Text.js +4 -2
  34. package/build/primitives/Text/Text.js.map +1 -1
  35. package/build/primitives/Text/Text.module.css +5 -0
  36. package/build/primitives/Text/Text.stories.js +1 -0
  37. package/build/primitives/Text/Text.stories.js.map +1 -1
  38. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +10 -0
  39. package/build/theme/default.theme.css +2 -2
  40. package/package.json +1 -1
@@ -558,10 +558,10 @@ exports[`component:<Table> prop:filter 1`] = `
558
558
  class="view row wide filters"
559
559
  >
560
560
  <div
561
- class="view row filter"
561
+ class="view row item"
562
562
  >
563
563
  <span
564
- class="text small"
564
+ class="text tiny lighten"
565
565
  >
566
566
  email
567
567
  </span>
@@ -571,7 +571,7 @@ exports[`component:<Table> prop:filter 1`] = `
571
571
  @mirai.com
572
572
  </span>
573
573
  <div
574
- class="pressable"
574
+ class="pressable buttonRemove"
575
575
  >
576
576
  <span
577
577
  class="icon action"
@@ -597,10 +597,10 @@ exports[`component:<Table> prop:filter 1`] = `
597
597
  </div>
598
598
  </div>
599
599
  <div
600
- class="view row filter"
600
+ class="view row item"
601
601
  >
602
602
  <span
603
- class="text small"
603
+ class="text tiny lighten"
604
604
  >
605
605
  email
606
606
  </span>
@@ -610,7 +610,7 @@ exports[`component:<Table> prop:filter 1`] = `
610
610
  @soyjavi.com
611
611
  </span>
612
612
  <div
613
- class="pressable"
613
+ class="pressable buttonRemove"
614
614
  >
615
615
  <span
616
616
  class="icon action"
@@ -636,10 +636,10 @@ exports[`component:<Table> prop:filter 1`] = `
636
636
  </div>
637
637
  </div>
638
638
  <div
639
- class="view row filter"
639
+ class="view row item"
640
640
  >
641
641
  <span
642
- class="text small"
642
+ class="text tiny lighten"
643
643
  >
644
644
  year
645
645
  </span>
@@ -654,7 +654,7 @@ exports[`component:<Table> prop:filter 1`] = `
654
654
  - 2023
655
655
  </span>
656
656
  <div
657
- class="pressable"
657
+ class="pressable buttonRemove"
658
658
  >
659
659
  <span
660
660
  class="icon action"
@@ -4013,6 +4013,368 @@ exports[`component:<Table> prop:selected 1`] = `
4013
4013
  </DocumentFragment>
4014
4014
  `;
4015
4015
 
4016
+ exports[`component:<Table> prop:store 1`] = `
4017
+ <DocumentFragment>
4018
+ <div
4019
+ class="view row wide filters"
4020
+ >
4021
+ <div
4022
+ class="view row item"
4023
+ >
4024
+ <span
4025
+ class="text tiny lighten"
4026
+ >
4027
+ year
4028
+ </span>
4029
+ <span
4030
+ class="text bold small"
4031
+ >
4032
+ 2020
4033
+ </span>
4034
+ <span
4035
+ class="text bold small"
4036
+ >
4037
+ - 2020
4038
+ </span>
4039
+ <div
4040
+ class="pressable buttonRemove"
4041
+ >
4042
+ <span
4043
+ class="icon action"
4044
+ >
4045
+ <svg
4046
+ fill="currentColor"
4047
+ height="1em"
4048
+ stroke="currentColor"
4049
+ stroke-width="0"
4050
+ viewBox="0 0 24 24"
4051
+ width="1em"
4052
+ xmlns="http://www.w3.org/2000/svg"
4053
+ >
4054
+ <path
4055
+ d="M0 0h24v24H0V0z"
4056
+ fill="none"
4057
+ />
4058
+ <path
4059
+ d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
4060
+ />
4061
+ </svg>
4062
+ </span>
4063
+ </div>
4064
+ </div>
4065
+ </div>
4066
+ <table
4067
+ class="table"
4068
+ >
4069
+ <thead>
4070
+ <tr>
4071
+ <th>
4072
+ <span
4073
+ class="view forceRow column"
4074
+ >
4075
+ User Name
4076
+ <div
4077
+ class="view row icons"
4078
+ >
4079
+ <span
4080
+ class="icon headline-3 icon disabled"
4081
+ >
4082
+ <svg
4083
+ fill="currentColor"
4084
+ height="1em"
4085
+ stroke="currentColor"
4086
+ stroke-width="0"
4087
+ viewBox="0 0 24 24"
4088
+ width="1em"
4089
+ xmlns="http://www.w3.org/2000/svg"
4090
+ >
4091
+ <path
4092
+ d="M0 0h24v24H0V0z"
4093
+ fill="none"
4094
+ />
4095
+ <path
4096
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4097
+ />
4098
+ </svg>
4099
+ </span>
4100
+ <span>
4101
+ <div
4102
+ class="pressable"
4103
+ style="position: relative;"
4104
+ >
4105
+ <span
4106
+ class="icon headline-3 icon disabled"
4107
+ >
4108
+ <svg
4109
+ fill="currentColor"
4110
+ height="1em"
4111
+ stroke="currentColor"
4112
+ stroke-width="0"
4113
+ viewBox="0 0 24 24"
4114
+ width="1em"
4115
+ xmlns="http://www.w3.org/2000/svg"
4116
+ >
4117
+ <path
4118
+ d="M0 0h24v24H0V0z"
4119
+ fill="none"
4120
+ />
4121
+ <path
4122
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4123
+ />
4124
+ </svg>
4125
+ </span>
4126
+ </div>
4127
+ </span>
4128
+ </div>
4129
+ </span>
4130
+ </th>
4131
+ <th>
4132
+ <span
4133
+ class="view forceRow column"
4134
+ >
4135
+ Email
4136
+ <div
4137
+ class="view row icons"
4138
+ >
4139
+ <span
4140
+ class="icon headline-3 icon disabled"
4141
+ >
4142
+ <svg
4143
+ fill="currentColor"
4144
+ height="1em"
4145
+ stroke="currentColor"
4146
+ stroke-width="0"
4147
+ viewBox="0 0 24 24"
4148
+ width="1em"
4149
+ xmlns="http://www.w3.org/2000/svg"
4150
+ >
4151
+ <path
4152
+ d="M0 0h24v24H0V0z"
4153
+ fill="none"
4154
+ />
4155
+ <path
4156
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4157
+ />
4158
+ </svg>
4159
+ </span>
4160
+ <span>
4161
+ <div
4162
+ class="pressable"
4163
+ style="position: relative;"
4164
+ >
4165
+ <span
4166
+ class="icon headline-3 icon disabled"
4167
+ >
4168
+ <svg
4169
+ fill="currentColor"
4170
+ height="1em"
4171
+ stroke="currentColor"
4172
+ stroke-width="0"
4173
+ viewBox="0 0 24 24"
4174
+ width="1em"
4175
+ xmlns="http://www.w3.org/2000/svg"
4176
+ >
4177
+ <path
4178
+ d="M0 0h24v24H0V0z"
4179
+ fill="none"
4180
+ />
4181
+ <path
4182
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4183
+ />
4184
+ </svg>
4185
+ </span>
4186
+ </div>
4187
+ </span>
4188
+ </div>
4189
+ </span>
4190
+ </th>
4191
+ <th>
4192
+ <span
4193
+ class="view forceRow column"
4194
+ >
4195
+ Year
4196
+ <div
4197
+ class="view row icons"
4198
+ >
4199
+ <span
4200
+ class="icon headline-3 icon disabled"
4201
+ >
4202
+ <svg
4203
+ fill="currentColor"
4204
+ height="1em"
4205
+ stroke="currentColor"
4206
+ stroke-width="0"
4207
+ viewBox="0 0 24 24"
4208
+ width="1em"
4209
+ xmlns="http://www.w3.org/2000/svg"
4210
+ >
4211
+ <path
4212
+ d="M0 0h24v24H0V0z"
4213
+ fill="none"
4214
+ />
4215
+ <path
4216
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4217
+ />
4218
+ </svg>
4219
+ </span>
4220
+ <span>
4221
+ <div
4222
+ class="pressable"
4223
+ style="position: relative;"
4224
+ >
4225
+ <span
4226
+ class="icon headline-3 icon disabled"
4227
+ >
4228
+ <svg
4229
+ fill="currentColor"
4230
+ height="1em"
4231
+ stroke="currentColor"
4232
+ stroke-width="0"
4233
+ viewBox="0 0 24 24"
4234
+ width="1em"
4235
+ xmlns="http://www.w3.org/2000/svg"
4236
+ >
4237
+ <path
4238
+ d="M0 0h24v24H0V0z"
4239
+ fill="none"
4240
+ />
4241
+ <path
4242
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4243
+ />
4244
+ </svg>
4245
+ </span>
4246
+ </div>
4247
+ </span>
4248
+ </div>
4249
+ </span>
4250
+ </th>
4251
+ <th>
4252
+ <span
4253
+ class="view forceRow column"
4254
+ >
4255
+ Twitter
4256
+ <div
4257
+ class="view row icons"
4258
+ >
4259
+ <span
4260
+ class="icon headline-3 icon disabled"
4261
+ >
4262
+ <svg
4263
+ fill="currentColor"
4264
+ height="1em"
4265
+ stroke="currentColor"
4266
+ stroke-width="0"
4267
+ viewBox="0 0 24 24"
4268
+ width="1em"
4269
+ xmlns="http://www.w3.org/2000/svg"
4270
+ >
4271
+ <path
4272
+ d="M0 0h24v24H0V0z"
4273
+ fill="none"
4274
+ />
4275
+ <path
4276
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4277
+ />
4278
+ </svg>
4279
+ </span>
4280
+ <span>
4281
+ <div
4282
+ class="pressable"
4283
+ style="position: relative;"
4284
+ >
4285
+ <span
4286
+ class="icon headline-3 icon disabled"
4287
+ >
4288
+ <svg
4289
+ fill="currentColor"
4290
+ height="1em"
4291
+ stroke="currentColor"
4292
+ stroke-width="0"
4293
+ viewBox="0 0 24 24"
4294
+ width="1em"
4295
+ xmlns="http://www.w3.org/2000/svg"
4296
+ >
4297
+ <path
4298
+ d="M0 0h24v24H0V0z"
4299
+ fill="none"
4300
+ />
4301
+ <path
4302
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4303
+ />
4304
+ </svg>
4305
+ </span>
4306
+ </div>
4307
+ </span>
4308
+ </div>
4309
+ </span>
4310
+ </th>
4311
+ <th>
4312
+ <span
4313
+ class="view forceRow column"
4314
+ >
4315
+ Action
4316
+ <div
4317
+ class="view row icons"
4318
+ >
4319
+ <span
4320
+ class="icon headline-3 icon disabled"
4321
+ >
4322
+ <svg
4323
+ fill="currentColor"
4324
+ height="1em"
4325
+ stroke="currentColor"
4326
+ stroke-width="0"
4327
+ viewBox="0 0 24 24"
4328
+ width="1em"
4329
+ xmlns="http://www.w3.org/2000/svg"
4330
+ >
4331
+ <path
4332
+ d="M0 0h24v24H0V0z"
4333
+ fill="none"
4334
+ />
4335
+ <path
4336
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4337
+ />
4338
+ </svg>
4339
+ </span>
4340
+ <span>
4341
+ <div
4342
+ class="pressable"
4343
+ style="position: relative;"
4344
+ >
4345
+ <span
4346
+ class="icon headline-3 icon disabled"
4347
+ >
4348
+ <svg
4349
+ fill="currentColor"
4350
+ height="1em"
4351
+ stroke="currentColor"
4352
+ stroke-width="0"
4353
+ viewBox="0 0 24 24"
4354
+ width="1em"
4355
+ xmlns="http://www.w3.org/2000/svg"
4356
+ >
4357
+ <path
4358
+ d="M0 0h24v24H0V0z"
4359
+ fill="none"
4360
+ />
4361
+ <path
4362
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4363
+ />
4364
+ </svg>
4365
+ </span>
4366
+ </div>
4367
+ </span>
4368
+ </div>
4369
+ </span>
4370
+ </th>
4371
+ </tr>
4372
+ </thead>
4373
+ <tbody />
4374
+ </table>
4375
+ </DocumentFragment>
4376
+ `;
4377
+
4016
4378
  exports[`component:<Table> renders 1`] = `
4017
4379
  <DocumentFragment>
4018
4380
  <table
@@ -14,4 +14,15 @@ Object.keys(_select).forEach(function (key) {
14
14
  }
15
15
  });
16
16
  });
17
+ var _storage = require("./storage");
18
+ Object.keys(_storage).forEach(function (key) {
19
+ if (key === "default" || key === "__esModule") return;
20
+ if (key in exports && exports[key] === _storage[key]) return;
21
+ Object.defineProperty(exports, key, {
22
+ enumerable: true,
23
+ get: function get() {
24
+ return _storage[key];
25
+ }
26
+ });
27
+ });
17
28
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Table/helpers/index.js"],"sourcesContent":["export * from './select';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
1
+ {"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Table/helpers/index.js"],"sourcesContent":["export * from './select';\nexport * from './storage';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
@@ -20,7 +20,8 @@ var select = function select() {
20
20
  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
21
21
  _ref$dataSource = _ref.dataSource,
22
22
  dataSource = _ref$dataSource === void 0 ? [] : _ref$dataSource,
23
- filter = _ref.filter,
23
+ _ref$filter = _ref.filter,
24
+ filter = _ref$filter === void 0 ? [] : _ref$filter,
24
25
  _ref$schema = _ref.schema,
25
26
  schema = _ref$schema === void 0 ? {} : _ref$schema,
26
27
  search = _ref.search,
@@ -28,11 +29,15 @@ var select = function select() {
28
29
  sort = _ref$sort === void 0 ? {} : _ref$sort;
29
30
  var flatten = _toConsumableArray(dataSource);
30
31
  var values = [];
32
+ var fields = Object.keys(schema);
31
33
  if ((filter === null || filter === void 0 ? void 0 : filter.length) > 0) {
32
- var filterGrouped = _toConsumableArray(filter).reduce(function (group) {
34
+ var filterGrouped = _toConsumableArray(filter).filter(function (_ref2) {
35
+ var field = _ref2.field;
36
+ return fields.includes(field);
37
+ }).reduce(function (group) {
33
38
  var item = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
34
- var itemFound = group.find(function (_ref2) {
35
- var field = _ref2.field;
39
+ var itemFound = group.find(function (_ref3) {
40
+ var field = _ref3.field;
36
41
  return item.field === field;
37
42
  });
38
43
  if (itemFound && item.value) {
@@ -45,14 +50,14 @@ var select = function select() {
45
50
  }, []);
46
51
  flatten = flatten.filter(function () {
47
52
  var row = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
48
- return filterGrouped.every(function (_ref3) {
53
+ return filterGrouped.every(function (_ref4) {
49
54
  var _fieldValue;
50
- var field = _ref3.field,
51
- _ref3$max = _ref3.max,
52
- max = _ref3$max === void 0 ? Infinity : _ref3$max,
53
- _ref3$min = _ref3.min,
54
- min = _ref3$min === void 0 ? -Infinity : _ref3$min,
55
- value = _ref3.value;
55
+ var field = _ref4.field,
56
+ _ref4$max = _ref4.max,
57
+ max = _ref4$max === void 0 ? Infinity : _ref4$max,
58
+ _ref4$min = _ref4.min,
59
+ min = _ref4$min === void 0 ? -Infinity : _ref4$min,
60
+ value = _ref4.value;
56
61
  var fieldValue = row[schema[field].bind || field];
57
62
  if (Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ');
58
63
  return value ? !Array.isArray(value) ? (_fieldValue = fieldValue) === null || _fieldValue === void 0 ? void 0 : _fieldValue.toLowerCase().includes(value.toLowerCase()) : value.some(function (item) {
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","names":["select","dataSource","filter","schema","search","sort","flatten","values","length","filterGrouped","reduce","group","item","itemFound","find","field","value","Array","isArray","push","row","every","max","Infinity","min","fieldValue","bind","join","toLowerCase","includes","some","forEach","index","rowValues","Object","keys","key","type","map","JSON","stringify","fieldKey","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 if (filter?.length > 0) {\n const filterGrouped = [...filter].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 = Infinity, min = -Infinity, value }) => {\n let fieldValue = row[schema[field].bind || field];\n if (Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ');\n\n return value\n ? !Array.isArray(value)\n ? fieldValue?.toLowerCase().includes(value.toLowerCase())\n : value.some((item) => fieldValue?.toLowerCase().includes(item.toLowerCase()))\n : min || max\n ? row[field] >= min && row[field] <= max\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]?.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((a, b) => (a[fieldKey] >= b[fieldKey] ? 1 * order : -1 * order));\n });\n\n return values;\n};\n"],"mappings":"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"}
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","Infinity","min","fieldValue","bind","join","toLowerCase","some","forEach","index","rowValues","key","type","map","JSON","stringify","fieldKey","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 = Infinity, min = -Infinity, value }) => {\n let fieldValue = row[schema[field].bind || field];\n if (Array.isArray(fieldValue)) fieldValue = fieldValue.join(' ');\n\n return value\n ? !Array.isArray(value)\n ? fieldValue?.toLowerCase().includes(value.toLowerCase())\n : value.some((item) => fieldValue?.toLowerCase().includes(item.toLowerCase()))\n : min || max\n ? row[field] >= min && row[field] <= max\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]?.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((a, b) => (a[fieldKey] >= b[fieldKey] ? 1 * order : -1 * order));\n });\n\n return values;\n};\n"],"mappings":"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"}
@@ -0,0 +1,28 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.Storage = void 0;
7
+ var _Table = require("../Table.constants");
8
+ var Storage = {
9
+ get: function get(store) {
10
+ if (!store) return store;
11
+ try {
12
+ return JSON.parse(localStorage.getItem("".concat(_Table.STORAGE_KEY, ":").concat(store)));
13
+ } catch (error) {
14
+ return undefined;
15
+ }
16
+ },
17
+ set: function set(store, value) {
18
+ if (!store) return store;
19
+ try {
20
+ var key = "".concat(_Table.STORAGE_KEY, ":").concat(store);
21
+ if (value) localStorage.setItem(key, JSON.stringify(value));else localStorage.removeItem(key);
22
+ } catch (error) {
23
+ throw Error(error);
24
+ }
25
+ }
26
+ };
27
+ exports.Storage = Storage;
28
+ //# sourceMappingURL=storage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"storage.js","names":["Storage","get","store","JSON","parse","localStorage","getItem","STORAGE_KEY","error","undefined","set","value","key","setItem","stringify","removeItem","Error"],"sources":["../../../../src/components/Table/helpers/storage.js"],"sourcesContent":["import { STORAGE_KEY } from '../Table.constants';\n\nexport const Storage = {\n get: (store) => {\n if (!store) return store;\n\n try {\n return JSON.parse(localStorage.getItem(`${STORAGE_KEY}:${store}`));\n } catch (error) {\n return undefined;\n }\n },\n\n set: (store, value) => {\n if (!store) return store;\n\n try {\n const key = `${STORAGE_KEY}:${store}`;\n if (value) localStorage.setItem(key, JSON.stringify(value));\n else localStorage.removeItem(key);\n } catch (error) {\n throw Error(error);\n }\n },\n};\n"],"mappings":";;;;;;AAAA;AAEO,IAAMA,OAAO,GAAG;EACrBC,GAAG,EAAE,aAACC,KAAK,EAAK;IACd,IAAI,CAACA,KAAK,EAAE,OAAOA,KAAK;IAExB,IAAI;MACF,OAAOC,IAAI,CAACC,KAAK,CAACC,YAAY,CAACC,OAAO,WAAIC,kBAAW,cAAIL,KAAK,EAAG,CAAC;IACpE,CAAC,CAAC,OAAOM,KAAK,EAAE;MACd,OAAOC,SAAS;IAClB;EACF,CAAC;EAEDC,GAAG,EAAE,aAACR,KAAK,EAAES,KAAK,EAAK;IACrB,IAAI,CAACT,KAAK,EAAE,OAAOA,KAAK;IAExB,IAAI;MACF,IAAMU,GAAG,aAAML,kBAAW,cAAIL,KAAK,CAAE;MACrC,IAAIS,KAAK,EAAEN,YAAY,CAACQ,OAAO,CAACD,GAAG,EAAET,IAAI,CAACW,SAAS,CAACH,KAAK,CAAC,CAAC,CAAC,KACvDN,YAAY,CAACU,UAAU,CAACH,GAAG,CAAC;IACnC,CAAC,CAAC,OAAOJ,KAAK,EAAE;MACd,MAAMQ,KAAK,CAACR,KAAK,CAAC;IACpB;EACF;AACF,CAAC;AAAC"}
@@ -1,5 +1,5 @@
1
1
  .layer {
2
- position: absolute;
2
+ position: fixed;
3
3
  z-index: var(--mirai-ui-layer-content);
4
4
  }
5
5
 
@@ -11,7 +11,7 @@ var _helpers = require("../../helpers");
11
11
  var _Primitive = require("../Primitive");
12
12
  var _helpers2 = require("./helpers");
13
13
  var _TextModule = _interopRequireDefault(require("./Text.module.css"));
14
- var _excluded = ["accent", "action", "bold", "children", "headline", "level", "lighten", "markdown", "small", "tag", "underline", "upperCase", "wide"];
14
+ var _excluded = ["accent", "action", "bold", "children", "headline", "level", "lighten", "markdown", "small", "tag", "tiny", "underline", "upperCase", "wide"];
15
15
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
16
16
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
17
17
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -33,6 +33,7 @@ var Text = function Text(_ref) {
33
33
  markdown = _ref$markdown === void 0 ? true : _ref$markdown,
34
34
  small = _ref.small,
35
35
  tag = _ref.tag,
36
+ tiny = _ref.tiny,
36
37
  underline = _ref.underline,
37
38
  upperCase = _ref.upperCase,
38
39
  wide = _ref.wide,
@@ -40,7 +41,7 @@ var Text = function Text(_ref) {
40
41
  return /*#__PURE__*/_react.default.createElement(_Primitive.Primitive, _objectSpread(_objectSpread({}, others), {}, {
41
42
  role: others.role || 'text',
42
43
  tag: tag || (headline ? "h".concat(level) : 'span'),
43
- className: (0, _helpers.styles)(_TextModule.default.text, accent && _TextModule.default.accent, bold && _TextModule.default.bold, headline ? _TextModule.default["headline-".concat(level)] : action ? _TextModule.default.action : small ? _TextModule.default.small : _TextModule.default.paragraph, lighten && _TextModule.default.lighten, underline && _TextModule.default.underline, upperCase && _TextModule.default.upperCase, wide && _TextModule.default.wide, others.className)
44
+ className: (0, _helpers.styles)(_TextModule.default.text, accent && _TextModule.default.accent, bold && _TextModule.default.bold, headline ? _TextModule.default["headline-".concat(level)] : action ? _TextModule.default.action : small ? _TextModule.default.small : tiny ? _TextModule.default.tiny : _TextModule.default.paragraph, lighten && _TextModule.default.lighten, underline && _TextModule.default.underline, upperCase && _TextModule.default.upperCase, wide && _TextModule.default.wide, others.className)
44
45
  }), markdown ? (0, _helpers2.parseMarkdown)(children) : children);
45
46
  };
46
47
  exports.Text = Text;
@@ -56,6 +57,7 @@ Text.propTypes = {
56
57
  markdown: _propTypes.default.bool,
57
58
  small: _propTypes.default.bool,
58
59
  tag: _propTypes.default.string,
60
+ tiny: _propTypes.default.bool,
59
61
  underline: _propTypes.default.bool,
60
62
  upperCase: _propTypes.default.bool,
61
63
  wide: _propTypes.default.bool
@@ -1 +1 @@
1
- {"version":3,"file":"Text.js","names":["Text","accent","action","bold","children","headline","level","lighten","markdown","small","tag","underline","upperCase","wide","others","React","createElement","Primitive","role","className","styles","style","text","paragraph","parseMarkdown","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n accent,\n action,\n bold,\n children,\n headline,\n level = 3,\n lighten,\n markdown = true,\n small,\n tag,\n underline,\n upperCase,\n wide,\n ...others\n}) =>\n React.createElement(\n Primitive,\n {\n ...others,\n role: others.role || 'text',\n tag: tag || (headline ? `h${level}` : 'span'),\n className: styles(\n style.text,\n accent && style.accent,\n bold && style.bold,\n headline ? style[`headline-${level}`] : action ? style.action : small ? style.small : style.paragraph,\n lighten && style.lighten,\n underline && style.underline,\n upperCase && style.upperCase,\n wide && style.wide,\n others.className,\n ),\n },\n markdown ? parseMarkdown(children) : children,\n );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n accent: PropTypes.bool,\n action: PropTypes.bool,\n bold: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n headline: PropTypes.bool,\n level: PropTypes.number,\n lighten: PropTypes.bool,\n markdown: PropTypes.bool,\n small: PropTypes.bool,\n tag: PropTypes.string,\n underline: PropTypes.bool,\n upperCase: PropTypes.bool,\n wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IACRC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,kBACRC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,OAAO,QAAPA,OAAO;IAAA,qBACPC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IACfC,KAAK,QAALA,KAAK;IACLC,GAAG,QAAHA,GAAG;IACHC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACDC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BR,GAAG,EAAEA,GAAG,KAAKL,QAAQ,cAAOC,KAAK,IAAK,MAAM,CAAC;IAC7Ca,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVrB,MAAM,IAAIoB,mBAAK,CAACpB,MAAM,EACtBE,IAAI,IAAIkB,mBAAK,CAAClB,IAAI,EAClBE,QAAQ,GAAGgB,mBAAK,oBAAaf,KAAK,EAAG,GAAGJ,MAAM,GAAGmB,mBAAK,CAACnB,MAAM,GAAGO,KAAK,GAAGY,mBAAK,CAACZ,KAAK,GAAGY,mBAAK,CAACE,SAAS,EACrGhB,OAAO,IAAIc,mBAAK,CAACd,OAAO,EACxBI,SAAS,IAAIU,mBAAK,CAACV,SAAS,EAC5BC,SAAS,IAAIS,mBAAK,CAACT,SAAS,EAC5BC,IAAI,IAAIQ,mBAAK,CAACR,IAAI,EAClBC,MAAM,CAACK,SAAS;EACjB,IAEHX,QAAQ,GAAG,IAAAgB,uBAAa,EAACpB,QAAQ,CAAC,GAAGA,QAAQ,CAC9C;AAAA;AAAC;AAEJJ,IAAI,CAACyB,WAAW,GAAG,gBAAgB;AAEnCzB,IAAI,CAAC0B,SAAS,GAAG;EACfzB,MAAM,EAAE0B,kBAAS,CAACC,IAAI;EACtB1B,MAAM,EAAEyB,kBAAS,CAACC,IAAI;EACtBzB,IAAI,EAAEwB,kBAAS,CAACC,IAAI;EACpBxB,QAAQ,EAAEuB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpF3B,QAAQ,EAAEsB,kBAAS,CAACC,IAAI;EACxBtB,KAAK,EAAEqB,kBAAS,CAACI,MAAM;EACvBxB,OAAO,EAAEoB,kBAAS,CAACC,IAAI;EACvBpB,QAAQ,EAAEmB,kBAAS,CAACC,IAAI;EACxBnB,KAAK,EAAEkB,kBAAS,CAACC,IAAI;EACrBlB,GAAG,EAAEiB,kBAAS,CAACG,MAAM;EACrBnB,SAAS,EAAEgB,kBAAS,CAACC,IAAI;EACzBhB,SAAS,EAAEe,kBAAS,CAACC,IAAI;EACzBf,IAAI,EAAEc,kBAAS,CAACC;AAClB,CAAC"}
1
+ {"version":3,"file":"Text.js","names":["Text","accent","action","bold","children","headline","level","lighten","markdown","small","tag","tiny","underline","upperCase","wide","others","React","createElement","Primitive","role","className","styles","style","text","paragraph","parseMarkdown","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Primitive } from '../Primitive';\nimport { parseMarkdown } from './helpers';\nimport style from './Text.module.css';\n\nconst Text = ({\n accent,\n action,\n bold,\n children,\n headline,\n level = 3,\n lighten,\n markdown = true,\n small,\n tag,\n tiny,\n underline,\n upperCase,\n wide,\n ...others\n}) =>\n React.createElement(\n Primitive,\n {\n ...others,\n role: others.role || 'text',\n tag: tag || (headline ? `h${level}` : 'span'),\n className: styles(\n style.text,\n accent && style.accent,\n bold && style.bold,\n headline\n ? style[`headline-${level}`]\n : action\n ? style.action\n : small\n ? style.small\n : tiny\n ? style.tiny\n : style.paragraph,\n lighten && style.lighten,\n underline && style.underline,\n upperCase && style.upperCase,\n wide && style.wide,\n others.className,\n ),\n },\n markdown ? parseMarkdown(children) : children,\n );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n accent: PropTypes.bool,\n action: PropTypes.bool,\n bold: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n headline: PropTypes.bool,\n level: PropTypes.number,\n lighten: PropTypes.bool,\n markdown: PropTypes.bool,\n small: PropTypes.bool,\n tag: PropTypes.string,\n tiny: PropTypes.bool,\n underline: PropTypes.bool,\n upperCase: PropTypes.bool,\n wide: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IACRC,MAAM,QAANA,MAAM;IACNC,MAAM,QAANA,MAAM;IACNC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;IAAA,kBACRC,KAAK;IAALA,KAAK,2BAAG,CAAC;IACTC,OAAO,QAAPA,OAAO;IAAA,qBACPC,QAAQ;IAARA,QAAQ,8BAAG,IAAI;IACfC,KAAK,QAALA,KAAK;IACLC,GAAG,QAAHA,GAAG;IACHC,IAAI,QAAJA,IAAI;IACJC,SAAS,QAATA,SAAS;IACTC,SAAS,QAATA,SAAS;IACTC,IAAI,QAAJA,IAAI;IACDC,MAAM;EAAA,oBAETC,cAAK,CAACC,aAAa,CACjBC,oBAAS,kCAEJH,MAAM;IACTI,IAAI,EAAEJ,MAAM,CAACI,IAAI,IAAI,MAAM;IAC3BT,GAAG,EAAEA,GAAG,KAAKL,QAAQ,cAAOC,KAAK,IAAK,MAAM,CAAC;IAC7Cc,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVtB,MAAM,IAAIqB,mBAAK,CAACrB,MAAM,EACtBE,IAAI,IAAImB,mBAAK,CAACnB,IAAI,EAClBE,QAAQ,GACJiB,mBAAK,oBAAahB,KAAK,EAAG,GAC1BJ,MAAM,GACNoB,mBAAK,CAACpB,MAAM,GACZO,KAAK,GACLa,mBAAK,CAACb,KAAK,GACXE,IAAI,GACJW,mBAAK,CAACX,IAAI,GACVW,mBAAK,CAACE,SAAS,EACnBjB,OAAO,IAAIe,mBAAK,CAACf,OAAO,EACxBK,SAAS,IAAIU,mBAAK,CAACV,SAAS,EAC5BC,SAAS,IAAIS,mBAAK,CAACT,SAAS,EAC5BC,IAAI,IAAIQ,mBAAK,CAACR,IAAI,EAClBC,MAAM,CAACK,SAAS;EACjB,IAEHZ,QAAQ,GAAG,IAAAiB,uBAAa,EAACrB,QAAQ,CAAC,GAAGA,QAAQ,CAC9C;AAAA;AAAC;AAEJJ,IAAI,CAAC0B,WAAW,GAAG,gBAAgB;AAEnC1B,IAAI,CAAC2B,SAAS,GAAG;EACf1B,MAAM,EAAE2B,kBAAS,CAACC,IAAI;EACtB3B,MAAM,EAAE0B,kBAAS,CAACC,IAAI;EACtB1B,IAAI,EAAEyB,kBAAS,CAACC,IAAI;EACpBzB,QAAQ,EAAEwB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpF5B,QAAQ,EAAEuB,kBAAS,CAACC,IAAI;EACxBvB,KAAK,EAAEsB,kBAAS,CAACI,MAAM;EACvBzB,OAAO,EAAEqB,kBAAS,CAACC,IAAI;EACvBrB,QAAQ,EAAEoB,kBAAS,CAACC,IAAI;EACxBpB,KAAK,EAAEmB,kBAAS,CAACC,IAAI;EACrBnB,GAAG,EAAEkB,kBAAS,CAACG,MAAM;EACrBpB,IAAI,EAAEiB,kBAAS,CAACC,IAAI;EACpBjB,SAAS,EAAEgB,kBAAS,CAACC,IAAI;EACzBhB,SAAS,EAAEe,kBAAS,CAACC,IAAI;EACzBf,IAAI,EAAEc,kBAAS,CAACC;AAClB,CAAC"}
@@ -61,6 +61,11 @@ h4.headline-4 {
61
61
  line-height: var(--mirai-ui-line-height-small);
62
62
  }
63
63
 
64
+ .tiny {
65
+ font-size: var(--mirai-ui-font-size-tiny);
66
+ line-height: var(--mirai-ui-line-height-tiny);
67
+ }
68
+
64
69
  .underline {
65
70
  text-decoration: underline;
66
71
  }
@@ -35,6 +35,7 @@ Story.args = {
35
35
  lighten: false,
36
36
  small: false,
37
37
  tag: 'span',
38
+ tiny: false,
38
39
  underline: false,
39
40
  upperCase: false,
40
41
  wide: false,