@herca/rn-kit 0.1.99 → 0.1.101
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/Drawing/Drawing.js +74 -45
- package/lib/module/Drawing/Drawing.js.map +1 -1
- package/lib/module/Icon/Icon.js +17 -1
- package/lib/module/Icon/Icon.js.map +1 -1
- package/lib/module/Icon/README.md +1 -0
- package/lib/module/Icon/icons/BarCode.js +22 -0
- package/lib/module/Icon/icons/BarCode.js.map +1 -0
- package/lib/module/Icon/icons/BoxSearchOutline.js +22 -0
- package/lib/module/Icon/icons/BoxSearchOutline.js.map +1 -0
- package/lib/module/Icon/icons/CubeScan.js +34 -0
- package/lib/module/Icon/icons/CubeScan.js.map +1 -0
- package/lib/module/Icon/icons/Devices.js +27 -0
- package/lib/module/Icon/icons/Devices.js.map +1 -0
- package/lib/module/Icon/icons/Global.js +46 -0
- package/lib/module/Icon/icons/Global.js.map +1 -0
- package/lib/module/Icon/icons/Hierarchy3.js +31 -0
- package/lib/module/Icon/icons/Hierarchy3.js.map +1 -0
- package/lib/module/Icon/icons/SortVertical.js +22 -0
- package/lib/module/Icon/icons/SortVertical.js.map +1 -0
- package/lib/module/Icon/icons/UserSquareOutline.js +25 -0
- package/lib/module/Icon/icons/UserSquareOutline.js.map +1 -0
- package/lib/module/Tab/Tab.js +3 -1
- package/lib/module/Tab/Tab.js.map +1 -1
- package/lib/typescript/src/Drawing/Drawing.d.ts +4 -1
- package/lib/typescript/src/Drawing/Drawing.d.ts.map +1 -1
- package/lib/typescript/src/Icon/Icon.d.ts.map +1 -1
- package/lib/typescript/src/Icon/icons/BarCode.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/BarCode.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/BoxSearchOutline.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/BoxSearchOutline.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/CubeScan.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/CubeScan.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/Devices.d.ts +8 -0
- package/lib/typescript/src/Icon/icons/Devices.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/Global.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/Global.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/Hierarchy3.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/Hierarchy3.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/SortVertical.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/SortVertical.d.ts.map +1 -0
- package/lib/typescript/src/Icon/icons/UserSquareOutline.d.ts +9 -0
- package/lib/typescript/src/Icon/icons/UserSquareOutline.d.ts.map +1 -0
- 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/Tab/Tab.d.ts.map +1 -1
- package/lib/typescript/src/Tab/type.d.ts +2 -0
- package/lib/typescript/src/Tab/type.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/Drawing/Drawing.tsx +89 -46
- package/src/Icon/Icon.tsx +16 -0
- package/src/Icon/README.md +1 -0
- package/src/Icon/icons/BarCode.tsx +19 -0
- package/src/Icon/icons/BoxSearchOutline.tsx +23 -0
- package/src/Icon/icons/CubeScan.tsx +35 -0
- package/src/Icon/icons/Devices.tsx +26 -0
- package/src/Icon/icons/Global.tsx +55 -0
- package/src/Icon/icons/Hierarchy3.tsx +31 -0
- package/src/Icon/icons/SortVertical.tsx +23 -0
- package/src/Icon/icons/UserSquareOutline.tsx +27 -0
- package/src/Icon/type.tsx +9 -1
- package/src/Tab/Tab.tsx +2 -0
- package/src/Tab/type.tsx +5 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useCallback","useState","useEffect","useRef","Children","isValidElement","View","Pressable","StyleSheet","ScrollView","PagerView","Color","Typography","jsx","_jsx","jsxs","_jsxs","Tab","children","current","onChangeTab","renderHeader","items","toArray","filter","activeIndex","setActiveIndex","pagerRef","currentHeight","props","height","setPageWithoutAnimation","updateActive","index","handleHeaderPress","setPage","length","renderTabBar","horizontal","showsHorizontalScrollIndicator","style","styles","tabBarWrapper","tabBar","map","item","isActive","Fragment","renderTabName","tabButton","tabActive","tabInactive","onPress","center","variant","weight","color","base","white100","gray","name","renderMainContent","minHeight","ref","pager","undefined","initialPage","onPageSelected","e","nativeEvent","position","collapsable","container","stickyHeaderIndices","contentContainerStyle","scrollViewContainer","showsVerticalScrollIndicator","create","flex","backgroundColor","borderRadius","flexDirection","padding","paddingVertical","paddingHorizontal","justifyContent","alignItems","marginRight","primary","marginBottom","flexGrow"],"sourceRoot":"../../../src","sources":["Tab/Tab.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IACVC,WAAW,EACXC,QAAQ,EACRC,SAAS,EACTC,MAAM,EACNC,QAAQ,EACRC,cAAc,QACT,OAAO;AACd,SAASC,IAAI,EAAEC,SAAS,EAAEC,UAAU,EAAEC,UAAU,QAAQ,cAAc;AACtE,OAAOC,SAAS,MAAM,yBAAyB;AAC/C,OAAOC,KAAK,MAAM,mBAAgB;AAClC,OAAOC,UAAU,MAAM,6BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGlD,MAAMC,GAAuB,GAAGA,CAAC;EAC/BC,QAAQ;EACRC,OAAO,GAAG,CAAC;EACXC,WAAW;EACXC;AACF,CAAC,KAAK;EACJ,MAAMC,KAAK,
|
|
1
|
+
{"version":3,"names":["React","useCallback","useState","useEffect","useRef","Children","isValidElement","View","Pressable","StyleSheet","ScrollView","PagerView","Color","Typography","jsx","_jsx","jsxs","_jsxs","Tab","children","current","onChangeTab","renderHeader","refreshControl","items","toArray","filter","activeIndex","setActiveIndex","pagerRef","currentHeight","props","height","setPageWithoutAnimation","updateActive","index","handleHeaderPress","setPage","length","renderTabBar","horizontal","showsHorizontalScrollIndicator","style","styles","tabBarWrapper","tabBar","map","item","isActive","Fragment","renderTabName","tabButton","tabActive","tabInactive","onPress","center","variant","weight","color","base","white100","gray","name","renderMainContent","minHeight","ref","pager","undefined","initialPage","onPageSelected","e","nativeEvent","position","collapsable","container","stickyHeaderIndices","contentContainerStyle","scrollViewContainer","showsVerticalScrollIndicator","create","flex","backgroundColor","borderRadius","flexDirection","padding","paddingVertical","paddingHorizontal","justifyContent","alignItems","marginRight","primary","marginBottom","flexGrow"],"sourceRoot":"../../../src","sources":["Tab/Tab.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,10 @@ interface DrawingProps {
|
|
|
3
3
|
onStart?: () => void;
|
|
4
4
|
onEnd?: () => void;
|
|
5
5
|
dataURL?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
hint?: string;
|
|
8
|
+
hasError?: boolean;
|
|
6
9
|
}
|
|
7
|
-
declare const Drawing: ({ onChange, onEnd, onStart, dataURL }: DrawingProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
declare const Drawing: ({ onChange, onEnd, onStart, dataURL, disabled, hint, hasError, }: DrawingProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
11
|
export default Drawing;
|
|
9
12
|
//# sourceMappingURL=Drawing.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Drawing.d.ts","sourceRoot":"","sources":["../../../../src/Drawing/Drawing.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Drawing.d.ts","sourceRoot":"","sources":["../../../../src/Drawing/Drawing.tsx"],"names":[],"mappings":"AAUA,UAAU,YAAY;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACvD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,OAAO,GAAI,kEAQd,YAAY,4CAuJd,CAAC;AAyCF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../src/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,QAAQ,CAAC;AAmSvD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAa7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BarCode.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/BarCode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAO5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BoxSearchOutline.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/BoxSearchOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWrC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CubeScan.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/CubeScan.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuB7B,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Devices.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Devices.tsx"],"names":[],"mappings":"AAEA,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAe5B,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Global.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Global.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA2C/B,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Hierarchy3.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/Hierarchy3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmB/B,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SortVertical.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/SortVertical.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAWjC,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"UserSquareOutline.d.ts","sourceRoot":"","sources":["../../../../../src/Icon/icons/UserSquareOutline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,KAAK;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAetC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { type ViewStyle } from 'react-native';
|
|
2
|
-
export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'exclamation-triangle' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'pdf-file' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'briefcase-fill-bulk' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'rotate-right' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'calendar-edit' | 'info-circle-outline' | 'Tag' | 'Tool' | 'user-edit' | 'Bolt' | 'bolt-slash' | 'image-plus' | 'Trash' | 'time-forward' | 'Signature' | 'Money' | 'info-circle-fill' | 'Flag' | 'Coupon' | 'more-vertical' | 'clipboard-list-check-fill-2' | 'arrow-up-circle-fill' | 'Envelope' | 'Phone' | 'strike-through' | 'align-left' | 'align-right' | 'align-center' | 'list-un-ordered' | 'list-ordered' | 'Link' | 'money-down' | 'location-pin-outline' | 'car-outline' | 'comment-fill' | 'share-up' | 'stopwatch-fill' | 'times-new' | 'credit-card' | 'user-circle-money-up' | 'whatsapp-fill' | 'Cake' | 'Building' | 'briefcase-fill' | 'user-tag-fill' | 'FaceId' | 'document-list' | 'Receipt' | 'user-clock' | 'document-list-pay' | 'setting-gear' | 'Pencil' | 'calendar-check' | 'calendar-close' | 'file-list-plus' | 'Login' | 'Logout' | 'credit-card-fill' | 'user-check-fill-bulk' | 'plane-fill-bulk' | 'hourglass-fill-bulk' | 'rotate-card-fill-bulk' | 'money-up-fill-bulk' | 'grid-fill-bulk' | 'file-list-plus-outline' | 'stopwatch-check-fill' | 'stopwatch-check-outline' | 'stopwatch-fill-2' | 'arrow-right-long' | 'hourglass-fill' | 'users-slash' | 'user-square' | 'Sun' | 'paper-board-check' | 'user-change' | 'calendar-plus' | 'calendar-clock' | 'warning-letter';
|
|
2
|
+
export type IconNameProps = 'Search' | 'User' | 'Eye' | 'EyeOpen' | 'ArrowRight' | 'ArrowLeft' | 'Document' | 'Calendar' | 'ExclamationMark' | 'exclamation-triangle' | 'Download' | 'x-circle' | 'StickyNote' | 'RadioButton' | 'Pdf' | 'pdf-file' | 'ArrowBackAlt' | 'ArrowForwardAlt' | 'ArrowDown' | 'ArrowUp' | 'Check' | 'Filter' | 'AirPlane' | 'Camera' | 'Image' | 'Times' | 'Plus' | 'Minus' | 'Bell' | 'file-list-check' | 'file-text' | 'bookmark-user' | 'folder-clock' | 'home-fill' | 'home-outline' | 'user-circle-outline' | 'user-circle-fill' | 'clipboard-list-check' | 'clipboard-list' | 'Megaphone' | 'Scanner' | 'Clock' | 'clock-outline' | 'clipboard-list-check-outline' | 'box-outline' | 'Box' | 'plus-square' | 'at-sign' | 'briefcase-outline' | 'briefcase-fill-bulk' | 'edit-square-outline' | 'globe-earth' | 'lock-fill' | 'logo-herca-hris' | 'question-circle-outline' | 'shield-fill' | 'Users' | 'Bold' | 'Italic' | 'UnderLine' | 'settings-slider' | 'location-pin-fill' | 'discount-fill' | 'rotate-square-fill' | 'rotate-right' | 'copy-fill' | 'copy-text-fill' | 'shield-checked-fill' | 'calendar-edit' | 'info-circle-outline' | 'Tag' | 'Tool' | 'user-edit' | 'Bolt' | 'bolt-slash' | 'image-plus' | 'Trash' | 'time-forward' | 'Signature' | 'Money' | 'info-circle-fill' | 'Flag' | 'Coupon' | 'more-vertical' | 'clipboard-list-check-fill-2' | 'arrow-up-circle-fill' | 'Envelope' | 'Phone' | 'strike-through' | 'align-left' | 'align-right' | 'align-center' | 'list-un-ordered' | 'list-ordered' | 'Link' | 'money-down' | 'location-pin-outline' | 'car-outline' | 'comment-fill' | 'share-up' | 'stopwatch-fill' | 'times-new' | 'credit-card' | 'user-circle-money-up' | 'whatsapp-fill' | 'Cake' | 'Building' | 'briefcase-fill' | 'user-tag-fill' | 'FaceId' | 'document-list' | 'Receipt' | 'user-clock' | 'document-list-pay' | 'setting-gear' | 'Pencil' | 'calendar-check' | 'calendar-close' | 'file-list-plus' | 'Login' | 'Logout' | 'credit-card-fill' | 'user-check-fill-bulk' | 'plane-fill-bulk' | 'hourglass-fill-bulk' | 'rotate-card-fill-bulk' | 'money-up-fill-bulk' | 'grid-fill-bulk' | 'file-list-plus-outline' | 'stopwatch-check-fill' | 'stopwatch-check-outline' | 'stopwatch-fill-2' | 'arrow-right-long' | 'hourglass-fill' | 'users-slash' | 'user-square' | 'Sun' | 'paper-board-check' | 'user-change' | 'calendar-plus' | 'calendar-clock' | 'sort-vertical' | 'warning-letter' | 'bar-code' | 'devices' | 'user-square-outline' | 'box-search-outline' | 'hierarchy-3' | 'global' | 'cube-scan';
|
|
3
3
|
export interface IconProps {
|
|
4
4
|
name: IconNameProps;
|
|
5
5
|
size?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,sBAAsB,GACtB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,UAAU,GACV,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,cAAc,GACd,WAAW,GACX,OAAO,GACP,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,6BAA6B,GAC7B,sBAAsB,GACtB,UAAU,GACV,OAAO,GACP,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,MAAM,GACN,YAAY,GACZ,sBAAsB,GACtB,aAAa,GACb,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,aAAa,GACb,sBAAsB,GACtB,eAAe,GACf,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,eAAe,GACf,QAAQ,GACR,eAAe,GACf,SAAS,GACT,YAAY,GACZ,mBAAmB,GACnB,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,kBAAkB,GAClB,sBAAsB,GACtB,iBAAiB,GACjB,qBAAqB,GACrB,uBAAuB,GACvB,oBAAoB,GACpB,gBAAgB,GAChB,wBAAwB,GACxB,sBAAsB,GACtB,yBAAyB,GACzB,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,KAAK,GACL,mBAAmB,GACnB,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,gBAAgB,CAAC;
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Icon/type.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,aAAa,GACrB,QAAQ,GACR,MAAM,GACN,KAAK,GACL,SAAS,GACT,YAAY,GACZ,WAAW,GACX,UAAU,GACV,UAAU,GACV,iBAAiB,GACjB,sBAAsB,GACtB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,aAAa,GACb,KAAK,GACL,UAAU,GACV,cAAc,GACd,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,OAAO,GACP,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,iBAAiB,GACjB,WAAW,GACX,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,qBAAqB,GACrB,kBAAkB,GAClB,sBAAsB,GACtB,gBAAgB,GAChB,WAAW,GACX,SAAS,GACT,OAAO,GACP,eAAe,GACf,8BAA8B,GAC9B,aAAa,GACb,KAAK,GACL,aAAa,GACb,SAAS,GACT,mBAAmB,GACnB,qBAAqB,GACrB,qBAAqB,GACrB,aAAa,GACb,WAAW,GACX,iBAAiB,GACjB,yBAAyB,GACzB,aAAa,GACb,OAAO,GACP,MAAM,GACN,QAAQ,GACR,WAAW,GACX,iBAAiB,GACjB,mBAAmB,GACnB,eAAe,GACf,oBAAoB,GACpB,cAAc,GACd,WAAW,GACX,gBAAgB,GAChB,qBAAqB,GACrB,eAAe,GACf,qBAAqB,GACrB,KAAK,GACL,MAAM,GACN,WAAW,GACX,MAAM,GACN,YAAY,GACZ,YAAY,GACZ,OAAO,GACP,cAAc,GACd,WAAW,GACX,OAAO,GACP,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,eAAe,GACf,6BAA6B,GAC7B,sBAAsB,GACtB,UAAU,GACV,OAAO,GACP,gBAAgB,GAChB,YAAY,GACZ,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,cAAc,GACd,MAAM,GACN,YAAY,GACZ,sBAAsB,GACtB,aAAa,GACb,cAAc,GACd,UAAU,GACV,gBAAgB,GAChB,WAAW,GACX,aAAa,GACb,sBAAsB,GACtB,eAAe,GACf,MAAM,GACN,UAAU,GACV,gBAAgB,GAChB,eAAe,GACf,QAAQ,GACR,eAAe,GACf,SAAS,GACT,YAAY,GACZ,mBAAmB,GACnB,cAAc,GACd,QAAQ,GACR,gBAAgB,GAChB,gBAAgB,GAChB,gBAAgB,GAChB,OAAO,GACP,QAAQ,GACR,kBAAkB,GAClB,sBAAsB,GACtB,iBAAiB,GACjB,qBAAqB,GACrB,uBAAuB,GACvB,oBAAoB,GACpB,gBAAgB,GAChB,wBAAwB,GACxB,sBAAsB,GACtB,yBAAyB,GACzB,kBAAkB,GAClB,kBAAkB,GAClB,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,KAAK,GACL,mBAAmB,GACnB,aAAa,GACb,eAAe,GACf,gBAAgB,GAChB,eAAe,GACf,gBAAgB,GAChB,UAAU,GACV,SAAS,GACT,qBAAqB,GACrB,oBAAoB,GACpB,aAAa,GACb,QAAQ,GACR,WAAW,CAAC;AAChB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,aAAa,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/Tab/Tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAON,MAAM,OAAO,CAAC;AAKf,OAAO,KAAK,EAAgB,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAErD,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CA0I3B,CAAC;AAEF,eAAe,GAAG,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { type ReactElement } from 'react';
|
|
2
|
+
import type { RefreshControlProps } from 'react-native';
|
|
2
3
|
export type TabItemProps = {
|
|
3
4
|
name: string | number;
|
|
4
5
|
children: React.ReactElement<any>;
|
|
@@ -17,5 +18,6 @@ export interface TabProps {
|
|
|
17
18
|
current?: number;
|
|
18
19
|
renderHeader?: React.ReactElement;
|
|
19
20
|
onChangeTab?: (e: any) => void;
|
|
21
|
+
refreshControl?: React.ReactElement<RefreshControlProps, string | React.JSXElementConstructor<any>>;
|
|
20
22
|
}
|
|
21
23
|
//# sourceMappingURL=type.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Tab/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/Tab/type.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACE,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,KAAK,CAAC,YAAY,CAAC;CACrE,CAAC;AAEN,MAAM,WAAW,QAAQ;IACvB,QAAQ,EAAE,YAAY,CAAC,YAAY,CAAC,GAAG,YAAY,CAAC,YAAY,CAAC,EAAE,CAAC;IACpE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,YAAY,CACjC,mBAAmB,EACnB,MAAM,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAC1C,CAAC;CACH"}
|
package/package.json
CHANGED
package/src/Drawing/Drawing.tsx
CHANGED
|
@@ -6,17 +6,30 @@ import SignatureCanvas, {
|
|
|
6
6
|
import Button from '../Button/Button';
|
|
7
7
|
import Color from '../Color/Color';
|
|
8
8
|
import Icon from '../Icon';
|
|
9
|
+
import Typography from '../Typography/Typography';
|
|
9
10
|
|
|
10
11
|
interface DrawingProps {
|
|
11
12
|
onChange?: (value?: string | undefined | null) => void;
|
|
12
13
|
onStart?: () => void;
|
|
13
14
|
onEnd?: () => void;
|
|
14
15
|
dataURL?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
hint?: string;
|
|
18
|
+
hasError?: boolean;
|
|
15
19
|
}
|
|
16
20
|
|
|
17
|
-
const Drawing = ({
|
|
21
|
+
const Drawing = ({
|
|
22
|
+
onChange,
|
|
23
|
+
onEnd,
|
|
24
|
+
onStart,
|
|
25
|
+
dataURL,
|
|
26
|
+
disabled,
|
|
27
|
+
hint,
|
|
28
|
+
hasError,
|
|
29
|
+
}: DrawingProps) => {
|
|
18
30
|
const ref = useRef<SignatureViewRef | null>(null);
|
|
19
31
|
|
|
32
|
+
const [canvasKey, setCanvasKey] = useState(0);
|
|
20
33
|
const [internalDataURL, setInternalDataURL] = useState<any>(null);
|
|
21
34
|
const [stepCount, setStepCount] = useState(0);
|
|
22
35
|
const [undoCount, setUndoCount] = useState(0);
|
|
@@ -24,6 +37,7 @@ const Drawing = ({ onChange, onEnd, onStart, dataURL }: DrawingProps) => {
|
|
|
24
37
|
const canUndo = dataURL
|
|
25
38
|
? stepCount - undoCount > 1
|
|
26
39
|
: stepCount - undoCount > 0;
|
|
40
|
+
|
|
27
41
|
const canRedo = undoCount > 0;
|
|
28
42
|
|
|
29
43
|
const handleSignature = (signature: string) => {
|
|
@@ -86,8 +100,8 @@ const Drawing = ({ onChange, onEnd, onStart, dataURL }: DrawingProps) => {
|
|
|
86
100
|
|
|
87
101
|
useEffect(() => {
|
|
88
102
|
onChange?.(dataURL);
|
|
89
|
-
setInternalDataURL(dataURL);
|
|
90
|
-
|
|
103
|
+
setInternalDataURL(dataURL ?? null);
|
|
104
|
+
setCanvasKey((prev) => prev + 1); // force remount dengan dataURL baru
|
|
91
105
|
setStepCount(dataURL ? 1 : 0);
|
|
92
106
|
setUndoCount(0);
|
|
93
107
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
@@ -95,54 +109,71 @@ const Drawing = ({ onChange, onEnd, onStart, dataURL }: DrawingProps) => {
|
|
|
95
109
|
|
|
96
110
|
return (
|
|
97
111
|
<View style={styles.container}>
|
|
98
|
-
<
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
112
|
+
<View style={styles.drawerContainer}>
|
|
113
|
+
<SignatureCanvas
|
|
114
|
+
key={canvasKey}
|
|
115
|
+
ref={ref}
|
|
116
|
+
onEnd={handleEnd}
|
|
117
|
+
onBegin={handleBegin}
|
|
118
|
+
onOK={handleSignature}
|
|
119
|
+
onEmpty={handleEmpty}
|
|
120
|
+
onError={handleError}
|
|
121
|
+
descriptionText=" "
|
|
122
|
+
webStyle={`
|
|
123
|
+
.m-signature-pad {box-shadow: none; border-color:${!hasError ? Color.gray[200] : Color.danger[300]}; border-radius: 12px; overflow: auto;}
|
|
109
124
|
.m-signature-pad--footer{
|
|
110
125
|
display: none; margin: 0,
|
|
111
126
|
}
|
|
112
127
|
`}
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
<
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
disabled={!canRedo}
|
|
134
|
-
style={!canRedo && styles.disabledButton}
|
|
128
|
+
clearText={'Clear'}
|
|
129
|
+
penColor={Color.gray[900]}
|
|
130
|
+
backgroundColor={Color.base.white100}
|
|
131
|
+
webviewProps={{
|
|
132
|
+
cacheEnabled: true,
|
|
133
|
+
androidLayerType: 'hardware',
|
|
134
|
+
}}
|
|
135
|
+
dataURL={internalDataURL}
|
|
136
|
+
/>
|
|
137
|
+
|
|
138
|
+
{disabled && (
|
|
139
|
+
<View pointerEvents="auto" style={styles.disabledOverlay} />
|
|
140
|
+
)}
|
|
141
|
+
</View>
|
|
142
|
+
|
|
143
|
+
<View>
|
|
144
|
+
{!!hint && (
|
|
145
|
+
<Typography
|
|
146
|
+
variant="t2"
|
|
147
|
+
color={hasError ? Color.danger[500] : Color.gray[900]}
|
|
135
148
|
>
|
|
136
|
-
|
|
137
|
-
</
|
|
149
|
+
{hint}
|
|
150
|
+
</Typography>
|
|
151
|
+
)}
|
|
152
|
+
<View style={styles.footerConteiner}>
|
|
153
|
+
<View style={styles.actionButtonContainer}>
|
|
154
|
+
<TouchableOpacity
|
|
155
|
+
onPress={undo}
|
|
156
|
+
disabled={!canUndo}
|
|
157
|
+
style={!canUndo && styles.disabledButton}
|
|
158
|
+
>
|
|
159
|
+
<Icon name="ArrowBackAlt" />
|
|
160
|
+
</TouchableOpacity>
|
|
161
|
+
<TouchableOpacity
|
|
162
|
+
onPress={redo}
|
|
163
|
+
disabled={!canRedo}
|
|
164
|
+
style={!canRedo && styles.disabledButton}
|
|
165
|
+
>
|
|
166
|
+
<Icon name="ArrowForwardAlt" />
|
|
167
|
+
</TouchableOpacity>
|
|
168
|
+
</View>
|
|
169
|
+
<Button
|
|
170
|
+
variant="outline"
|
|
171
|
+
color="primary"
|
|
172
|
+
title="Clear"
|
|
173
|
+
size="small"
|
|
174
|
+
onPress={clear}
|
|
175
|
+
/>
|
|
138
176
|
</View>
|
|
139
|
-
<Button
|
|
140
|
-
variant="outline"
|
|
141
|
-
color="primary"
|
|
142
|
-
title="Clear"
|
|
143
|
-
size="small"
|
|
144
|
-
onPress={clear}
|
|
145
|
-
/>
|
|
146
177
|
</View>
|
|
147
178
|
</View>
|
|
148
179
|
);
|
|
@@ -150,7 +181,11 @@ const Drawing = ({ onChange, onEnd, onStart, dataURL }: DrawingProps) => {
|
|
|
150
181
|
|
|
151
182
|
const styles = StyleSheet.create({
|
|
152
183
|
container: {
|
|
153
|
-
height:
|
|
184
|
+
height: 360,
|
|
185
|
+
},
|
|
186
|
+
drawerContainer: {
|
|
187
|
+
position: 'relative',
|
|
188
|
+
height: 310,
|
|
154
189
|
},
|
|
155
190
|
footerConteiner: {
|
|
156
191
|
flexDirection: 'row',
|
|
@@ -173,6 +208,14 @@ const styles = StyleSheet.create({
|
|
|
173
208
|
alignItems: 'center',
|
|
174
209
|
marginTop: 15,
|
|
175
210
|
},
|
|
211
|
+
disabledOverlay: {
|
|
212
|
+
position: 'absolute',
|
|
213
|
+
top: 0,
|
|
214
|
+
left: 0,
|
|
215
|
+
right: 0,
|
|
216
|
+
bottom: 0,
|
|
217
|
+
backgroundColor: 'rgba(255,255,255,0.5)',
|
|
218
|
+
},
|
|
176
219
|
});
|
|
177
220
|
|
|
178
221
|
export default Drawing;
|
package/src/Icon/Icon.tsx
CHANGED
|
@@ -143,6 +143,14 @@ import PaperBoardCheck from './icons/PaperBoardCheck';
|
|
|
143
143
|
import UserChange from './icons/UserChange';
|
|
144
144
|
import CalendarPlus from './icons/CalendarPlus';
|
|
145
145
|
import CalendarClock from './icons/CalendarClock';
|
|
146
|
+
import SortVertical from './icons/SortVertical';
|
|
147
|
+
import BarCode from './icons/BarCode';
|
|
148
|
+
import CubeScan from './icons/CubeScan';
|
|
149
|
+
import Devices from './icons/Devices';
|
|
150
|
+
import UserSquareOutline from './icons/UserSquareOutline';
|
|
151
|
+
import BoxSearchOutline from './icons/BoxSearchOutline';
|
|
152
|
+
import Hierarchy3 from './icons/Hierarchy3';
|
|
153
|
+
import GlobalIcon from './icons/Global';
|
|
146
154
|
|
|
147
155
|
const icons: Record<
|
|
148
156
|
IconNameProps,
|
|
@@ -290,6 +298,14 @@ const icons: Record<
|
|
|
290
298
|
'user-change': UserChange,
|
|
291
299
|
'calendar-plus': CalendarPlus,
|
|
292
300
|
'calendar-clock': CalendarClock,
|
|
301
|
+
'sort-vertical': SortVertical,
|
|
302
|
+
'bar-code': BarCode,
|
|
303
|
+
'cube-scan': CubeScan,
|
|
304
|
+
'devices': Devices,
|
|
305
|
+
'user-square-outline': UserSquareOutline,
|
|
306
|
+
'box-search-outline': BoxSearchOutline,
|
|
307
|
+
'hierarchy-3': Hierarchy3,
|
|
308
|
+
'global': GlobalIcon,
|
|
293
309
|
};
|
|
294
310
|
|
|
295
311
|
const Icon: React.FC<IconProps> = ({
|
package/src/Icon/README.md
CHANGED
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
size?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
style?: object;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const BarCode: React.FC<Props> = ({ size = 24, color = '#000', style }) => (
|
|
11
|
+
<Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
|
|
12
|
+
<Path
|
|
13
|
+
d="M14.1665 2.91699H5.83317C3.33317 2.91699 1.6665 4.16699 1.6665 7.08366V12.917C1.6665 15.8337 3.33317 17.0837 5.83317 17.0837H14.1665C16.6665 17.0837 18.3332 15.8337 18.3332 12.917V7.08366C18.3332 4.16699 16.6665 2.91699 14.1665 2.91699ZM5.62484 13.3337C5.62484 13.6753 5.3415 13.9587 4.99984 13.9587C4.65817 13.9587 4.37484 13.6753 4.37484 13.3337V6.66699C4.37484 6.32533 4.65817 6.04199 4.99984 6.04199C5.3415 6.04199 5.62484 6.32533 5.62484 6.66699V13.3337ZM8.12484 13.3337C8.12484 13.6753 7.8415 13.9587 7.49984 13.9587C7.15817 13.9587 6.87484 13.6753 6.87484 13.3337V12.5003C6.87484 12.1587 7.15817 11.8753 7.49984 11.8753C7.8415 11.8753 8.12484 12.1587 8.12484 12.5003V13.3337ZM8.12484 10.0003C8.12484 10.342 7.8415 10.6253 7.49984 10.6253C7.15817 10.6253 6.87484 10.342 6.87484 10.0003V6.66699C6.87484 6.32533 7.15817 6.04199 7.49984 6.04199C7.8415 6.04199 8.12484 6.32533 8.12484 6.66699V10.0003ZM10.6248 13.3337C10.6248 13.6753 10.3415 13.9587 9.99984 13.9587C9.65817 13.9587 9.37484 13.6753 9.37484 13.3337V6.66699C9.37484 6.32533 9.65817 6.04199 9.99984 6.04199C10.3415 6.04199 10.6248 6.32533 10.6248 6.66699V13.3337ZM13.1248 13.3337C13.1248 13.6753 12.8415 13.9587 12.4998 13.9587C12.1582 13.9587 11.8748 13.6753 11.8748 13.3337V10.0003C11.8748 9.65866 12.1582 9.37533 12.4998 9.37533C12.8415 9.37533 13.1248 9.65866 13.1248 10.0003V13.3337ZM13.1248 7.50033C13.1248 7.84199 12.8415 8.12533 12.4998 8.12533C12.1582 8.12533 11.8748 7.84199 11.8748 7.50033V6.66699C11.8748 6.32533 12.1582 6.04199 12.4998 6.04199C12.8415 6.04199 13.1248 6.32533 13.1248 6.66699V7.50033ZM15.6248 13.3337C15.6248 13.6753 15.3415 13.9587 14.9998 13.9587C14.6582 13.9587 14.3748 13.6753 14.3748 13.3337V6.66699C14.3748 6.32533 14.6582 6.04199 14.9998 6.04199C15.3415 6.04199 15.6248 6.32533 15.6248 6.66699V13.3337Z"
|
|
14
|
+
fill={color}
|
|
15
|
+
/>
|
|
16
|
+
</Svg>
|
|
17
|
+
);
|
|
18
|
+
|
|
19
|
+
export default BarCode;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
size?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
style?: object;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const BoxSearchOutline: React.FC<Props> = ({
|
|
11
|
+
size = 24,
|
|
12
|
+
color = '#000',
|
|
13
|
+
style,
|
|
14
|
+
}) => (
|
|
15
|
+
<Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
|
|
16
|
+
<Path
|
|
17
|
+
d="M10.5775 16.4192L9.92666 16.7109C9.88332 16.7309 9.83667 16.7392 9.79167 16.7551V9.48839C10.0117 9.44423 10.2284 9.37924 10.4367 9.2884L15.9825 6.82508C16.0116 6.95591 16.0417 7.0884 16.0417 7.2259V10.0001C16.0417 10.3451 16.3217 10.6251 16.6667 10.6251C17.0117 10.6251 17.2917 10.3451 17.2917 10.0001V7.2259C17.2917 6.69506 17.15 6.18925 16.9066 5.74091C16.9058 5.73841 16.9058 5.73507 16.905 5.73173C16.9017 5.72423 16.895 5.72008 16.8917 5.71258C16.5684 5.13175 16.0692 4.65258 15.4375 4.37258L10.44 2.14925C9.6308 1.78675 8.70413 1.78591 7.89663 2.14841L2.89663 4.37258C2.26496 4.65341 1.7658 5.13256 1.44246 5.7134C1.43913 5.7209 1.43247 5.72507 1.42914 5.73257C1.4283 5.73507 1.42834 5.73842 1.42751 5.74175C1.18418 6.19009 1.04248 6.69674 1.04248 7.22674V12.7751C1.04248 14.0076 1.77088 15.1284 2.89754 15.6292L7.895 17.8526C8.29917 18.0342 8.73415 18.1251 9.16748 18.1251C9.60081 18.1251 10.0358 18.0342 10.4391 17.8526L11.0892 17.5609C11.4042 17.4201 11.545 17.0501 11.4042 16.7351C11.2625 16.4192 10.8917 16.2784 10.5775 16.4192ZM8.40668 3.28923C8.89001 3.07173 9.4442 3.07257 9.9292 3.29007L14.9292 5.51424C15.0692 5.57674 15.1925 5.66341 15.3109 5.75508L13.0367 6.76508L6.98914 3.91924L8.40668 3.28923ZM5.48004 4.59091L11.5267 7.43591L9.93418 8.14341C9.44668 8.35591 8.88755 8.3559 8.40505 8.14506L3.02338 5.75508C3.14171 5.66341 3.26422 5.57674 3.40505 5.51424L5.48004 4.59091ZM3.40413 14.4859C2.7283 14.1859 2.29167 13.5134 2.29167 12.7742V7.2259C2.29167 7.08756 2.3217 6.95591 2.35087 6.82508L7.9008 9.29008C8.1083 9.38008 8.32331 9.4459 8.54248 9.48923V16.7559C8.49665 16.7392 8.44922 16.7309 8.40505 16.7109L3.40413 14.4859ZM18.775 17.0551L17.4833 15.7642C17.7983 15.2834 17.985 14.7117 17.985 14.0951C17.985 12.4109 16.6142 11.0401 14.93 11.0401C13.245 11.0401 11.8742 12.4109 11.8742 14.0951C11.8742 15.7792 13.245 17.1501 14.93 17.1501C15.5467 17.1501 16.1183 16.9634 16.5991 16.6484L17.8908 17.9392C18.0125 18.0609 18.1725 18.1217 18.3325 18.1217C18.4925 18.1217 18.6525 18.0609 18.7742 17.9384C19.0192 17.6951 19.0192 17.2992 18.775 17.0551ZM13.125 14.0951C13.125 13.1001 13.935 12.2901 14.9308 12.2901C15.9258 12.2901 16.7358 13.1001 16.7358 14.0951C16.7358 15.0901 15.9258 15.9001 14.9308 15.9001C13.935 15.9001 13.125 15.0901 13.125 14.0951Z"
|
|
18
|
+
fill={color}
|
|
19
|
+
/>
|
|
20
|
+
</Svg>
|
|
21
|
+
);
|
|
22
|
+
|
|
23
|
+
export default BoxSearchOutline;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Svg, { Path } from 'react-native-svg';
|
|
3
|
+
|
|
4
|
+
interface Props {
|
|
5
|
+
size?: number;
|
|
6
|
+
color?: string;
|
|
7
|
+
style?: object;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
const CubeScan: React.FC<Props> = ({ size = 24, color = '#000', style }) => (
|
|
11
|
+
<Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
|
|
12
|
+
<Path
|
|
13
|
+
d="M18.3332 8.12533C17.9915 8.12533 17.7082 7.84199 17.7082 7.50033V5.83366C17.7082 3.68366 16.3165 2.29199 14.1665 2.29199H5.83317C3.68317 2.29199 2.2915 3.68366 2.2915 5.83366V7.50033C2.2915 7.84199 2.00817 8.12533 1.6665 8.12533C1.32484 8.12533 1.0415 7.84199 1.0415 7.50033V5.83366C1.0415 2.96699 2.9665 1.04199 5.83317 1.04199H14.1665C17.0332 1.04199 18.9582 2.96699 18.9582 5.83366V7.50033C18.9582 7.84199 18.6748 8.12533 18.3332 8.12533Z"
|
|
14
|
+
fill={color}
|
|
15
|
+
/>
|
|
16
|
+
<Path
|
|
17
|
+
d="M14.1665 18.9587H5.83317C2.9665 18.9587 1.0415 17.0337 1.0415 14.167V12.5003C1.0415 12.1587 1.32484 11.8753 1.6665 11.8753C2.00817 11.8753 2.2915 12.1587 2.2915 12.5003V14.167C2.2915 16.317 3.68317 17.7087 5.83317 17.7087H14.1665C16.3165 17.7087 17.7082 16.317 17.7082 14.167V12.5003C17.7082 12.1587 17.9915 11.8753 18.3332 11.8753C18.6748 11.8753 18.9582 12.1587 18.9582 12.5003V14.167C18.9582 17.0337 17.0332 18.9587 14.1665 18.9587Z"
|
|
18
|
+
fill={color}
|
|
19
|
+
/>
|
|
20
|
+
<Path
|
|
21
|
+
d="M13.6665 6.84199L10.5332 5.15033C10.1998 4.97533 9.80817 4.97533 9.47484 5.15033L6.33317 6.84199C6.10817 6.96699 5.9665 7.20866 5.9665 7.47533C5.9665 7.75033 6.10817 7.99199 6.33317 8.11699L9.4665 9.80866C9.63317 9.90033 9.8165 9.94199 9.99984 9.94199C10.1832 9.94199 10.3665 9.90033 10.5332 9.80866L13.6665 8.11699C13.8915 7.99199 14.0332 7.75033 14.0332 7.47533C14.0332 7.20866 13.8915 6.96699 13.6665 6.84199Z"
|
|
22
|
+
fill={color}
|
|
23
|
+
/>
|
|
24
|
+
<Path
|
|
25
|
+
d="M8.94984 10.392L6.03317 8.93366C5.80817 8.82533 5.54984 8.83366 5.33317 8.96699C5.12484 9.10033 4.99984 9.32533 4.99984 9.57533V12.3337C4.99984 12.8087 5.2665 13.242 5.6915 13.4503L8.60817 14.9087C8.70817 14.9587 8.8165 14.9837 8.93317 14.9837C9.0665 14.9837 9.1915 14.9503 9.30817 14.8753C9.52484 14.742 9.64984 14.517 9.64984 14.267V11.5087C9.6415 11.0337 9.38317 10.6087 8.94984 10.392Z"
|
|
26
|
+
fill={color}
|
|
27
|
+
/>
|
|
28
|
+
<Path
|
|
29
|
+
d="M14.6582 8.96699C14.4415 8.83366 14.1832 8.82533 13.9582 8.93366L11.0415 10.392C10.6165 10.6087 10.3498 11.0337 10.3498 11.5087V14.267C10.3498 14.517 10.4748 14.742 10.6915 14.8753C10.8082 14.9503 10.9332 14.9837 11.0665 14.9837C11.1748 14.9837 11.2832 14.9587 11.3915 14.9087L14.3082 13.4503C14.7332 13.2337 14.9998 12.8087 14.9998 12.3337V9.57533C14.9998 9.32533 14.8748 9.10033 14.6582 8.96699Z"
|
|
30
|
+
fill={color}
|
|
31
|
+
/>
|
|
32
|
+
</Svg>
|
|
33
|
+
);
|
|
34
|
+
|
|
35
|
+
export default CubeScan;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import Svg, { Path } from 'react-native-svg';
|
|
2
|
+
|
|
3
|
+
interface Props {
|
|
4
|
+
size?: number;
|
|
5
|
+
color?: string;
|
|
6
|
+
style?: object;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
const Devices: React.FC<Props> = ({ size = 24, color, style }: Props) => (
|
|
10
|
+
<Svg width={size} height={size} viewBox="0 0 20 20" fill="none" style={style}>
|
|
11
|
+
<Path
|
|
12
|
+
d="M16.6665 5.00033V5.20033H12.3915C9.9165 5.20033 8.7665 6.35033 8.7665 8.82533V13.0837H8.12484V16.042H8.7665V17.292H4.12484C3.78317 17.292 3.49984 17.0087 3.49984 16.667C3.49984 16.3253 3.78317 16.042 4.12484 16.042H6.87484V13.0837H4.99984C2.3915 13.0837 1.6915 12.442 1.6665 9.91699V5.00033C1.6665 2.33366 2.33317 1.66699 4.99984 1.66699H13.3332C15.9998 1.66699 16.6665 2.33366 16.6665 5.00033Z"
|
|
13
|
+
fill={color}
|
|
14
|
+
/>
|
|
15
|
+
<Path
|
|
16
|
+
d="M16.6665 6.49199C16.4582 6.46699 16.2165 6.45033 15.9582 6.45033H12.3915C10.6082 6.45033 10.0165 7.04199 10.0165 8.82533V16.042C10.0248 16.5587 10.0832 16.967 10.2082 17.292C10.4998 18.0503 11.1582 18.3337 12.3915 18.3337H15.9582C17.7415 18.3337 18.3332 17.742 18.3332 15.9587V8.82533C18.3332 7.30033 17.8998 6.65033 16.6665 6.49199ZM14.1748 8.40866C14.8998 8.40866 15.4832 8.99199 15.4832 9.71699C15.4832 10.442 14.8998 11.0253 14.1748 11.0253C13.4498 11.0253 12.8665 10.442 12.8665 9.71699C12.8665 8.99199 13.4498 8.40866 14.1748 8.40866ZM14.1748 15.9587C13.1915 15.9587 12.3915 15.1587 12.3915 14.1753C12.3915 13.767 12.5332 13.3837 12.7665 13.0837C13.0915 12.667 13.5998 12.392 14.1748 12.392C14.6248 12.392 15.0332 12.5587 15.3415 12.8253C15.7165 13.1587 15.9582 13.642 15.9582 14.1753C15.9582 15.1587 15.1582 15.9587 14.1748 15.9587Z"
|
|
17
|
+
fill={color}
|
|
18
|
+
/>
|
|
19
|
+
<Path
|
|
20
|
+
d="M16.6665 6.49199C16.4582 6.46699 16.2165 6.45033 15.9582 6.45033H12.3915C10.6082 6.45033 10.0165 7.04199 10.0165 8.82533V16.042C10.0248 16.5587 10.0832 16.967 10.2082 17.292C10.4998 18.0503 11.1582 18.3337 12.3915 18.3337H15.9582C17.7415 18.3337 18.3332 17.742 18.3332 15.9587V8.82533C18.3332 7.30033 17.8998 6.65033 16.6665 6.49199ZM14.1748 8.40866C14.8998 8.40866 15.4832 8.99199 15.4832 9.71699C15.4832 10.442 14.8998 11.0253 14.1748 11.0253C13.4498 11.0253 12.8665 10.442 12.8665 9.71699C12.8665 8.99199 13.4498 8.40866 14.1748 8.40866ZM14.1748 15.9587C13.1915 15.9587 12.3915 15.1587 12.3915 14.1753C12.3915 13.767 12.5332 13.3837 12.7665 13.0837C13.0915 12.667 13.5998 12.392 14.1748 12.392C14.6248 12.392 15.0332 12.5587 15.3415 12.8253C15.7165 13.1587 15.9582 13.642 15.9582 14.1753C15.9582 15.1587 15.1582 15.9587 14.1748 15.9587Z"
|
|
21
|
+
fill={color}
|
|
22
|
+
/>
|
|
23
|
+
</Svg>
|
|
24
|
+
);
|
|
25
|
+
|
|
26
|
+
export default Devices;
|