@herca/rn-kit 0.1.50 → 0.1.52
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/lib/module/Icon/Icon.js +15 -1
- package/lib/module/Icon/Icon.js.map +1 -1
- package/lib/module/Icon/icons/AlignCenter.js +25 -0
- package/lib/module/Icon/icons/AlignCenter.js.map +1 -0
- package/lib/module/Icon/icons/AlignLeft.js +25 -0
- package/lib/module/Icon/icons/AlignLeft.js.map +1 -0
- package/lib/module/Icon/icons/AlignRight.js +25 -0
- package/lib/module/Icon/icons/AlignRight.js.map +1 -0
- package/lib/module/Icon/icons/Bold.js +3 -3
- package/lib/module/Icon/icons/Bold.js.map +1 -1
- package/lib/module/Icon/icons/Italic.js +3 -3
- package/lib/module/Icon/icons/Italic.js.map +1 -1
- package/lib/module/Icon/icons/Link.js +25 -0
- package/lib/module/Icon/icons/Link.js.map +1 -0
- package/lib/module/Icon/icons/ListOrdered.js +34 -0
- package/lib/module/Icon/icons/ListOrdered.js.map +1 -0
- package/lib/module/Icon/icons/ListUnOrdered.js +25 -0
- package/lib/module/Icon/icons/ListUnOrdered.js.map +1 -0
- package/lib/module/Icon/icons/StrikeThrough.js +25 -0
- package/lib/module/Icon/icons/StrikeThrough.js.map +1 -0
- package/lib/module/Icon/icons/UnderLine.js +3 -3
- package/lib/module/Icon/icons/UnderLine.js.map +1 -1
- package/lib/module/TextEditor/README.md +263 -0
- package/lib/module/TextEditor/TextEditor.js +538 -63
- package/lib/module/TextEditor/TextEditor.js.map +1 -1
- package/lib/typescript/src/Icon/Icon.d.ts.map +1 -1
- package/lib/typescript/src/Icon/icons/AlignCenter.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/AlignCenter.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/AlignLeft.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/AlignLeft.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/AlignRight.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/AlignRight.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/Bold.d.ts.map +1 -1
- package/lib/typescript/src/Icon/icons/Italic.d.ts.map +1 -1
- package/lib/typescript/src/Icon/icons/Link.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/Link.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/ListOrdered.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/ListOrdered.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/ListUnOrdered.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/ListUnOrdered.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/StrikeThrough.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/StrikeThrough.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/UnderLine.d.ts.map +1 -1
- package/lib/typescript/src/Icon/type.d.ts +1 -1
- package/lib/typescript/src/Icon/type.d.ts.map +1 -1
- package/lib/typescript/src/TextEditor/TextEditor.d.ts +20 -1
- package/lib/typescript/src/TextEditor/TextEditor.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Icon/Icon.tsx +14 -0
- package/src/Icon/icons/AlignCenter.tsx +22 -0
- package/src/Icon/icons/AlignLeft.tsx +28 -0
- package/src/Icon/icons/AlignRight.tsx +22 -0
- package/src/Icon/icons/Bold.tsx +8 -2
- package/src/Icon/icons/Italic.tsx +8 -2
- package/src/Icon/icons/Link.tsx +22 -0
- package/src/Icon/icons/ListOrdered.tsx +38 -0
- package/src/Icon/icons/ListUnOrdered.tsx +32 -0
- package/src/Icon/icons/StrikeThrough.tsx +26 -0
- package/src/Icon/icons/UnderLine.tsx +8 -2
- package/src/Icon/type.tsx +7 -0
- package/src/TextEditor/README.md +263 -0
- package/src/TextEditor/TextEditor.tsx +685 -133
package/lib/module/Icon/Icon.js
CHANGED
|
@@ -89,6 +89,13 @@ import ArrowUpCircleFill from "./icons/ArrowUpCircleFill.js";
|
|
|
89
89
|
import ClipBoardListCheck2 from "./icons/ClipBoardListCheck2.js";
|
|
90
90
|
import Phone from "./icons/Phone.js";
|
|
91
91
|
import Envelope from "./icons/Envelope.js";
|
|
92
|
+
import AlignCenter from "./icons/AlignCenter.js";
|
|
93
|
+
import AlignLeft from "./icons/AlignLeft.js";
|
|
94
|
+
import AlignRight from "./icons/AlignRight.js";
|
|
95
|
+
import StrikeThrough from "./icons/StrikeThrough.js";
|
|
96
|
+
import Link from "./icons/Link.js";
|
|
97
|
+
import ListOrdered from "./icons/ListOrdered.js";
|
|
98
|
+
import ListUnOrdered from "./icons/ListUnOrdered.js";
|
|
92
99
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
93
100
|
const icons = {
|
|
94
101
|
'Search': Search,
|
|
@@ -178,7 +185,14 @@ const icons = {
|
|
|
178
185
|
'arrow-up-circle-fill': ArrowUpCircleFill,
|
|
179
186
|
'clipboard-list-check-fill-2': ClipBoardListCheck2,
|
|
180
187
|
'Phone': Phone,
|
|
181
|
-
'Envelope': Envelope
|
|
188
|
+
'Envelope': Envelope,
|
|
189
|
+
'align-center': AlignCenter,
|
|
190
|
+
'align-left': AlignLeft,
|
|
191
|
+
'align-right': AlignRight,
|
|
192
|
+
'strike-through': StrikeThrough,
|
|
193
|
+
'Link': Link,
|
|
194
|
+
'list-ordered': ListOrdered,
|
|
195
|
+
'list-un-ordered': ListUnOrdered
|
|
182
196
|
};
|
|
183
197
|
const Icon = ({
|
|
184
198
|
name,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","User","Eye","XCircle","ArrowRight","Document","Calendar","Download","StickyNote","Pdf","RadioButton","ArrowBackAlt","ArrowForwardAlt","Check","Filter","AirPlane","Camera","Image","Times","ArrowDown","ArrowUp","Search","ArrowLeft","EyeOpen","ExclamationMark","FileListCheck","FileText","FolderClock","HomeFill","HomeOutline","Plus","UserCircleFill","UserCircleOutline","ClipBoardListCheck","ClipBoardList","Megaphone","Bell","BookmarkUser","Scanner","ClockOutline","Clock","BoxOutline","ClipBoardListCheckOutline","Box","Minus","PlusSquare","AtSign","BriefCaseOutline","EditSquareOutline","GlobeEarth","LockFill","LogoHercaHris","QuestionCircleOutline","ShieldFill","Users","WhatsAppFill","Bold","Italic","UnderLine","SettingsSlider","RotateSquareFill","LocationPinFill","DiscountFill","CopyFill","CopyTextFill","ShieldCheckedFill","CalendarEdit","InfoCircleOutline","Tag","Tool","UserEdit","ImagePlus","Bolt","BoltSlash","Trash","TimeForward","Signature","Money","InfoCircleFill","Flag","Coupon","MoreVertical","ExclamationTriangle","PdfFile","RotateRight","ArrowUpCircleFill","ClipBoardListCheck2","Phone","Envelope","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,eAAe,MAAM,4BAAyB;AACrD,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,KAAK,MAAM,kBAAe;AAEjC,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,eAAe,MAAM,4BAAyB;AACrD,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,cAAc,MAAM,2BAAwB;AACnD,OAAOC,iBAAiB,MAAM,8BAA2B;AACzD,OAAOC,kBAAkB,MAAM,+BAA4B;AAC3D,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,yBAAyB,MAAM,sCAAmC;AACzE,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,gBAAgB,MAAM,6BAA0B;AACvD,OAAOC,iBAAiB,MAAM,iBAAc;AAC5C,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,aAAa,MAAM,0BAAuB;AACjD,OAAOC,qBAAqB,MAAM,kCAA+B;AACjE,OAAOC,UAAU,MAAM,uBAAoB;AAC3C,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,cAAc,MAAM,2BAAwB;AACnD,OAAOC,gBAAgB,MAAM,6BAA0B;AACvD,OAAOC,eAAe,MAAM,4BAAyB;AACrD,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,iBAAiB,MAAM,8BAA2B;AACzD,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,iBAAiB,MAAM,8BAA2B;AACzD,OAAOC,GAAG,MAAM,gBAAa;AAC7B,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,QAAQ,MAAM,qBAAkB;AACvC,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,SAAS,MAAM,sBAAmB;AACzC,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,cAAc,MAAM,2BAAwB;AACnD,OAAOC,IAAI,MAAM,iBAAc;AAC/B,OAAOC,MAAM,MAAM,mBAAgB;AACnC,OAAOC,YAAY,MAAM,yBAAsB;AAC/C,OAAOC,mBAAmB,MAAM,gCAA6B;AAC7D,OAAOC,OAAO,MAAM,oBAAiB;AACrC,OAAOC,WAAW,MAAM,wBAAqB;AAC7C,OAAOC,iBAAiB,MAAM,8BAA2B;AACzD,OAAOC,mBAAmB,MAAM,gCAA6B;AAC7D,OAAOC,KAAK,MAAM,kBAAe;AACjC,OAAOC,QAAQ,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;
|
|
1
|
+
{"version":3,"names":["React","User","Eye","XCircle","ArrowRight","Document","Calendar","Download","StickyNote","Pdf","RadioButton","ArrowBackAlt","ArrowForwardAlt","Check","Filter","AirPlane","Camera","Image","Times","ArrowDown","ArrowUp","Search","ArrowLeft","EyeOpen","ExclamationMark","FileListCheck","FileText","FolderClock","HomeFill","HomeOutline","Plus","UserCircleFill","UserCircleOutline","ClipBoardListCheck","ClipBoardList","Megaphone","Bell","BookmarkUser","Scanner","ClockOutline","Clock","BoxOutline","ClipBoardListCheckOutline","Box","Minus","PlusSquare","AtSign","BriefCaseOutline","EditSquareOutline","GlobeEarth","LockFill","LogoHercaHris","QuestionCircleOutline","ShieldFill","Users","WhatsAppFill","Bold","Italic","UnderLine","SettingsSlider","RotateSquareFill","LocationPinFill","DiscountFill","CopyFill","CopyTextFill","ShieldCheckedFill","CalendarEdit","InfoCircleOutline","Tag","Tool","UserEdit","ImagePlus","Bolt","BoltSlash","Trash","TimeForward","Signature","Money","InfoCircleFill","Flag","Coupon","MoreVertical","ExclamationTriangle","PdfFile","RotateRight","ArrowUpCircleFill","ClipBoardListCheck2","Phone","Envelope","AlignCenter","AlignLeft","AlignRight","StrikeThrough","Link","ListOrdered","ListUnOrdered","jsx","_jsx","icons","Icon","name","size","color","style","SelectedIcon"],"sourceRoot":"../../../src","sources":["Icon/Icon.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const AlignCenter = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
style: style,
|
|
15
|
+
fill: "none",
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M18 10H6M21 6H3M21 14H3M18 18H6",
|
|
18
|
+
stroke: color,
|
|
19
|
+
"stroke-width": "2",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round"
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
export default AlignCenter;
|
|
25
|
+
//# sourceMappingURL=AlignCenter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","AlignCenter","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/AlignCenter.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,WAA4B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACxEJ,IAAA,CAACH,GAAG;EAACQ,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACH,KAAK,EAAEA,KAAM;EAACI,IAAI,EAAC,MAAM;EAAAC,QAAA,eAC3ET,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,iCAAiC;IACnCC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const AlignLeft = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size + 1,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 25 24",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M16.6667 10H3.66667M20.6667 6H3.66667M20.6667 14H3.66667M16.6667 18H3.66667",
|
|
18
|
+
stroke: color,
|
|
19
|
+
"stroke-width": "2",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round"
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
export default AlignLeft;
|
|
25
|
+
//# sourceMappingURL=AlignLeft.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","AlignLeft","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/AlignLeft.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,SAA0B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACtEJ,IAAA,CAACH,GAAG;EACFQ,KAAK,EAAEH,IAAI,GAAG,CAAE;EAChBI,MAAM,EAAEJ,IAAK;EACbK,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAEbT,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,6EAA6E;IAC/EC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const AlignRight = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M21 10H8M21 6H4M21 14H4M21 18H8",
|
|
18
|
+
stroke: color,
|
|
19
|
+
"stroke-width": "2",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round"
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
export default AlignRight;
|
|
25
|
+
//# sourceMappingURL=AlignRight.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","AlignRight","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/AlignRight.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,UAA2B,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACvEJ,IAAA,CAACH,GAAG;EAACQ,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAC3ET,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,iCAAiC;IACnCC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,UAAU","ignoreList":[]}
|
|
@@ -8,13 +8,13 @@ const Bold = ({
|
|
|
8
8
|
color = '#000',
|
|
9
9
|
style
|
|
10
10
|
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
-
width: size,
|
|
11
|
+
width: size + 1,
|
|
12
12
|
height: size,
|
|
13
|
-
viewBox: "0 0
|
|
13
|
+
viewBox: "0 0 25 24",
|
|
14
14
|
fill: "none",
|
|
15
15
|
style: style,
|
|
16
16
|
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
-
d: "
|
|
17
|
+
d: "M6.33333 12H14.3333C16.5425 12 18.3333 10.2091 18.3333 8C18.3333 5.79086 16.5425 4 14.3333 4H6.33333V12ZM6.33333 12H15.3333C17.5425 12 19.3333 13.7909 19.3333 16C19.3333 18.2091 17.5425 20 15.3333 20H6.33333V12Z",
|
|
18
18
|
stroke: color,
|
|
19
19
|
"stroke-width": "2",
|
|
20
20
|
"stroke-linecap": "round",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Svg","Path","jsx","_jsx","Bold","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/Bold.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,IAAqB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACjEJ,IAAA,CAACH,GAAG;
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","Bold","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/Bold.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,IAAqB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,MAAM;EAAEC;AAAM,CAAC,kBACjEJ,IAAA,CAACH,GAAG;EACFQ,KAAK,EAAEH,IAAI,GAAG,CAAE;EAChBI,MAAM,EAAEJ,IAAK;EACbK,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAEbT,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,qNAAqN;IACvNC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,IAAI","ignoreList":[]}
|
|
@@ -8,13 +8,13 @@ const Italic = ({
|
|
|
8
8
|
color = '#909090',
|
|
9
9
|
style
|
|
10
10
|
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
-
width: size,
|
|
11
|
+
width: size + 1,
|
|
12
12
|
height: size,
|
|
13
|
-
viewBox: "0 0
|
|
13
|
+
viewBox: "0 0 25 24",
|
|
14
14
|
fill: "none",
|
|
15
15
|
style: style,
|
|
16
16
|
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
-
d: "
|
|
17
|
+
d: "M19.3333 4H10.3333M14.3333 20H5.33333M15.3333 4L9.33333 20",
|
|
18
18
|
stroke: color,
|
|
19
19
|
"stroke-width": "2",
|
|
20
20
|
"stroke-linecap": "round",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Svg","Path","jsx","_jsx","Italic","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/Italic.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,MAAuB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,SAAS;EAAEC;AAAM,CAAC,kBACtEJ,IAAA,CAACH,GAAG;
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","Italic","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/Italic.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,MAAuB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,SAAS;EAAEC;AAAM,CAAC,kBACtEJ,IAAA,CAACH,GAAG;EACFQ,KAAK,EAAEH,IAAI,GAAG,CAAE;EAChBI,MAAM,EAAEJ,IAAK;EACbK,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAEbT,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,4DAA4D;IAC9DC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const Link = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#909090',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M12.7076 18.3639L11.2933 19.7781C9.34072 21.7308 6.1749 21.7308 4.22228 19.7781C2.26966 17.8255 2.26966 14.6597 4.22228 12.7071L5.63649 11.2929M18.3644 12.7071L19.7786 11.2929C21.7312 9.34024 21.7312 6.17441 19.7786 4.22179C17.826 2.26917 14.6602 2.26917 12.7076 4.22179L11.2933 5.636M8.50045 15.4999L15.5005 8.49994",
|
|
18
|
+
stroke: color,
|
|
19
|
+
"stroke-width": "2",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round"
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
export default Link;
|
|
25
|
+
//# sourceMappingURL=Link.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","Link","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/Link.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,IAAqB,GAAGA,CAAC;EAAEC,IAAI,GAAG,EAAE;EAAEC,KAAK,GAAG,SAAS;EAAEC;AAAM,CAAC,kBACpEJ,IAAA,CAACH,GAAG;EAACQ,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAC3ET,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,8TAA8T;IAChUC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,IAAI","ignoreList":[]}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
const ListOrdered = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#909090',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsxs(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: [/*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M21 12L9.00001 12M21 6L9.00001 6M21 18L9.00001 18",
|
|
18
|
+
stroke: color,
|
|
19
|
+
"stroke-width": "2",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round"
|
|
22
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
23
|
+
d: "M3.5625 7.5C3.42132 7.5 3.32426 7.47132 3.27132 7.41397C3.22279 7.35221 3.19853 7.25515 3.19853 7.12279V6.75221C3.19853 6.61985 3.22279 6.525 3.27132 6.46765C3.32426 6.40588 3.42132 6.375 3.5625 6.375H3.97941V4.64779L3.70809 4.81985C3.68603 4.8375 3.65956 4.84632 3.62868 4.84632C3.58897 4.84632 3.55588 4.82647 3.52941 4.78676L3.02647 4.01912C3.00882 3.99706 3 3.97279 3 3.94632C3 3.90221 3.02426 3.86691 3.07279 3.84044L4.32353 3.08603C4.37647 3.05515 4.42721 3.03309 4.47574 3.01985C4.52426 3.00662 4.59485 3 4.6875 3H5.17059C5.31618 3 5.41765 3.03088 5.475 3.09265C5.53676 3.15441 5.56765 3.24926 5.56765 3.37721V6.375H5.99118C6.13235 6.375 6.22721 6.40588 6.27574 6.46765C6.32868 6.525 6.35515 6.61985 6.35515 6.75221V7.12279C6.35515 7.25515 6.32868 7.35221 6.27574 7.41397C6.22721 7.47132 6.13235 7.5 5.99118 7.5H3.5625Z",
|
|
24
|
+
fill: color
|
|
25
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
26
|
+
d: "M3.35612 14.5C3.14029 14.5 3.03237 14.3878 3.03237 14.1633V13.7813C3.03237 13.5266 3.11871 13.2871 3.29137 13.0626C3.46403 12.8381 3.76619 12.5748 4.19784 12.2727C4.34892 12.1691 4.44173 12.1065 4.47626 12.0849C4.63165 11.9813 4.73957 11.9036 4.8 11.8518C4.86043 11.8 4.90576 11.7439 4.93597 11.6835C4.96619 11.623 4.9813 11.5453 4.9813 11.4504C4.9813 11.3424 4.94029 11.2561 4.85827 11.1914C4.78058 11.1223 4.65971 11.0878 4.49568 11.0878C4.21942 11.0878 3.93885 11.159 3.65396 11.3014C3.58489 11.336 3.53525 11.3532 3.50504 11.3532C3.45755 11.3532 3.41655 11.323 3.38201 11.2626L3.05827 10.7058C3.01942 10.6367 3 10.5827 3 10.5439C3 10.4964 3.0259 10.4532 3.0777 10.4144C3.26331 10.2892 3.50288 10.1899 3.7964 10.1165C4.08993 10.0388 4.41151 10 4.76115 10C5.30504 10 5.73453 10.1144 6.04964 10.3432C6.36907 10.5676 6.52878 10.8871 6.52878 11.3014C6.52878 11.6209 6.44029 11.8928 6.26331 12.1173C6.08633 12.3374 5.79712 12.577 5.39568 12.836C4.96835 13.1122 4.71151 13.2978 4.62518 13.3928H6.20504C6.34317 13.3928 6.43597 13.423 6.48345 13.4835C6.53525 13.5396 6.56115 13.6324 6.56115 13.7619V14.1309C6.56115 14.2604 6.53525 14.3554 6.48345 14.4158C6.43597 14.4719 6.34317 14.5 6.20504 14.5H3.35612Z",
|
|
27
|
+
fill: color
|
|
28
|
+
}), /*#__PURE__*/_jsx(Path, {
|
|
29
|
+
d: "M4.76197 20.5C4.41127 20.5 4.08592 20.4662 3.78592 20.3986C3.49014 20.331 3.25352 20.2359 3.07606 20.1134C3.02535 20.0754 3 20.0331 3 19.9866C3 19.9486 3.01901 19.8958 3.05704 19.8282L3.37394 19.2831C3.40775 19.2239 3.44789 19.1944 3.49437 19.1944C3.52394 19.1944 3.57254 19.2113 3.64014 19.2451C3.75 19.3 3.8831 19.3465 4.03944 19.3845C4.2 19.4183 4.35845 19.4352 4.51479 19.4352C4.72606 19.4352 4.88239 19.4035 4.9838 19.3401C5.08944 19.2768 5.14225 19.1796 5.14225 19.0486C5.14225 18.8458 5.00493 18.7444 4.73028 18.7444H4.24225C4.10282 18.7444 4.00352 18.7148 3.94437 18.6556C3.88944 18.5965 3.86197 18.5056 3.86197 18.3831V18.0408C3.86197 17.9183 3.88944 17.8275 3.94437 17.7683C4.00352 17.7092 4.10282 17.6796 4.24225 17.6796H4.62887C4.76831 17.6796 4.86972 17.6542 4.9331 17.6035C4.99648 17.5528 5.02817 17.4746 5.02817 17.369C5.02817 17.1662 4.85282 17.0648 4.50211 17.0648C4.21901 17.0648 3.9507 17.1282 3.69718 17.2549C3.62958 17.2887 3.58099 17.3056 3.55141 17.3056C3.50493 17.3056 3.46479 17.2761 3.43099 17.2169L3.11408 16.6718C3.07606 16.6042 3.05704 16.5514 3.05704 16.5134C3.05704 16.4669 3.08239 16.4246 3.1331 16.3866C3.31479 16.2641 3.54085 16.169 3.81127 16.1014C4.08169 16.0338 4.39014 16 4.73662 16C5.10423 16 5.42324 16.0549 5.69366 16.1648C5.96831 16.2704 6.17746 16.4225 6.32113 16.6211C6.46901 16.8197 6.54296 17.0542 6.54296 17.3246C6.54296 17.6965 6.41408 17.9838 6.15634 18.1866C6.49014 18.381 6.65704 18.6894 6.65704 19.112C6.65704 19.5387 6.49437 19.8768 6.16901 20.1261C5.84366 20.3754 5.37465 20.5 4.76197 20.5Z",
|
|
30
|
+
fill: color
|
|
31
|
+
})]
|
|
32
|
+
});
|
|
33
|
+
export default ListOrdered;
|
|
34
|
+
//# sourceMappingURL=ListOrdered.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","jsxs","_jsxs","ListOrdered","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/ListOrdered.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ7C,MAAMC,WAA4B,GAAGA,CAAC;EACpCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,SAAS;EACjBC;AACF,CAAC,kBACCJ,KAAA,CAACL,GAAG;EAACU,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,gBAC3EX,IAAA,CAACF,IAAI;IACHc,CAAC,EAAC,mDAAmD;IACrDC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB,CAAC,eACFL,IAAA,CAACF,IAAI;IACHc,CAAC,EAAC,4zBAA4zB;IAC9zBF,IAAI,EAAEL;EAAM,CACb,CAAC,eACFL,IAAA,CAACF,IAAI;IACHc,CAAC,EAAC,krCAAkrC;IACprCF,IAAI,EAAEL;EAAM,CACb,CAAC,eACFL,IAAA,CAACF,IAAI;IACHc,CAAC,EAAC,0gDAA0gD;IAC5gDF,IAAI,EAAEL;EAAM,CACb,CAAC;AAAA,CACC,CACN;AAED,eAAeF,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const ListUnOrdered = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#909090',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size + 1,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 25 24",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M21.6667 12L9.66667 12M21.6667 6L9.66667 6M21.6667 18L9.66667 18M5.66667 12C5.66667 12.5523 5.21895 13 4.66667 13C4.11438 13 3.66667 12.5523 3.66667 12C3.66667 11.4477 4.11438 11 4.66667 11C5.21895 11 5.66667 11.4477 5.66667 12ZM5.66667 6C5.66667 6.55228 5.21895 7 4.66667 7C4.11438 7 3.66667 6.55228 3.66667 6C3.66667 5.44772 4.11438 5 4.66667 5C5.21895 5 5.66667 5.44772 5.66667 6ZM5.66667 18C5.66667 18.5523 5.21895 19 4.66667 19C4.11438 19 3.66667 18.5523 3.66667 18C3.66667 17.4477 4.11438 17 4.66667 17C5.21895 17 5.66667 17.4477 5.66667 18Z",
|
|
18
|
+
stroke: color,
|
|
19
|
+
"stroke-width": "2",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round"
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
export default ListUnOrdered;
|
|
25
|
+
//# sourceMappingURL=ListUnOrdered.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","ListUnOrdered","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/ListUnOrdered.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,aAA8B,GAAGA,CAAC;EACtCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,SAAS;EACjBC;AACF,CAAC,kBACCJ,IAAA,CAACH,GAAG;EACFQ,KAAK,EAAEH,IAAI,GAAG,CAAE;EAChBI,MAAM,EAAEJ,IAAK;EACbK,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAEbT,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,qiBAAqiB;IACviBC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,aAAa","ignoreList":[]}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from 'react';
|
|
4
|
+
import Svg, { Path } from 'react-native-svg';
|
|
5
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
6
|
+
const StrikeThrough = ({
|
|
7
|
+
size = 24,
|
|
8
|
+
color = '#000',
|
|
9
|
+
style
|
|
10
|
+
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
+
width: size,
|
|
12
|
+
height: size,
|
|
13
|
+
viewBox: "0 0 24 24",
|
|
14
|
+
fill: "none",
|
|
15
|
+
style: style,
|
|
16
|
+
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
+
d: "M6 16C6 18.2091 7.79086 20 10 20H14C16.2091 20 18 18.2091 18 16C18 13.7909 16.2091 12 14 12M18 8C18 5.79086 16.2091 4 14 4H10C7.79086 4 6 5.79086 6 8M3 12H21",
|
|
18
|
+
stroke: color,
|
|
19
|
+
"stroke-width": "2",
|
|
20
|
+
"stroke-linecap": "round",
|
|
21
|
+
"stroke-linejoin": "round"
|
|
22
|
+
})
|
|
23
|
+
});
|
|
24
|
+
export default StrikeThrough;
|
|
25
|
+
//# sourceMappingURL=StrikeThrough.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","StrikeThrough","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/StrikeThrough.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,aAA8B,GAAGA,CAAC;EACtCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,MAAM;EACdC;AACF,CAAC,kBACCJ,IAAA,CAACH,GAAG;EAACQ,KAAK,EAAEH,IAAK;EAACI,MAAM,EAAEJ,IAAK;EAACK,OAAO,EAAC,WAAW;EAACC,IAAI,EAAC,MAAM;EAACJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAC3ET,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,+JAA+J;IACjKC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,aAAa","ignoreList":[]}
|
|
@@ -8,13 +8,13 @@ const UnderLine = ({
|
|
|
8
8
|
color = '#909090',
|
|
9
9
|
style
|
|
10
10
|
}) => /*#__PURE__*/_jsx(Svg, {
|
|
11
|
-
width: size,
|
|
11
|
+
width: size + 1,
|
|
12
12
|
height: size,
|
|
13
|
-
viewBox: "0 0
|
|
13
|
+
viewBox: "0 0 25 24",
|
|
14
14
|
fill: "none",
|
|
15
15
|
style: style,
|
|
16
16
|
children: /*#__PURE__*/_jsx(Path, {
|
|
17
|
-
d: "
|
|
17
|
+
d: "M18.6667 4V11C18.6667 14.3137 15.9804 17 12.6667 17C9.35296 17 6.66667 14.3137 6.66667 11V4M4.66667 21H20.6667",
|
|
18
18
|
stroke: color,
|
|
19
19
|
"stroke-width": "2",
|
|
20
20
|
"stroke-linecap": "round",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Svg","Path","jsx","_jsx","UnderLine","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/UnderLine.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,SAA0B,GAAGA,CAAC;EAClCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,SAAS;EACjBC;AACF,CAAC,kBACCJ,IAAA,CAACH,GAAG;
|
|
1
|
+
{"version":3,"names":["React","Svg","Path","jsx","_jsx","UnderLine","size","color","style","width","height","viewBox","fill","children","d","stroke"],"sourceRoot":"../../../../src","sources":["Icon/icons/UnderLine.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7C,MAAMC,SAA0B,GAAGA,CAAC;EAClCC,IAAI,GAAG,EAAE;EACTC,KAAK,GAAG,SAAS;EACjBC;AACF,CAAC,kBACCJ,IAAA,CAACH,GAAG;EACFQ,KAAK,EAAEH,IAAI,GAAG,CAAE;EAChBI,MAAM,EAAEJ,IAAK;EACbK,OAAO,EAAC,WAAW;EACnBC,IAAI,EAAC,MAAM;EACXJ,KAAK,EAAEA,KAAM;EAAAK,QAAA,eAEbT,IAAA,CAACF,IAAI;IACHY,CAAC,EAAC,gHAAgH;IAClHC,MAAM,EAAER,KAAM;IACd,gBAAa,GAAG;IAChB,kBAAe,OAAO;IACtB,mBAAgB;EAAO,CACxB;AAAC,CACC,CACN;AAED,eAAeF,SAAS","ignoreList":[]}
|
|
@@ -0,0 +1,263 @@
|
|
|
1
|
+
# TextEditor Component
|
|
2
|
+
|
|
3
|
+
Rich text editor component untuk React Native dengan toolbar formatting yang lengkap dan support untuk link, list, dan text alignment.
|
|
4
|
+
|
|
5
|
+
## Features
|
|
6
|
+
|
|
7
|
+
- ✅ Rich text formatting (Bold, Italic, Underline, Strikethrough)
|
|
8
|
+
- ✅ Insert dan edit hyperlinks
|
|
9
|
+
- ✅ Bullet dan numbered lists
|
|
10
|
+
- ✅ Text alignment (Left, Center, Right)
|
|
11
|
+
- ✅ Character counter dengan max length validation
|
|
12
|
+
- ✅ Custom placeholder
|
|
13
|
+
- ✅ WebView-based editor dengan contenteditable
|
|
14
|
+
- ✅ Toolbar otomatis muncul saat keyboard aktif
|
|
15
|
+
- ✅ Support iOS dan Android
|
|
16
|
+
- ✅ Imperative methods (getContent, setContent, clearContent)
|
|
17
|
+
|
|
18
|
+
## Installation
|
|
19
|
+
|
|
20
|
+
Pastikan dependencies berikut sudah terinstall:
|
|
21
|
+
|
|
22
|
+
```bash
|
|
23
|
+
npm install react-native-webview
|
|
24
|
+
# atau
|
|
25
|
+
yarn add react-native-webview
|
|
26
|
+
```
|
|
27
|
+
|
|
28
|
+
## Basic Usage
|
|
29
|
+
|
|
30
|
+
```tsx
|
|
31
|
+
import { TextEditor } from '@herca/rn-kit';
|
|
32
|
+
|
|
33
|
+
export default function MyScreen() {
|
|
34
|
+
const handleChange = (html: string) => {
|
|
35
|
+
console.log('Content:', html);
|
|
36
|
+
};
|
|
37
|
+
|
|
38
|
+
return (
|
|
39
|
+
<TextEditor
|
|
40
|
+
label="Deskripsi"
|
|
41
|
+
placeholder="Tulis sesuatu di sini..."
|
|
42
|
+
onChange={handleChange}
|
|
43
|
+
maxLength={4000}
|
|
44
|
+
height={300}
|
|
45
|
+
/>
|
|
46
|
+
);
|
|
47
|
+
}
|
|
48
|
+
```
|
|
49
|
+
|
|
50
|
+
## Props
|
|
51
|
+
|
|
52
|
+
| Prop | Type | Default | Description |
|
|
53
|
+
| ------------------------- | ------------------------ | ---------------------------- | -------------------------------------------- |
|
|
54
|
+
| `label` | `string` | - | Label yang ditampilkan di atas editor |
|
|
55
|
+
| `height` | `number` | `300` | Tinggi editor dalam pixels |
|
|
56
|
+
| `initialValue` | `string` | `''` | Konten HTML awal |
|
|
57
|
+
| `placeholder` | `string` | `'Tulis sesuatu di sini...'` | Placeholder text |
|
|
58
|
+
| `maxLength` | `number` | - | Maksimal karakter (dihitung tanpa HTML tags) |
|
|
59
|
+
| `hasError` | `boolean` | - | Menampilkan state error |
|
|
60
|
+
| `hint` | `string` | - | Hint text di bawah editor |
|
|
61
|
+
| `onChange` | `(html: string) => void` | - | Callback saat konten berubah |
|
|
62
|
+
| `onFocus` | `() => void` | - | Callback saat editor focus |
|
|
63
|
+
| `onBlur` | `() => void` | - | Callback saat editor blur |
|
|
64
|
+
| `inputLabelLinkText` | `string` | `'Teks Link'` | Label untuk input teks link |
|
|
65
|
+
| `inputLabelLinkUrl` | `string` | `'Link URL'` | Label untuk input URL link |
|
|
66
|
+
| `inputLinkTextPlacholder` | `string` | `'Link URL'` | Placeholder untuk input teks link |
|
|
67
|
+
| `inputLinkUrlPlacholder` | `string` | `'https://www.example.com'` | Placeholder untuk input URL |
|
|
68
|
+
| `saveLinkButtonText` | `string` | `'Simpan'` | Text tombol simpan link |
|
|
69
|
+
| `cancelLinkButtonText` | `string` | `'Batal'` | Text tombol batal link |
|
|
70
|
+
|
|
71
|
+
## Advanced Usage
|
|
72
|
+
|
|
73
|
+
### Using Ref Methods
|
|
74
|
+
|
|
75
|
+
```tsx
|
|
76
|
+
import { useRef } from 'react';
|
|
77
|
+
import { TextEditor, TextEditorRef } from '@herca/rn-kit';
|
|
78
|
+
|
|
79
|
+
export default function MyScreen() {
|
|
80
|
+
const editorRef = useRef<TextEditorRef>(null);
|
|
81
|
+
|
|
82
|
+
const getContent = () => {
|
|
83
|
+
editorRef.current?.getContent();
|
|
84
|
+
};
|
|
85
|
+
|
|
86
|
+
const setContent = () => {
|
|
87
|
+
editorRef.current?.setContent('<p><strong>Bold text</strong></p>');
|
|
88
|
+
};
|
|
89
|
+
|
|
90
|
+
const clearContent = () => {
|
|
91
|
+
editorRef.current?.clearContent();
|
|
92
|
+
};
|
|
93
|
+
|
|
94
|
+
return (
|
|
95
|
+
<>
|
|
96
|
+
<TextEditor
|
|
97
|
+
ref={editorRef}
|
|
98
|
+
label="Deskripsi"
|
|
99
|
+
onChange={(html) => console.log(html)}
|
|
100
|
+
/>
|
|
101
|
+
|
|
102
|
+
<Button title="Get Content" onPress={getContent} />
|
|
103
|
+
<Button title="Set Content" onPress={setContent} />
|
|
104
|
+
<Button title="Clear" onPress={clearContent} />
|
|
105
|
+
</>
|
|
106
|
+
);
|
|
107
|
+
}
|
|
108
|
+
```
|
|
109
|
+
|
|
110
|
+
### With Initial Value
|
|
111
|
+
|
|
112
|
+
```tsx
|
|
113
|
+
<TextEditor
|
|
114
|
+
label="Edit Description"
|
|
115
|
+
initialValue="<p>Konten awal dengan <strong>bold</strong> dan <em>italic</em></p>"
|
|
116
|
+
onChange={handleChange}
|
|
117
|
+
/>
|
|
118
|
+
```
|
|
119
|
+
|
|
120
|
+
### With Max Length and Error State
|
|
121
|
+
|
|
122
|
+
```tsx
|
|
123
|
+
<TextEditor
|
|
124
|
+
label="Bio"
|
|
125
|
+
maxLength={500}
|
|
126
|
+
hasError={error}
|
|
127
|
+
hint={error ? 'Bio terlalu panjang' : 'Ceritakan tentang dirimu'}
|
|
128
|
+
onChange={handleChange}
|
|
129
|
+
/>
|
|
130
|
+
```
|
|
131
|
+
|
|
132
|
+
### Custom Link Labels
|
|
133
|
+
|
|
134
|
+
```tsx
|
|
135
|
+
<TextEditor
|
|
136
|
+
label="Content"
|
|
137
|
+
inputLabelLinkText="Display Text"
|
|
138
|
+
inputLabelLinkUrl="Web Address"
|
|
139
|
+
inputLinkTextPlacholder="Enter text to display"
|
|
140
|
+
inputLinkUrlPlacholder="https://example.com"
|
|
141
|
+
saveLinkButtonText="Insert Link"
|
|
142
|
+
cancelLinkButtonText="Cancel"
|
|
143
|
+
onChange={handleChange}
|
|
144
|
+
/>
|
|
145
|
+
```
|
|
146
|
+
|
|
147
|
+
## Toolbar Commands
|
|
148
|
+
|
|
149
|
+
Editor menyediakan toolbar dengan commands berikut:
|
|
150
|
+
|
|
151
|
+
- **Bold** - Membuat teks tebal
|
|
152
|
+
- **Italic** - Membuat teks miring
|
|
153
|
+
- **Underline** - Membuat garis bawah
|
|
154
|
+
- **Strikethrough** - Membuat teks tercoret
|
|
155
|
+
- **Link** - Insert atau edit hyperlink
|
|
156
|
+
- **Bullet List** - Membuat unordered list
|
|
157
|
+
- **Numbered List** - Membuat ordered list
|
|
158
|
+
- **Align Left** - Align teks ke kiri
|
|
159
|
+
- **Align Center** - Align teks ke tengah
|
|
160
|
+
- **Align Right** - Align teks ke kanan
|
|
161
|
+
|
|
162
|
+
## Ref Methods
|
|
163
|
+
|
|
164
|
+
### `getContent()`
|
|
165
|
+
|
|
166
|
+
Mendapatkan konten HTML dari editor.
|
|
167
|
+
|
|
168
|
+
```tsx
|
|
169
|
+
editorRef.current?.getContent();
|
|
170
|
+
```
|
|
171
|
+
|
|
172
|
+
### `setContent(html: string)`
|
|
173
|
+
|
|
174
|
+
Set konten HTML ke editor.
|
|
175
|
+
|
|
176
|
+
```tsx
|
|
177
|
+
editorRef.current?.setContent('<p>New content</p>');
|
|
178
|
+
```
|
|
179
|
+
|
|
180
|
+
### `clearContent()`
|
|
181
|
+
|
|
182
|
+
Menghapus semua konten dari editor.
|
|
183
|
+
|
|
184
|
+
```tsx
|
|
185
|
+
editorRef.current?.clearContent();
|
|
186
|
+
```
|
|
187
|
+
|
|
188
|
+
## Important Notes
|
|
189
|
+
|
|
190
|
+
### Height Prop
|
|
191
|
+
|
|
192
|
+
- ⚠️ **Disarankan Jangan** ubah prop `height` secara dinamis saat keyboard muncul/hilang
|
|
193
|
+
- Gunakan fixed height atau hitung sekali di awal component
|
|
194
|
+
- Mengubah height akan menyebabkan WebView reload dan keyboard hilang
|
|
195
|
+
|
|
196
|
+
### Character Count
|
|
197
|
+
|
|
198
|
+
- Character count dihitung dari plain text (tanpa HTML tags)
|
|
199
|
+
- Jika `maxLength` diset, user tidak bisa mengetik lebih dari limit tersebut
|
|
200
|
+
- Counter akan berubah warna merah saat melebihi `maxLength`
|
|
201
|
+
|
|
202
|
+
### Link Insertion
|
|
203
|
+
|
|
204
|
+
- User bisa select text kemudian klik tombol link untuk menambahkan hyperlink
|
|
205
|
+
- Jika tidak ada text yang diselect, link text akan sama dengan URL
|
|
206
|
+
- Protocol `https://` akan otomatis ditambahkan jika tidak ada
|
|
207
|
+
- User bisa edit existing link dengan cara klik link tersebut dan tekan tombol link di toolbar
|
|
208
|
+
|
|
209
|
+
## Styling
|
|
210
|
+
|
|
211
|
+
Component menggunakan styling internal yang sudah optimal. Jika perlu custom styling, wrap component dengan View:
|
|
212
|
+
|
|
213
|
+
```tsx
|
|
214
|
+
<View style={{ padding: 16, backgroundColor: '#f5f5f5' }}>
|
|
215
|
+
<TextEditor label="Content" />
|
|
216
|
+
</View>
|
|
217
|
+
```
|
|
218
|
+
|
|
219
|
+
## Platform-Specific Behavior
|
|
220
|
+
|
|
221
|
+
### iOS
|
|
222
|
+
|
|
223
|
+
- Menggunakan `KeyboardAvoidingView` dengan behavior `'padding'`
|
|
224
|
+
- Toolbar positioning disesuaikan dengan keyboard height
|
|
225
|
+
- `injectJavaScript` digunakan untuk commands
|
|
226
|
+
|
|
227
|
+
### Android
|
|
228
|
+
|
|
229
|
+
- `KeyboardAvoidingView` tanpa behavior khusus
|
|
230
|
+
- `postMessage` digunakan untuk commands
|
|
231
|
+
- Pastikan `android:windowSoftInputMode="adjustResize"` di AndroidManifest.xml
|
|
232
|
+
|
|
233
|
+
## Troubleshooting
|
|
234
|
+
|
|
235
|
+
### Keyboard Langsung Hilang
|
|
236
|
+
|
|
237
|
+
**Problem:** Keyboard hilang setelah muncul
|
|
238
|
+
|
|
239
|
+
**Solution:** Jangan ubah prop `height` secara dinamis. Gunakan fixed value.
|
|
240
|
+
|
|
241
|
+
### Content Tidak Ter-update
|
|
242
|
+
|
|
243
|
+
**Problem:** Perubahan konten tidak terdeteksi
|
|
244
|
+
|
|
245
|
+
**Solution:** Pastikan `onChange` callback di-implement dengan benar.
|
|
246
|
+
|
|
247
|
+
### Toolbar Tidak Muncul
|
|
248
|
+
|
|
249
|
+
**Problem:** Toolbar tidak tampil saat keyboard aktif
|
|
250
|
+
|
|
251
|
+
**Solution:** Pastikan component tidak di-wrap dengan View yang membatasi positioning absolute.
|
|
252
|
+
|
|
253
|
+
## Performance Tips
|
|
254
|
+
|
|
255
|
+
1. Gunakan `useCallback` untuk `onChange` handler jika parent component sering re-render
|
|
256
|
+
2. Jangan pass object atau array baru sebagai props setiap render
|
|
257
|
+
3. Untuk list besar, pertimbangkan lazy loading atau pagination
|
|
258
|
+
4. Batasi `maxLength` sesuai kebutuhan untuk performa optimal
|
|
259
|
+
|
|
260
|
+
## Dependencies
|
|
261
|
+
|
|
262
|
+
- `react-native-webview` - WebView component
|
|
263
|
+
- Internal components: `BottomSheet`, `Button`, `Icon`, `Input`, `LabelForm`, `Typography`
|