@apia/icons 0.0.7 → 0.0.9-alpha.0
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.
- package/dist/index.d.ts +204 -0
- package/dist/index.js +97 -1
- package/entries.json +1 -0
- package/package.json +6 -8
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,204 @@
|
|
|
1
|
+
import * as theme_ui_jsx_runtime from 'theme-ui/jsx-runtime';
|
|
2
|
+
import { IconType, IconBaseProps } from '@meronex/icons';
|
|
3
|
+
import { RequireExactlyOne } from 'type-fest';
|
|
4
|
+
|
|
5
|
+
type TIconType = IconType;
|
|
6
|
+
type TIconName = keyof typeof IconsMap;
|
|
7
|
+
/**
|
|
8
|
+
* La idea original al menos, es que los nombres de los íconos sean lo más
|
|
9
|
+
* genérico posible. Como ejemplo, tenemos el ícono Plus, cuyo nombre no indica
|
|
10
|
+
* nada acerca del rol que ocupa en la aplicación, sino que solamente describe
|
|
11
|
+
* qué ícono podemos esperar encontrar.
|
|
12
|
+
*
|
|
13
|
+
* Para indicar qué uso podría tener en la aplicación, se pueden agregar tags
|
|
14
|
+
* en el array tags correspondiente.
|
|
15
|
+
*/
|
|
16
|
+
declare const IconsMap: {
|
|
17
|
+
Alert: {
|
|
18
|
+
icon: IconType;
|
|
19
|
+
tags: string[];
|
|
20
|
+
};
|
|
21
|
+
ArrowLeft: {
|
|
22
|
+
icon: IconType;
|
|
23
|
+
tags: never[];
|
|
24
|
+
};
|
|
25
|
+
ArrowRight: {
|
|
26
|
+
icon: IconType;
|
|
27
|
+
tags: never[];
|
|
28
|
+
};
|
|
29
|
+
ArrowUp: {
|
|
30
|
+
icon: IconType;
|
|
31
|
+
tags: never[];
|
|
32
|
+
};
|
|
33
|
+
ArrowDown: {
|
|
34
|
+
icon: IconType;
|
|
35
|
+
tags: never[];
|
|
36
|
+
};
|
|
37
|
+
Calendar: {
|
|
38
|
+
icon: IconType;
|
|
39
|
+
tags: string[];
|
|
40
|
+
};
|
|
41
|
+
Check: {
|
|
42
|
+
icon: IconType;
|
|
43
|
+
tags: string[];
|
|
44
|
+
};
|
|
45
|
+
Close: {
|
|
46
|
+
icon: IconType;
|
|
47
|
+
tags: string[];
|
|
48
|
+
};
|
|
49
|
+
DragAndDrop: {
|
|
50
|
+
icon: IconType;
|
|
51
|
+
tags: string[];
|
|
52
|
+
};
|
|
53
|
+
Edit: {
|
|
54
|
+
icon: IconType;
|
|
55
|
+
tags: string[];
|
|
56
|
+
};
|
|
57
|
+
File: {
|
|
58
|
+
icon: IconType;
|
|
59
|
+
tags: string[];
|
|
60
|
+
};
|
|
61
|
+
Filter: {
|
|
62
|
+
icon: IconType;
|
|
63
|
+
tags: never[];
|
|
64
|
+
};
|
|
65
|
+
First: {
|
|
66
|
+
icon: IconType;
|
|
67
|
+
tags: never[];
|
|
68
|
+
};
|
|
69
|
+
FolderClosed: {
|
|
70
|
+
icon: IconType;
|
|
71
|
+
tags: string[];
|
|
72
|
+
};
|
|
73
|
+
FolderOpen: {
|
|
74
|
+
icon: IconType;
|
|
75
|
+
tags: string[];
|
|
76
|
+
};
|
|
77
|
+
Groups: {
|
|
78
|
+
icon: IconType;
|
|
79
|
+
tags: never[];
|
|
80
|
+
};
|
|
81
|
+
Hamburguer: {
|
|
82
|
+
icon: IconType;
|
|
83
|
+
tags: string[];
|
|
84
|
+
};
|
|
85
|
+
Help: {
|
|
86
|
+
icon: IconType;
|
|
87
|
+
tags: string[];
|
|
88
|
+
};
|
|
89
|
+
Home: {
|
|
90
|
+
icon: IconType;
|
|
91
|
+
tags: string[];
|
|
92
|
+
};
|
|
93
|
+
Info: {
|
|
94
|
+
icon: IconType;
|
|
95
|
+
tags: never[];
|
|
96
|
+
};
|
|
97
|
+
Last: {
|
|
98
|
+
icon: IconType;
|
|
99
|
+
tags: never[];
|
|
100
|
+
};
|
|
101
|
+
Maximize: {
|
|
102
|
+
icon: IconType;
|
|
103
|
+
tags: string[];
|
|
104
|
+
};
|
|
105
|
+
Minimize: {
|
|
106
|
+
icon: IconType;
|
|
107
|
+
tags: string[];
|
|
108
|
+
};
|
|
109
|
+
Minus: {
|
|
110
|
+
icon: IconType;
|
|
111
|
+
tags: string[];
|
|
112
|
+
};
|
|
113
|
+
MinusFilled: {
|
|
114
|
+
icon: IconType;
|
|
115
|
+
tags: string[];
|
|
116
|
+
};
|
|
117
|
+
Next: {
|
|
118
|
+
icon: IconType;
|
|
119
|
+
tags: never[];
|
|
120
|
+
};
|
|
121
|
+
Plus: {
|
|
122
|
+
icon: IconType;
|
|
123
|
+
tags: string[];
|
|
124
|
+
};
|
|
125
|
+
PlusFilled: {
|
|
126
|
+
icon: IconType;
|
|
127
|
+
tags: string[];
|
|
128
|
+
};
|
|
129
|
+
Previous: {
|
|
130
|
+
icon: IconType;
|
|
131
|
+
tags: never[];
|
|
132
|
+
};
|
|
133
|
+
Print: {
|
|
134
|
+
icon: IconType;
|
|
135
|
+
tags: never[];
|
|
136
|
+
};
|
|
137
|
+
Refresh: {
|
|
138
|
+
icon: IconType;
|
|
139
|
+
tags: string[];
|
|
140
|
+
};
|
|
141
|
+
Search: {
|
|
142
|
+
icon: IconType;
|
|
143
|
+
tags: never[];
|
|
144
|
+
};
|
|
145
|
+
SquareFilled: {
|
|
146
|
+
icon: IconType;
|
|
147
|
+
tags: never[];
|
|
148
|
+
};
|
|
149
|
+
SquareOutline: {
|
|
150
|
+
icon: IconType;
|
|
151
|
+
tags: never[];
|
|
152
|
+
};
|
|
153
|
+
Star: {
|
|
154
|
+
icon: IconType;
|
|
155
|
+
tags: string[];
|
|
156
|
+
};
|
|
157
|
+
Translate: {
|
|
158
|
+
icon: IconType;
|
|
159
|
+
tags: string[];
|
|
160
|
+
};
|
|
161
|
+
Trash: {
|
|
162
|
+
icon: IconType;
|
|
163
|
+
tags: string[];
|
|
164
|
+
};
|
|
165
|
+
User: {
|
|
166
|
+
icon: IconType;
|
|
167
|
+
tags: never[];
|
|
168
|
+
};
|
|
169
|
+
User2: {
|
|
170
|
+
icon: IconType;
|
|
171
|
+
tags: never[];
|
|
172
|
+
};
|
|
173
|
+
CrossFilter: {
|
|
174
|
+
icon: IconType;
|
|
175
|
+
tags: never[];
|
|
176
|
+
};
|
|
177
|
+
LetterAutocomplete: {
|
|
178
|
+
icon: IconType;
|
|
179
|
+
tags: never[];
|
|
180
|
+
};
|
|
181
|
+
};
|
|
182
|
+
declare const icons: Record<"Alert" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "Calendar" | "Check" | "Close" | "DragAndDrop" | "Edit" | "File" | "Filter" | "First" | "FolderClosed" | "FolderOpen" | "Groups" | "Hamburguer" | "Help" | "Home" | "Info" | "Last" | "Maximize" | "Minimize" | "Minus" | "MinusFilled" | "Next" | "Plus" | "PlusFilled" | "Previous" | "Print" | "Refresh" | "Search" | "SquareFilled" | "SquareOutline" | "Star" | "Translate" | "Trash" | "User" | "User2" | "CrossFilter" | "LetterAutocomplete", IconType>;
|
|
183
|
+
/**
|
|
184
|
+
* Se puede utilizar este type guard para aceptar argumentos en los componentes
|
|
185
|
+
* que permitan pasar tanto un nombre de ícono como un ícono en sí.
|
|
186
|
+
*
|
|
187
|
+
* @example
|
|
188
|
+
*
|
|
189
|
+
* ({icon}: {icon: TIconName | TIconType}) => {
|
|
190
|
+
* const ActualIcon = React.useMemo(
|
|
191
|
+
* ()=> isIconName(icon) ? (() => <Icon name={icon} />) : icon
|
|
192
|
+
* , [])
|
|
193
|
+
* return <ActualIcon />
|
|
194
|
+
* }
|
|
195
|
+
*/
|
|
196
|
+
declare function isIconName(arg: TIconName | TIconType): arg is TIconName;
|
|
197
|
+
|
|
198
|
+
type TIconArgs = RequireExactlyOne<{
|
|
199
|
+
icon: TIconName | TIconType;
|
|
200
|
+
name: TIconName;
|
|
201
|
+
}>;
|
|
202
|
+
declare const Icon: ({ icon, name, size, ...props }: TIconArgs & IconBaseProps) => theme_ui_jsx_runtime.JSX.Element;
|
|
203
|
+
|
|
204
|
+
export { Icon, IconsMap, TIconName, TIconType, icons, isIconName };
|
package/dist/index.js
CHANGED
|
@@ -1 +1,97 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var so = require('react');
|
|
4
|
+
var y = require('@meronex/icons/en/EnPrint');
|
|
5
|
+
var w = require('@meronex/icons/bi/BiExitFullscreen');
|
|
6
|
+
var h = require('@meronex/icons/bi/BiFullscreen');
|
|
7
|
+
var x = require('@meronex/icons/bi/BisDownArrow');
|
|
8
|
+
var A = require('@meronex/icons/bi/BisHome');
|
|
9
|
+
var M = require('@meronex/icons/bi/BisLeftArrow');
|
|
10
|
+
var B = require('@meronex/icons/bi/BisRightArrow');
|
|
11
|
+
var C = require('@meronex/icons/bi/BisUpArrow');
|
|
12
|
+
var S = require('@meronex/icons/bi/BisUserCircle');
|
|
13
|
+
var R = require('@meronex/icons/fa/FaBars');
|
|
14
|
+
var k = require('@meronex/icons/fa/FaEdit');
|
|
15
|
+
var P = require('@meronex/icons/fa/FaFile');
|
|
16
|
+
var q = require('@meronex/icons/fa/FaFilter');
|
|
17
|
+
var N = require('@meronex/icons/fa/FaFolder');
|
|
18
|
+
var E = require('@meronex/icons/fa/FaFolderOpen');
|
|
19
|
+
var O = require('@meronex/icons/fa/FaInfoCircle');
|
|
20
|
+
var U = require('@meronex/icons/fa/FaMinus');
|
|
21
|
+
var D = require('@meronex/icons/fa/FaMinusSquare');
|
|
22
|
+
var H = require('@meronex/icons/fa/FaPlus');
|
|
23
|
+
var L = require('@meronex/icons/fa/FaPlusSquare');
|
|
24
|
+
var v = require('@meronex/icons/fa/FaQuestionCircle');
|
|
25
|
+
var G = require('@meronex/icons/fa/FaSquare');
|
|
26
|
+
var b = require('@meronex/icons/fa/FaStar');
|
|
27
|
+
var Q = require('@meronex/icons/fa/FaTrash');
|
|
28
|
+
var W = require('@meronex/icons/fa/FaFastBackward');
|
|
29
|
+
var _ = require('@meronex/icons/fa/FaFastForward');
|
|
30
|
+
var z = require('@meronex/icons/fa/FaStepBackward');
|
|
31
|
+
var J = require('@meronex/icons/fa/FaStepForward');
|
|
32
|
+
var K = require('@meronex/icons/fd/FdAlert');
|
|
33
|
+
var V = require('@meronex/icons/fi/FiSquare');
|
|
34
|
+
var X = require('@meronex/icons/hi/HiOutlineTranslate');
|
|
35
|
+
var Y = require('@meronex/icons/mdc/MdcCheckBold');
|
|
36
|
+
var Z = require('@meronex/icons/mdc/MdcCloseThick');
|
|
37
|
+
var $ = require('@meronex/icons/mdc/MdcFilterRemove');
|
|
38
|
+
var j = require('@meronex/icons/mdc/MdcFormatLetterEndsWith');
|
|
39
|
+
var oo = require('@meronex/icons/mdc/MdcRefresh');
|
|
40
|
+
var ro = require('@meronex/icons/ri/RiGroupFill');
|
|
41
|
+
var to = require('@meronex/icons/ri/RiUser3Fill');
|
|
42
|
+
var eo = require('@meronex/icons/ai/AiOutlineDrag');
|
|
43
|
+
var io = require('@meronex/icons/fa/FaCalendarAlt');
|
|
44
|
+
var ao = require('@meronex/icons/go/GoSearch');
|
|
45
|
+
var jsxRuntime = require('theme-ui/jsx-runtime');
|
|
46
|
+
|
|
47
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
48
|
+
|
|
49
|
+
var so__default = /*#__PURE__*/_interopDefault(so);
|
|
50
|
+
var y__default = /*#__PURE__*/_interopDefault(y);
|
|
51
|
+
var w__default = /*#__PURE__*/_interopDefault(w);
|
|
52
|
+
var h__default = /*#__PURE__*/_interopDefault(h);
|
|
53
|
+
var x__default = /*#__PURE__*/_interopDefault(x);
|
|
54
|
+
var A__default = /*#__PURE__*/_interopDefault(A);
|
|
55
|
+
var M__default = /*#__PURE__*/_interopDefault(M);
|
|
56
|
+
var B__default = /*#__PURE__*/_interopDefault(B);
|
|
57
|
+
var C__default = /*#__PURE__*/_interopDefault(C);
|
|
58
|
+
var S__default = /*#__PURE__*/_interopDefault(S);
|
|
59
|
+
var R__default = /*#__PURE__*/_interopDefault(R);
|
|
60
|
+
var k__default = /*#__PURE__*/_interopDefault(k);
|
|
61
|
+
var P__default = /*#__PURE__*/_interopDefault(P);
|
|
62
|
+
var q__default = /*#__PURE__*/_interopDefault(q);
|
|
63
|
+
var N__default = /*#__PURE__*/_interopDefault(N);
|
|
64
|
+
var E__default = /*#__PURE__*/_interopDefault(E);
|
|
65
|
+
var O__default = /*#__PURE__*/_interopDefault(O);
|
|
66
|
+
var U__default = /*#__PURE__*/_interopDefault(U);
|
|
67
|
+
var D__default = /*#__PURE__*/_interopDefault(D);
|
|
68
|
+
var H__default = /*#__PURE__*/_interopDefault(H);
|
|
69
|
+
var L__default = /*#__PURE__*/_interopDefault(L);
|
|
70
|
+
var v__default = /*#__PURE__*/_interopDefault(v);
|
|
71
|
+
var G__default = /*#__PURE__*/_interopDefault(G);
|
|
72
|
+
var b__default = /*#__PURE__*/_interopDefault(b);
|
|
73
|
+
var Q__default = /*#__PURE__*/_interopDefault(Q);
|
|
74
|
+
var W__default = /*#__PURE__*/_interopDefault(W);
|
|
75
|
+
var ___default = /*#__PURE__*/_interopDefault(_);
|
|
76
|
+
var z__default = /*#__PURE__*/_interopDefault(z);
|
|
77
|
+
var J__default = /*#__PURE__*/_interopDefault(J);
|
|
78
|
+
var K__default = /*#__PURE__*/_interopDefault(K);
|
|
79
|
+
var V__default = /*#__PURE__*/_interopDefault(V);
|
|
80
|
+
var X__default = /*#__PURE__*/_interopDefault(X);
|
|
81
|
+
var Y__default = /*#__PURE__*/_interopDefault(Y);
|
|
82
|
+
var Z__default = /*#__PURE__*/_interopDefault(Z);
|
|
83
|
+
var $__default = /*#__PURE__*/_interopDefault($);
|
|
84
|
+
var j__default = /*#__PURE__*/_interopDefault(j);
|
|
85
|
+
var oo__default = /*#__PURE__*/_interopDefault(oo);
|
|
86
|
+
var ro__default = /*#__PURE__*/_interopDefault(ro);
|
|
87
|
+
var to__default = /*#__PURE__*/_interopDefault(to);
|
|
88
|
+
var eo__default = /*#__PURE__*/_interopDefault(eo);
|
|
89
|
+
var io__default = /*#__PURE__*/_interopDefault(io);
|
|
90
|
+
var ao__default = /*#__PURE__*/_interopDefault(ao);
|
|
91
|
+
|
|
92
|
+
var u=Object.defineProperty,I=Object.defineProperties;var T=Object.getOwnPropertyDescriptors;var i=Object.getOwnPropertySymbols;var m=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable;var s=(o,r,t)=>r in o?u(o,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[r]=t,p=(o,r)=>{for(var t in r||(r={}))m.call(r,t)&&s(o,t,r[t]);if(i)for(var t of i(r))c.call(r,t)&&s(o,t,r[t]);return o},f=(o,r)=>I(o,T(r));var l=(o,r)=>{var t={};for(var e in o)m.call(o,e)&&r.indexOf(e)<0&&(t[e]=o[e]);if(o!=null&&i)for(var e of i(o))r.indexOf(e)<0&&c.call(o,e)&&(t[e]=o[e]);return t};var no={Alert:{icon:K__default.default,tags:["warning"]},ArrowLeft:{icon:M__default.default,tags:[]},ArrowRight:{icon:B__default.default,tags:[]},ArrowUp:{icon:C__default.default,tags:[]},ArrowDown:{icon:x__default.default,tags:[]},Calendar:{icon:io__default.default,tags:["date"]},Check:{icon:Y__default.default,tags:["ok","success"]},Close:{icon:Z__default.default,tags:["delete","erase","cross","error"]},DragAndDrop:{icon:eo__default.default,tags:["drag","drop","dnd"]},Edit:{icon:k__default.default,tags:["pen"]},File:{icon:P__default.default,tags:["document"]},Filter:{icon:q__default.default,tags:[]},First:{icon:W__default.default,tags:[]},FolderClosed:{icon:N__default.default,tags:["directory"]},FolderOpen:{icon:E__default.default,tags:["directory"]},Groups:{icon:ro__default.default,tags:[]},Hamburguer:{icon:R__default.default,tags:["menu"]},Help:{icon:v__default.default,tags:["question"]},Home:{icon:A__default.default,tags:["house"]},Info:{icon:O__default.default,tags:[]},Last:{icon:___default.default,tags:[]},Maximize:{icon:h__default.default,tags:["fullscreen"]},Minimize:{icon:w__default.default,tags:["fullscreen"]},Minus:{icon:U__default.default,tags:["collapse","hide"]},MinusFilled:{icon:D__default.default,tags:["collapse","hide"]},Next:{icon:J__default.default,tags:[]},Plus:{icon:H__default.default,tags:["additional","expand","show"]},PlusFilled:{icon:L__default.default,tags:["additional","expand","show"]},Previous:{icon:z__default.default,tags:[]},Print:{icon:y__default.default,tags:[]},Refresh:{icon:oo__default.default,tags:["reload"]},Search:{icon:ao__default.default,tags:[]},SquareFilled:{icon:G__default.default,tags:[]},SquareOutline:{icon:V__default.default,tags:[]},Star:{icon:b__default.default,tags:["favorite"]},Translate:{icon:X__default.default,tags:["language"]},Trash:{icon:Q__default.default,tags:["delete","erase"]},User:{icon:S__default.default,tags:[]},User2:{icon:to__default.default,tags:[]},CrossFilter:{icon:$__default.default,tags:[]},LetterAutocomplete:{icon:j__default.default,tags:[]}},a=new Proxy({},{get(o,r){return no[r].icon}});function g(o){return typeof o=="string"}var ir=co=>{var n=co,{icon:o,name:r,size:t}=n,e=l(n,["icon","name","size"]);let d=o===void 0?a[r]:g(o)?a[o]:o,F=so__default.default.useMemo(()=>({width:t,height:t}),[t]);return jsxRuntime.jsx(d,f(p({},e),{sx:F}))};
|
|
93
|
+
|
|
94
|
+
exports.Icon = ir;
|
|
95
|
+
exports.IconsMap = no;
|
|
96
|
+
exports.icons = a;
|
|
97
|
+
exports.isIconName = g;
|
package/entries.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
["src/index.tsx"]
|
package/package.json
CHANGED
|
@@ -1,19 +1,17 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apia/icons",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.9-alpha.0",
|
|
4
4
|
"author": "alexisleite <alexisleite@live.com>",
|
|
5
5
|
"homepage": "",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "./dist/index.js",
|
|
8
8
|
"types": "./dist/index.d.ts",
|
|
9
|
-
"files": [
|
|
10
|
-
"lib"
|
|
11
|
-
],
|
|
12
9
|
"scripts": {
|
|
13
|
-
"build": "tsup"
|
|
14
|
-
"buildDev": "tsup"
|
|
10
|
+
"build": "tsup"
|
|
15
11
|
},
|
|
16
|
-
"sideEffects":
|
|
12
|
+
"sideEffects": [
|
|
13
|
+
"./src/meronex.d.ts"
|
|
14
|
+
],
|
|
17
15
|
"dependencies": {
|
|
18
16
|
"@meronex/icons": "^4.0.0"
|
|
19
17
|
},
|
|
@@ -37,5 +35,5 @@
|
|
|
37
35
|
"access": "public",
|
|
38
36
|
"registry": "https://registry.npmjs.org/"
|
|
39
37
|
},
|
|
40
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "44a7f4d12bba024c862a7a811b79547c6a8030b1"
|
|
41
39
|
}
|