@apia/icons 0.1.0 → 0.1.3
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 +31 -4
- package/dist/index.js +1 -179
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -42,22 +42,46 @@ declare const IconsMap: {
|
|
|
42
42
|
icon: IconType;
|
|
43
43
|
tags: string[];
|
|
44
44
|
};
|
|
45
|
+
CircleFilled: {
|
|
46
|
+
icon: IconType;
|
|
47
|
+
tags: never[];
|
|
48
|
+
};
|
|
49
|
+
Clock: {
|
|
50
|
+
icon: IconType;
|
|
51
|
+
tags: never[];
|
|
52
|
+
};
|
|
45
53
|
Close: {
|
|
46
54
|
icon: IconType;
|
|
47
55
|
tags: string[];
|
|
48
56
|
};
|
|
57
|
+
Comment: {
|
|
58
|
+
icon: IconType;
|
|
59
|
+
tags: never[];
|
|
60
|
+
};
|
|
49
61
|
CrossFilter: {
|
|
50
62
|
icon: IconType;
|
|
51
63
|
tags: never[];
|
|
52
64
|
};
|
|
53
|
-
|
|
65
|
+
Cube: {
|
|
54
66
|
icon: IconType;
|
|
55
|
-
tags:
|
|
67
|
+
tags: never[];
|
|
56
68
|
};
|
|
57
69
|
Download: {
|
|
58
70
|
icon: IconType;
|
|
59
71
|
tags: never[];
|
|
60
72
|
};
|
|
73
|
+
DotSmall: {
|
|
74
|
+
icon: IconType;
|
|
75
|
+
tags: never[];
|
|
76
|
+
};
|
|
77
|
+
DotBig: {
|
|
78
|
+
icon: IconType;
|
|
79
|
+
tags: never[];
|
|
80
|
+
};
|
|
81
|
+
DragAndDrop: {
|
|
82
|
+
icon: IconType;
|
|
83
|
+
tags: string[];
|
|
84
|
+
};
|
|
61
85
|
Edit: {
|
|
62
86
|
icon: IconType;
|
|
63
87
|
tags: string[];
|
|
@@ -78,6 +102,10 @@ declare const IconsMap: {
|
|
|
78
102
|
icon: IconType;
|
|
79
103
|
tags: never[];
|
|
80
104
|
};
|
|
105
|
+
FlowTree: {
|
|
106
|
+
icon: IconType;
|
|
107
|
+
tags: never[];
|
|
108
|
+
};
|
|
81
109
|
FolderClosed: {
|
|
82
110
|
icon: IconType;
|
|
83
111
|
tags: string[];
|
|
@@ -199,7 +227,7 @@ declare const IconsMap: {
|
|
|
199
227
|
tags: never[];
|
|
200
228
|
};
|
|
201
229
|
};
|
|
202
|
-
declare const icons: Record<"Alert" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "Calendar" | "Check" | "Close" | "CrossFilter" | "
|
|
230
|
+
declare const icons: Record<"Alert" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowDown" | "Calendar" | "Check" | "CircleFilled" | "Clock" | "Close" | "Comment" | "CrossFilter" | "Cube" | "Download" | "DotSmall" | "DotBig" | "DragAndDrop" | "Edit" | "Ellipsis" | "File" | "Filter" | "First" | "FlowTree" | "FolderClosed" | "FolderOpen" | "Groups" | "Hamburguer" | "Help" | "Home" | "Info" | "Last" | "LetterAutocomplete" | "Locked" | "Maximize" | "Minimize" | "Minus" | "MinusFilled" | "Next" | "Plus" | "PlusFilled" | "Previous" | "Print" | "Refresh" | "Search" | "Settings" | "SquareFilled" | "SquareOutline" | "Star" | "Translate" | "Trash" | "User" | "User2" | "Volume", IconType>;
|
|
203
231
|
/**
|
|
204
232
|
* Se puede utilizar este type guard para aceptar argumentos en los componentes
|
|
205
233
|
* que permitan pasar tanto un nombre de ícono como un ícono en sí.
|
|
@@ -224,4 +252,3 @@ declare const Icon: ({ icon, name, size, ...props }: TIconArgs & IconBaseProps &
|
|
|
224
252
|
}) => theme_ui_jsx_runtime.JSX.Element;
|
|
225
253
|
|
|
226
254
|
export { Icon, IconsMap, TIconName, TIconType, icons, isIconName };
|
|
227
|
-
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.js
CHANGED
|
@@ -1,179 +1 @@
|
|
|
1
|
-
import
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import EnPrint from '@meronex/icons/en/EnPrint';
|
|
4
|
-
import BiExitFullscreen from '@meronex/icons/bi/BiExitFullscreen';
|
|
5
|
-
import BiFullscreen from '@meronex/icons/bi/BiFullscreen';
|
|
6
|
-
import BisDownArrow from '@meronex/icons/bi/BisDownArrow';
|
|
7
|
-
import BisHome from '@meronex/icons/bi/BisHome';
|
|
8
|
-
import BisLeftArrow from '@meronex/icons/bi/BisLeftArrow';
|
|
9
|
-
import BisRightArrow from '@meronex/icons/bi/BisRightArrow';
|
|
10
|
-
import BisUpArrow from '@meronex/icons/bi/BisUpArrow';
|
|
11
|
-
import BisUserCircle from '@meronex/icons/bi/BisUserCircle';
|
|
12
|
-
import FaBars from '@meronex/icons/fa/FaBars';
|
|
13
|
-
import FaDownload from '@meronex/icons/fa/FaDownload';
|
|
14
|
-
import FaEdit from '@meronex/icons/fa/FaEdit';
|
|
15
|
-
import FaFile from '@meronex/icons/fa/FaFile';
|
|
16
|
-
import FaFilter from '@meronex/icons/fa/FaFilter';
|
|
17
|
-
import FaFolder from '@meronex/icons/fa/FaFolder';
|
|
18
|
-
import FaFolderOpen from '@meronex/icons/fa/FaFolderOpen';
|
|
19
|
-
import FaInfoCircle from '@meronex/icons/fa/FaInfoCircle';
|
|
20
|
-
import FaMinus from '@meronex/icons/fa/FaMinus';
|
|
21
|
-
import FaMinusSquare from '@meronex/icons/fa/FaMinusSquare';
|
|
22
|
-
import FaPlus from '@meronex/icons/fa/FaPlus';
|
|
23
|
-
import FaPlusSquare from '@meronex/icons/fa/FaPlusSquare';
|
|
24
|
-
import FaQuestionCircle from '@meronex/icons/fa/FaQuestionCircle';
|
|
25
|
-
import FaSquare from '@meronex/icons/fa/FaSquare';
|
|
26
|
-
import FaStar from '@meronex/icons/fa/FaStar';
|
|
27
|
-
import FaTrash from '@meronex/icons/fa/FaTrash';
|
|
28
|
-
import FaFastBackward from '@meronex/icons/fa/FaFastBackward';
|
|
29
|
-
import FaFastForward from '@meronex/icons/fa/FaFastForward';
|
|
30
|
-
import FaStepBackward from '@meronex/icons/fa/FaStepBackward';
|
|
31
|
-
import FaStepForward from '@meronex/icons/fa/FaStepForward';
|
|
32
|
-
import FdAlert from '@meronex/icons/fd/FdAlert';
|
|
33
|
-
import FiSquare from '@meronex/icons/fi/FiSquare';
|
|
34
|
-
import HiOutlineTranslate from '@meronex/icons/hi/HiOutlineTranslate';
|
|
35
|
-
import MdcCheckBold from '@meronex/icons/mdc/MdcCheckBold';
|
|
36
|
-
import MdcCloseThick from '@meronex/icons/mdc/MdcCloseThick';
|
|
37
|
-
import MdcFilterRemove from '@meronex/icons/mdc/MdcFilterRemove';
|
|
38
|
-
import MdcFormatLetterEndsWith from '@meronex/icons/mdc/MdcFormatLetterEndsWith';
|
|
39
|
-
import MdcRefresh from '@meronex/icons/mdc/MdcRefresh';
|
|
40
|
-
import RiGroupFill from '@meronex/icons/ri/RiGroupFill';
|
|
41
|
-
import RiUser3Fill from '@meronex/icons/ri/RiUser3Fill';
|
|
42
|
-
import AiOutlineDrag from '@meronex/icons/ai/AiOutlineDrag';
|
|
43
|
-
import FaCalendarAlt from '@meronex/icons/fa/FaCalendarAlt';
|
|
44
|
-
import GoSearch from '@meronex/icons/go/GoSearch';
|
|
45
|
-
import FcSettings from '@meronex/icons/fc/FcSettings';
|
|
46
|
-
import FaLock from '@meronex/icons/fa/FaLock';
|
|
47
|
-
import AiOutlineEllipsis from '@meronex/icons/ai/AiOutlineEllipsis';
|
|
48
|
-
import FaVolumeUp from '@meronex/icons/fa/FaVolumeUp';
|
|
49
|
-
import { Box } from 'theme-ui';
|
|
50
|
-
|
|
51
|
-
const IconsMap = {
|
|
52
|
-
Alert: { icon: FdAlert, tags: ["warning"] },
|
|
53
|
-
ArrowLeft: { icon: BisLeftArrow, tags: [] },
|
|
54
|
-
ArrowRight: { icon: BisRightArrow, tags: [] },
|
|
55
|
-
ArrowUp: { icon: BisUpArrow, tags: [] },
|
|
56
|
-
ArrowDown: { icon: BisDownArrow, tags: [] },
|
|
57
|
-
Calendar: { icon: FaCalendarAlt, tags: ["date"] },
|
|
58
|
-
Check: { icon: MdcCheckBold, tags: ["ok", "success"] },
|
|
59
|
-
Close: { icon: MdcCloseThick, tags: ["delete", "erase", "cross", "error"] },
|
|
60
|
-
CrossFilter: { icon: MdcFilterRemove, tags: [] },
|
|
61
|
-
DragAndDrop: { icon: AiOutlineDrag, tags: ["drag", "drop", "dnd"] },
|
|
62
|
-
Download: { icon: FaDownload, tags: [] },
|
|
63
|
-
Edit: { icon: FaEdit, tags: ["pen"] },
|
|
64
|
-
Ellipsis: { icon: AiOutlineEllipsis, tags: ["context", "menu", "details"] },
|
|
65
|
-
File: { icon: FaFile, tags: ["document"] },
|
|
66
|
-
Filter: { icon: FaFilter, tags: [] },
|
|
67
|
-
First: { icon: FaFastBackward, tags: [] },
|
|
68
|
-
FolderClosed: { icon: FaFolder, tags: ["directory"] },
|
|
69
|
-
FolderOpen: { icon: FaFolderOpen, tags: ["directory"] },
|
|
70
|
-
Groups: { icon: RiGroupFill, tags: [] },
|
|
71
|
-
Hamburguer: { icon: FaBars, tags: ["menu"] },
|
|
72
|
-
Help: { icon: FaQuestionCircle, tags: ["question"] },
|
|
73
|
-
Home: { icon: BisHome, tags: ["house"] },
|
|
74
|
-
Info: { icon: FaInfoCircle, tags: [] },
|
|
75
|
-
Last: { icon: FaFastForward, tags: [] },
|
|
76
|
-
LetterAutocomplete: { icon: MdcFormatLetterEndsWith, tags: [] },
|
|
77
|
-
Locked: { icon: FaLock, tags: ["candado"] },
|
|
78
|
-
Maximize: { icon: BiFullscreen, tags: ["fullscreen"] },
|
|
79
|
-
Minimize: { icon: BiExitFullscreen, tags: ["fullscreen"] },
|
|
80
|
-
Minus: { icon: FaMinus, tags: ["collapse", "hide"] },
|
|
81
|
-
MinusFilled: { icon: FaMinusSquare, tags: ["collapse", "hide"] },
|
|
82
|
-
Next: { icon: FaStepForward, tags: [] },
|
|
83
|
-
Plus: { icon: FaPlus, tags: ["additional", "expand", "show"] },
|
|
84
|
-
PlusFilled: { icon: FaPlusSquare, tags: ["additional", "expand", "show"] },
|
|
85
|
-
Previous: { icon: FaStepBackward, tags: [] },
|
|
86
|
-
Print: { icon: EnPrint, tags: [] },
|
|
87
|
-
Refresh: { icon: MdcRefresh, tags: ["reload"] },
|
|
88
|
-
Search: { icon: GoSearch, tags: [] },
|
|
89
|
-
Settings: { icon: FcSettings, tags: ["configuration"] },
|
|
90
|
-
SquareFilled: { icon: FaSquare, tags: [] },
|
|
91
|
-
SquareOutline: { icon: FiSquare, tags: [] },
|
|
92
|
-
Star: { icon: FaStar, tags: ["favorite"] },
|
|
93
|
-
Translate: { icon: HiOutlineTranslate, tags: ["language"] },
|
|
94
|
-
Trash: { icon: FaTrash, tags: ["delete", "erase"] },
|
|
95
|
-
User: { icon: BisUserCircle, tags: [] },
|
|
96
|
-
User2: { icon: RiUser3Fill, tags: [] },
|
|
97
|
-
Volume: { icon: FaVolumeUp, tags: [] }
|
|
98
|
-
};
|
|
99
|
-
const icons = new Proxy(
|
|
100
|
-
{},
|
|
101
|
-
{
|
|
102
|
-
get(_, prop) {
|
|
103
|
-
return IconsMap[prop].icon;
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
);
|
|
107
|
-
function isIconName(arg) {
|
|
108
|
-
return typeof arg === "string";
|
|
109
|
-
}
|
|
110
|
-
|
|
111
|
-
var __defProp = Object.defineProperty;
|
|
112
|
-
var __defProps = Object.defineProperties;
|
|
113
|
-
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
114
|
-
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
115
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
116
|
-
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
117
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
118
|
-
var __spreadValues = (a, b) => {
|
|
119
|
-
for (var prop in b || (b = {}))
|
|
120
|
-
if (__hasOwnProp.call(b, prop))
|
|
121
|
-
__defNormalProp(a, prop, b[prop]);
|
|
122
|
-
if (__getOwnPropSymbols)
|
|
123
|
-
for (var prop of __getOwnPropSymbols(b)) {
|
|
124
|
-
if (__propIsEnum.call(b, prop))
|
|
125
|
-
__defNormalProp(a, prop, b[prop]);
|
|
126
|
-
}
|
|
127
|
-
return a;
|
|
128
|
-
};
|
|
129
|
-
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
130
|
-
var __objRest = (source, exclude) => {
|
|
131
|
-
var target = {};
|
|
132
|
-
for (var prop in source)
|
|
133
|
-
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
134
|
-
target[prop] = source[prop];
|
|
135
|
-
if (source != null && __getOwnPropSymbols)
|
|
136
|
-
for (var prop of __getOwnPropSymbols(source)) {
|
|
137
|
-
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
138
|
-
target[prop] = source[prop];
|
|
139
|
-
}
|
|
140
|
-
return target;
|
|
141
|
-
};
|
|
142
|
-
const Icon = (_a) => {
|
|
143
|
-
var _b = _a, {
|
|
144
|
-
icon,
|
|
145
|
-
name,
|
|
146
|
-
size
|
|
147
|
-
} = _b, props = __objRest(_b, [
|
|
148
|
-
"icon",
|
|
149
|
-
"name",
|
|
150
|
-
"size"
|
|
151
|
-
]);
|
|
152
|
-
var _a2;
|
|
153
|
-
const IconComponent = (
|
|
154
|
-
// eslint-disable-next-line no-nested-ternary
|
|
155
|
-
icon === void 0 ? icons[name] : isIconName(icon) ? icons[icon] : icon
|
|
156
|
-
);
|
|
157
|
-
const sx = React.useMemo(() => {
|
|
158
|
-
return {
|
|
159
|
-
"&.icon__wrapper": {
|
|
160
|
-
display: "inline-flex",
|
|
161
|
-
p: 0,
|
|
162
|
-
m: 0,
|
|
163
|
-
svg: {
|
|
164
|
-
width: size,
|
|
165
|
-
height: size
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
};
|
|
169
|
-
}, [size]);
|
|
170
|
-
return /* @__PURE__ */ jsx(Box, { className: "icon__wrapper", sx, children: /* @__PURE__ */ jsx(
|
|
171
|
-
IconComponent,
|
|
172
|
-
__spreadProps(__spreadValues({}, props), {
|
|
173
|
-
"aria-label": (_a2 = props["aria-label"]) != null ? _a2 : props.title
|
|
174
|
-
})
|
|
175
|
-
) });
|
|
176
|
-
};
|
|
177
|
-
|
|
178
|
-
export { Icon, IconsMap, icons, isIconName };
|
|
179
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
import{jsx as c}from"react/jsx-runtime";import w from"react";import b from"@meronex/icons/en/EnPrint";import h from"@meronex/icons/bi/BiExitFullscreen";import x from"@meronex/icons/bi/BiFullscreen";import y from"@meronex/icons/bi/BisDownArrow";import O from"@meronex/icons/bi/BisHome";import F from"@meronex/icons/bi/BisLeftArrow";import $ from"@meronex/icons/bi/BisRightArrow";import P from"@meronex/icons/bi/BisUpArrow";import C from"@meronex/icons/bi/BisUserCircle";import j from"@meronex/icons/fa/FaBars";import A from"@meronex/icons/fa/FaDownload";import D from"@meronex/icons/fa/FaEdit";import S from"@meronex/icons/fa/FaFile";import I from"@meronex/icons/fa/FaFilter";import M from"@meronex/icons/fa/FaFolder";import k from"@meronex/icons/fa/FaFolderOpen";import z from"@meronex/icons/fa/FaInfoCircle";import L from"@meronex/icons/fa/FaMinus";import N from"@meronex/icons/fa/FaMinusSquare";import _ from"@meronex/icons/fa/FaPlus";import q from"@meronex/icons/fa/FaPlusSquare";import E from"@meronex/icons/fa/FaQuestionCircle";import H from"@meronex/icons/fa/FaSquare";import T from"@meronex/icons/fa/FaStar";import U from"@meronex/icons/fa/FaTrash";import B from"@meronex/icons/fa/FaFastBackward";import R from"@meronex/icons/fa/FaFastForward";import G from"@meronex/icons/fa/FaStepBackward";import V from"@meronex/icons/fa/FaStepForward";import J from"@meronex/icons/fd/FdAlert";import K from"@meronex/icons/fi/FiSquare";import Q from"@meronex/icons/hi/HiOutlineTranslate";import W from"@meronex/icons/mdc/MdcCheckBold";import X from"@meronex/icons/mdc/MdcCloseThick";import Y from"@meronex/icons/mdc/MdcFilterRemove";import Z from"@meronex/icons/mdc/MdcFormatLetterEndsWith";import oo from"@meronex/icons/mdc/MdcRefresh";import ro from"@meronex/icons/ri/RiGroupFill";import io from"@meronex/icons/ri/RiUser3Fill";import to from"@meronex/icons/ai/AiOutlineDrag";import eo from"@meronex/icons/fa/FaCalendarAlt";import mo from"@meronex/icons/go/GoSearch";import ao from"@meronex/icons/fc/FcSettings";import no from"@meronex/icons/fa/FaLock";import so from"@meronex/icons/ai/AiOutlineEllipsis";import co from"@meronex/icons/fa/FaVolumeUp";import po from"@meronex/icons/ai/AiOutlineComment";import fo from"@meronex/icons/en/EnFlowTree";import lo from"@meronex/icons/ai/AiOutlineClockCircle";import go from"@meronex/icons/bi/BiCube";import uo from"@meronex/icons/bs/BsDot";import vo from"@meronex/icons/go/GoPrimitiveDot";import wo from"@meronex/icons/bs/BsFillCircleFill";import{Box as bo}from"theme-ui";const p={Alert:{icon:J,tags:["warning"]},ArrowLeft:{icon:F,tags:[]},ArrowRight:{icon:$,tags:[]},ArrowUp:{icon:P,tags:[]},ArrowDown:{icon:y,tags:[]},Calendar:{icon:eo,tags:["date"]},Check:{icon:W,tags:["ok","success"]},CircleFilled:{icon:wo,tags:[]},Clock:{icon:lo,tags:[]},Close:{icon:X,tags:["delete","erase","cross","error"]},Comment:{icon:po,tags:[]},CrossFilter:{icon:Y,tags:[]},Cube:{icon:go,tags:[]},Download:{icon:A,tags:[]},DotSmall:{icon:uo,tags:[]},DotBig:{icon:vo,tags:[]},DragAndDrop:{icon:to,tags:["drag","drop","dnd"]},Edit:{icon:D,tags:["pen"]},Ellipsis:{icon:so,tags:["context","menu","details"]},File:{icon:S,tags:["document"]},Filter:{icon:I,tags:[]},First:{icon:B,tags:[]},FlowTree:{icon:fo,tags:[]},FolderClosed:{icon:M,tags:["directory"]},FolderOpen:{icon:k,tags:["directory"]},Groups:{icon:ro,tags:[]},Hamburguer:{icon:j,tags:["menu"]},Help:{icon:E,tags:["question"]},Home:{icon:O,tags:["house"]},Info:{icon:z,tags:[]},Last:{icon:R,tags:[]},LetterAutocomplete:{icon:Z,tags:[]},Locked:{icon:no,tags:["candado"]},Maximize:{icon:x,tags:["fullscreen"]},Minimize:{icon:h,tags:["fullscreen"]},Minus:{icon:L,tags:["collapse","hide"]},MinusFilled:{icon:N,tags:["collapse","hide"]},Next:{icon:V,tags:[]},Plus:{icon:_,tags:["additional","expand","show"]},PlusFilled:{icon:q,tags:["additional","expand","show"]},Previous:{icon:G,tags:[]},Print:{icon:b,tags:[]},Refresh:{icon:oo,tags:["reload"]},Search:{icon:mo,tags:[]},Settings:{icon:ao,tags:["configuration"]},SquareFilled:{icon:H,tags:[]},SquareOutline:{icon:K,tags:[]},Star:{icon:T,tags:["favorite"]},Translate:{icon:Q,tags:["language"]},Trash:{icon:U,tags:["delete","erase"]},User:{icon:C,tags:[]},User2:{icon:io,tags:[]},Volume:{icon:co,tags:[]}},n=new Proxy({},{get(o,r){return p[r].icon}});function f(o){return typeof o=="string"}var ho=Object.defineProperty,xo=Object.defineProperties,yo=Object.getOwnPropertyDescriptors,e=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,g=Object.prototype.propertyIsEnumerable,d=(o,r,i)=>r in o?ho(o,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):o[r]=i,Oo=(o,r)=>{for(var i in r||(r={}))l.call(r,i)&&d(o,i,r[i]);if(e)for(var i of e(r))g.call(r,i)&&d(o,i,r[i]);return o},Fo=(o,r)=>xo(o,yo(r)),$o=(o,r)=>{var i={};for(var t in o)l.call(o,t)&&r.indexOf(t)<0&&(i[t]=o[t]);if(o!=null&&e)for(var t of e(o))r.indexOf(t)<0&&g.call(o,t)&&(i[t]=o[t]);return i};const Po=o=>{var r=o,{icon:i,name:t,size:m}=r,a=$o(r,["icon","name","size"]),s;const u=i===void 0?n[t]:f(i)?n[i]:i,v=w.useMemo(()=>({"&.icon__wrapper":{display:"inline-flex",p:0,m:0,svg:{width:m,height:m}}}),[m]);return c(bo,{className:"icon__wrapper",sx:v,children:c(u,Fo(Oo({},a),{"aria-label":(s=a["aria-label"])!=null?s:a.title}))})};export{Po as Icon,p as IconsMap,n as icons,f as isIconName};
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/iconMap.tsx","../src/Icon.tsx"],"sourcesContent":["import EnPrint from '@meronex/icons/en/EnPrint';\nimport BiExitFullscreen from '@meronex/icons/bi/BiExitFullscreen';\nimport BiFullscreen from '@meronex/icons/bi/BiFullscreen';\nimport BisDownArrow from '@meronex/icons/bi/BisDownArrow';\nimport BisHome from '@meronex/icons/bi/BisHome';\nimport BisLeftArrow from '@meronex/icons/bi/BisLeftArrow';\nimport BisRightArrow from '@meronex/icons/bi/BisRightArrow';\nimport BisUpArrow from '@meronex/icons/bi/BisUpArrow';\nimport BisUserCircle from '@meronex/icons/bi/BisUserCircle';\nimport FaBars from '@meronex/icons/fa/FaBars';\nimport FaDownload from '@meronex/icons/fa/FaDownload';\nimport FaEdit from '@meronex/icons/fa/FaEdit';\nimport FaFile from '@meronex/icons/fa/FaFile';\nimport FaFilter from '@meronex/icons/fa/FaFilter';\nimport FaFolder from '@meronex/icons/fa/FaFolder';\nimport FaFolderOpen from '@meronex/icons/fa/FaFolderOpen';\nimport FaInfoCircle from '@meronex/icons/fa/FaInfoCircle';\nimport FaMinus from '@meronex/icons/fa/FaMinus';\nimport FaMinusSquare from '@meronex/icons/fa/FaMinusSquare';\nimport FaPlus from '@meronex/icons/fa/FaPlus';\nimport FaPlusSquare from '@meronex/icons/fa/FaPlusSquare';\nimport FaQuestionCircle from '@meronex/icons/fa/FaQuestionCircle';\nimport FaSquare from '@meronex/icons/fa/FaSquare';\nimport FaStar from '@meronex/icons/fa/FaStar';\nimport FaTrash from '@meronex/icons/fa/FaTrash';\nimport FaFastBackward from '@meronex/icons/fa/FaFastBackward';\nimport FaFastForward from '@meronex/icons/fa/FaFastForward';\nimport FaStepBackward from '@meronex/icons/fa/FaStepBackward';\nimport FaStepForward from '@meronex/icons/fa/FaStepForward';\nimport FdAlert from '@meronex/icons/fd/FdAlert';\nimport FiSquare from '@meronex/icons/fi/FiSquare';\nimport HiOutlineTranslate from '@meronex/icons/hi/HiOutlineTranslate';\nimport MdcCheckBold from '@meronex/icons/mdc/MdcCheckBold';\nimport MdcCloseThick from '@meronex/icons/mdc/MdcCloseThick';\nimport MdcFilterRemove from '@meronex/icons/mdc/MdcFilterRemove';\nimport MdcFormatLetterEndsWith from '@meronex/icons/mdc/MdcFormatLetterEndsWith';\nimport MdcRefresh from '@meronex/icons/mdc/MdcRefresh';\nimport RiGroupFill from '@meronex/icons/ri/RiGroupFill';\nimport RiUser3Fill from '@meronex/icons/ri/RiUser3Fill';\nimport AiOutlineDrag from '@meronex/icons/ai/AiOutlineDrag';\nimport { IconType } from '@meronex/icons';\nimport FaCalendarAlt from '@meronex/icons/fa/FaCalendarAlt';\nimport GoSearch from '@meronex/icons/go/GoSearch';\nimport FcSettings from '@meronex/icons/fc/FcSettings';\nimport FaLock from '@meronex/icons/fa/FaLock';\nimport AiOutlineEllipsis from '@meronex/icons/ai/AiOutlineEllipsis';\nimport FaVolumeUp from '@meronex/icons/fa/FaVolumeUp';\n\nexport type TIconType = IconType;\nexport type TIconName = keyof typeof IconsMap;\n\n/**\n * La idea original al menos, es que los nombres de los íconos sean lo más\n * genérico posible. Como ejemplo, tenemos el ícono Plus, cuyo nombre no indica\n * nada acerca del rol que ocupa en la aplicación, sino que solamente describe\n * qué ícono podemos esperar encontrar.\n *\n * Para indicar qué uso podría tener en la aplicación, se pueden agregar tags\n * en el array tags correspondiente.\n */\nexport const IconsMap = {\n Alert: { icon: FdAlert, tags: ['warning'] },\n ArrowLeft: { icon: BisLeftArrow, tags: [] },\n ArrowRight: { icon: BisRightArrow, tags: [] },\n ArrowUp: { icon: BisUpArrow, tags: [] },\n ArrowDown: { icon: BisDownArrow, tags: [] },\n Calendar: { icon: FaCalendarAlt, tags: ['date'] },\n Check: { icon: MdcCheckBold, tags: ['ok', 'success'] },\n Close: { icon: MdcCloseThick, tags: ['delete', 'erase', 'cross', 'error'] },\n CrossFilter: { icon: MdcFilterRemove, tags: [] },\n DragAndDrop: { icon: AiOutlineDrag, tags: ['drag', 'drop', 'dnd'] },\n Download: { icon: FaDownload, tags: [] },\n Edit: { icon: FaEdit, tags: ['pen'] },\n Ellipsis: { icon: AiOutlineEllipsis, tags: ['context', 'menu', 'details'] },\n File: { icon: FaFile, tags: ['document'] },\n Filter: { icon: FaFilter, tags: [] },\n First: { icon: FaFastBackward, tags: [] },\n FolderClosed: { icon: FaFolder, tags: ['directory'] },\n FolderOpen: { icon: FaFolderOpen, tags: ['directory'] },\n Groups: { icon: RiGroupFill, tags: [] },\n Hamburguer: { icon: FaBars, tags: ['menu'] },\n Help: { icon: FaQuestionCircle, tags: ['question'] },\n Home: { icon: BisHome, tags: ['house'] },\n Info: { icon: FaInfoCircle, tags: [] },\n Last: { icon: FaFastForward, tags: [] },\n LetterAutocomplete: { icon: MdcFormatLetterEndsWith, tags: [] },\n Locked: { icon: FaLock, tags: ['candado'] },\n Maximize: { icon: BiFullscreen, tags: ['fullscreen'] },\n Minimize: { icon: BiExitFullscreen, tags: ['fullscreen'] },\n Minus: { icon: FaMinus, tags: ['collapse', 'hide'] },\n MinusFilled: { icon: FaMinusSquare, tags: ['collapse', 'hide'] },\n Next: { icon: FaStepForward, tags: [] },\n Plus: { icon: FaPlus, tags: ['additional', 'expand', 'show'] },\n PlusFilled: { icon: FaPlusSquare, tags: ['additional', 'expand', 'show'] },\n Previous: { icon: FaStepBackward, tags: [] },\n Print: { icon: EnPrint, tags: [] },\n Refresh: { icon: MdcRefresh, tags: ['reload'] },\n Search: { icon: GoSearch, tags: [] },\n Settings: { icon: FcSettings, tags: ['configuration'] },\n SquareFilled: { icon: FaSquare, tags: [] },\n SquareOutline: { icon: FiSquare, tags: [] },\n Star: { icon: FaStar, tags: ['favorite'] },\n Translate: { icon: HiOutlineTranslate, tags: ['language'] },\n Trash: { icon: FaTrash, tags: ['delete', 'erase'] },\n User: { icon: BisUserCircle, tags: [] },\n User2: { icon: RiUser3Fill, tags: [] },\n Volume: { icon: FaVolumeUp, tags: [] },\n};\n\nexport const icons = new Proxy(\n {},\n {\n get(_, prop): TIconType {\n return IconsMap[prop as keyof typeof IconsMap].icon;\n },\n },\n) as unknown as Record<keyof typeof IconsMap, TIconType>;\n\n/**\n * Se puede utilizar este type guard para aceptar argumentos en los componentes\n * que permitan pasar tanto un nombre de ícono como un ícono en sí.\n *\n * @example\n *\n * ({icon}: {icon: TIconName | TIconType}) => {\n * const ActualIcon = React.useMemo(\n * ()=> isIconName(icon) ? (() => <Icon name={icon} />) : icon\n * , [])\n * return <ActualIcon />\n * }\n */\nexport function isIconName(arg: TIconName | TIconType): arg is TIconName {\n return typeof arg === 'string';\n}\n","import { IconBaseProps } from '@meronex/icons';\nimport { RequireExactlyOne } from 'type-fest';\nimport React from 'react';\nimport { icons, isIconName, TIconName, TIconType } from './iconMap';\nimport { Box } from 'theme-ui';\n\ntype TIconArgs = RequireExactlyOne<{\n icon: TIconName | TIconType;\n name: TIconName;\n}>;\n\nexport const Icon = ({\n icon,\n name,\n size,\n ...props\n}: TIconArgs & IconBaseProps & { title: string }) => {\n const IconComponent =\n // eslint-disable-next-line no-nested-ternary\n icon === undefined ? icons[name] : isIconName(icon) ? icons[icon] : icon;\n\n const sx = React.useMemo(() => {\n return {\n '&.icon__wrapper': {\n display: 'inline-flex',\n p: 0,\n m: 0,\n\n svg: {\n width: size,\n height: size,\n },\n },\n };\n }, [size]);\n\n return (\n <Box className=\"icon__wrapper\" sx={sx}>\n <IconComponent\n {...props}\n aria-label={props['aria-label'] ?? props.title}\n />\n </Box>\n );\n};\n"],"names":["_a"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/iconMap.tsx","../src/Icon.tsx"],"sourcesContent":["import EnPrint from '@meronex/icons/en/EnPrint';\nimport BiExitFullscreen from '@meronex/icons/bi/BiExitFullscreen';\nimport BiFullscreen from '@meronex/icons/bi/BiFullscreen';\nimport BisDownArrow from '@meronex/icons/bi/BisDownArrow';\nimport BisHome from '@meronex/icons/bi/BisHome';\nimport BisLeftArrow from '@meronex/icons/bi/BisLeftArrow';\nimport BisRightArrow from '@meronex/icons/bi/BisRightArrow';\nimport BisUpArrow from '@meronex/icons/bi/BisUpArrow';\nimport BisUserCircle from '@meronex/icons/bi/BisUserCircle';\nimport FaBars from '@meronex/icons/fa/FaBars';\nimport FaDownload from '@meronex/icons/fa/FaDownload';\nimport FaEdit from '@meronex/icons/fa/FaEdit';\nimport FaFile from '@meronex/icons/fa/FaFile';\nimport FaFilter from '@meronex/icons/fa/FaFilter';\nimport FaFolder from '@meronex/icons/fa/FaFolder';\nimport FaFolderOpen from '@meronex/icons/fa/FaFolderOpen';\nimport FaInfoCircle from '@meronex/icons/fa/FaInfoCircle';\nimport FaMinus from '@meronex/icons/fa/FaMinus';\nimport FaMinusSquare from '@meronex/icons/fa/FaMinusSquare';\nimport FaPlus from '@meronex/icons/fa/FaPlus';\nimport FaPlusSquare from '@meronex/icons/fa/FaPlusSquare';\nimport FaQuestionCircle from '@meronex/icons/fa/FaQuestionCircle';\nimport FaSquare from '@meronex/icons/fa/FaSquare';\nimport FaStar from '@meronex/icons/fa/FaStar';\nimport FaTrash from '@meronex/icons/fa/FaTrash';\nimport FaFastBackward from '@meronex/icons/fa/FaFastBackward';\nimport FaFastForward from '@meronex/icons/fa/FaFastForward';\nimport FaStepBackward from '@meronex/icons/fa/FaStepBackward';\nimport FaStepForward from '@meronex/icons/fa/FaStepForward';\nimport FdAlert from '@meronex/icons/fd/FdAlert';\nimport FiSquare from '@meronex/icons/fi/FiSquare';\nimport HiOutlineTranslate from '@meronex/icons/hi/HiOutlineTranslate';\nimport MdcCheckBold from '@meronex/icons/mdc/MdcCheckBold';\nimport MdcCloseThick from '@meronex/icons/mdc/MdcCloseThick';\nimport MdcFilterRemove from '@meronex/icons/mdc/MdcFilterRemove';\nimport MdcFormatLetterEndsWith from '@meronex/icons/mdc/MdcFormatLetterEndsWith';\nimport MdcRefresh from '@meronex/icons/mdc/MdcRefresh';\nimport RiGroupFill from '@meronex/icons/ri/RiGroupFill';\nimport RiUser3Fill from '@meronex/icons/ri/RiUser3Fill';\nimport AiOutlineDrag from '@meronex/icons/ai/AiOutlineDrag';\nimport { IconType } from '@meronex/icons';\nimport FaCalendarAlt from '@meronex/icons/fa/FaCalendarAlt';\nimport GoSearch from '@meronex/icons/go/GoSearch';\nimport FcSettings from '@meronex/icons/fc/FcSettings';\nimport FaLock from '@meronex/icons/fa/FaLock';\nimport AiOutlineEllipsis from '@meronex/icons/ai/AiOutlineEllipsis';\nimport FaVolumeUp from '@meronex/icons/fa/FaVolumeUp';\nimport AiOutlineComment from '@meronex/icons/ai/AiOutlineComment';\nimport EnFlowTree from '@meronex/icons/en/EnFlowTree';\nimport AiOutlineClockCircle from '@meronex/icons/ai/AiOutlineClockCircle';\nimport BiCube from '@meronex/icons/bi/BiCube';\nimport BsDot from '@meronex/icons/bs/BsDot';\nimport GoPrimitiveDot from '@meronex/icons/go/GoPrimitiveDot';\nimport BsFillCircleFill from '@meronex/icons/bs/BsFillCircleFill';\n\nexport type TIconType = IconType;\nexport type TIconName = keyof typeof IconsMap;\n\n/**\n * La idea original al menos, es que los nombres de los íconos sean lo más\n * genérico posible. Como ejemplo, tenemos el ícono Plus, cuyo nombre no indica\n * nada acerca del rol que ocupa en la aplicación, sino que solamente describe\n * qué ícono podemos esperar encontrar.\n *\n * Para indicar qué uso podría tener en la aplicación, se pueden agregar tags\n * en el array tags correspondiente.\n */\nexport const IconsMap = {\n Alert: { icon: FdAlert, tags: ['warning'] },\n ArrowLeft: { icon: BisLeftArrow, tags: [] },\n ArrowRight: { icon: BisRightArrow, tags: [] },\n ArrowUp: { icon: BisUpArrow, tags: [] },\n ArrowDown: { icon: BisDownArrow, tags: [] },\n Calendar: { icon: FaCalendarAlt, tags: ['date'] },\n Check: { icon: MdcCheckBold, tags: ['ok', 'success'] },\n CircleFilled: { icon: BsFillCircleFill, tags: [] },\n Clock: { icon: AiOutlineClockCircle, tags: [] },\n Close: { icon: MdcCloseThick, tags: ['delete', 'erase', 'cross', 'error'] },\n Comment: { icon: AiOutlineComment, tags: [] },\n CrossFilter: { icon: MdcFilterRemove, tags: [] },\n Cube: { icon: BiCube, tags: [] },\n Download: { icon: FaDownload, tags: [] },\n DotSmall: { icon: BsDot, tags: [] },\n DotBig: { icon: GoPrimitiveDot, tags: [] },\n DragAndDrop: { icon: AiOutlineDrag, tags: ['drag', 'drop', 'dnd'] },\n Edit: { icon: FaEdit, tags: ['pen'] },\n Ellipsis: { icon: AiOutlineEllipsis, tags: ['context', 'menu', 'details'] },\n File: { icon: FaFile, tags: ['document'] },\n Filter: { icon: FaFilter, tags: [] },\n First: { icon: FaFastBackward, tags: [] },\n FlowTree: { icon: EnFlowTree, tags: [] },\n FolderClosed: { icon: FaFolder, tags: ['directory'] },\n FolderOpen: { icon: FaFolderOpen, tags: ['directory'] },\n Groups: { icon: RiGroupFill, tags: [] },\n Hamburguer: { icon: FaBars, tags: ['menu'] },\n Help: { icon: FaQuestionCircle, tags: ['question'] },\n Home: { icon: BisHome, tags: ['house'] },\n Info: { icon: FaInfoCircle, tags: [] },\n Last: { icon: FaFastForward, tags: [] },\n LetterAutocomplete: { icon: MdcFormatLetterEndsWith, tags: [] },\n Locked: { icon: FaLock, tags: ['candado'] },\n Maximize: { icon: BiFullscreen, tags: ['fullscreen'] },\n Minimize: { icon: BiExitFullscreen, tags: ['fullscreen'] },\n Minus: { icon: FaMinus, tags: ['collapse', 'hide'] },\n MinusFilled: { icon: FaMinusSquare, tags: ['collapse', 'hide'] },\n Next: { icon: FaStepForward, tags: [] },\n Plus: { icon: FaPlus, tags: ['additional', 'expand', 'show'] },\n PlusFilled: { icon: FaPlusSquare, tags: ['additional', 'expand', 'show'] },\n Previous: { icon: FaStepBackward, tags: [] },\n Print: { icon: EnPrint, tags: [] },\n Refresh: { icon: MdcRefresh, tags: ['reload'] },\n Search: { icon: GoSearch, tags: [] },\n Settings: { icon: FcSettings, tags: ['configuration'] },\n SquareFilled: { icon: FaSquare, tags: [] },\n SquareOutline: { icon: FiSquare, tags: [] },\n Star: { icon: FaStar, tags: ['favorite'] },\n Translate: { icon: HiOutlineTranslate, tags: ['language'] },\n Trash: { icon: FaTrash, tags: ['delete', 'erase'] },\n User: { icon: BisUserCircle, tags: [] },\n User2: { icon: RiUser3Fill, tags: [] },\n Volume: { icon: FaVolumeUp, tags: [] },\n};\n\nexport const icons = new Proxy(\n {},\n {\n get(_, prop): TIconType {\n return IconsMap[prop as keyof typeof IconsMap].icon;\n },\n },\n) as unknown as Record<keyof typeof IconsMap, TIconType>;\n\n/**\n * Se puede utilizar este type guard para aceptar argumentos en los componentes\n * que permitan pasar tanto un nombre de ícono como un ícono en sí.\n *\n * @example\n *\n * ({icon}: {icon: TIconName | TIconType}) => {\n * const ActualIcon = React.useMemo(\n * ()=> isIconName(icon) ? (() => <Icon name={icon} />) : icon\n * , [])\n * return <ActualIcon />\n * }\n */\nexport function isIconName(arg: TIconName | TIconType): arg is TIconName {\n return typeof arg === 'string';\n}\n","import { IconBaseProps } from '@meronex/icons';\nimport { RequireExactlyOne } from 'type-fest';\nimport React from 'react';\nimport { icons, isIconName, TIconName, TIconType } from './iconMap';\nimport { Box } from 'theme-ui';\n\ntype TIconArgs = RequireExactlyOne<{\n icon: TIconName | TIconType;\n name: TIconName;\n}>;\n\nexport const Icon = ({\n icon,\n name,\n size,\n ...props\n}: TIconArgs & IconBaseProps & { title: string }) => {\n const IconComponent =\n // eslint-disable-next-line no-nested-ternary\n icon === undefined ? icons[name] : isIconName(icon) ? icons[icon] : icon;\n\n const sx = React.useMemo(() => {\n return {\n '&.icon__wrapper': {\n display: 'inline-flex',\n p: 0,\n m: 0,\n\n svg: {\n width: size,\n height: size,\n },\n },\n };\n }, [size]);\n\n return (\n <Box className=\"icon__wrapper\" sx={sx}>\n <IconComponent\n {...props}\n aria-label={props['aria-label'] ?? props.title}\n />\n </Box>\n );\n};\n"],"names":["_a"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apia/icons",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"author": "alexisleite <alexisleite@live.com>",
|
|
5
5
|
"homepage": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"access": "public",
|
|
46
46
|
"registry": "https://registry.npmjs.org/"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "26592fdfe0290bfed776776bf9dbe5d3ac2c7341"
|
|
49
49
|
}
|