@rahmatsaputra-my-id/react-js-library 0.0.69 → 0.0.72
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 +0 -1
- package/dist/index.es.js +15 -57
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +14 -57
- package/dist/index.js.map +1 -1
- package/package.json +7 -4
- package/dist/constants/Images/Images.types.d.ts +0 -39
- package/dist/constants/Images/index.d.ts +0 -2
package/dist/index.d.ts
CHANGED
package/dist/index.es.js
CHANGED
|
@@ -411,58 +411,16 @@ var View = function (_a) {
|
|
|
411
411
|
return (jsx(Fragment, { children: jsx("div", __assign({ style: __assign({ display: display, flexDirection: flexDirection, marginTop: top, marginRight: right, marginBottom: bottom, marginLeft: left }, style) }, props, { children: children })) }));
|
|
412
412
|
};
|
|
413
413
|
|
|
414
|
-
var
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
IMAGE: "".concat(BASE_URL, "/image"),
|
|
418
|
-
PERSONAL_WEB: "".concat(BASE_URL, "/personal-web")
|
|
419
|
-
};
|
|
420
|
-
var Icons = {
|
|
421
|
-
arrow_left_black: "".concat(PATH.IMAGE, "/icon-arrow-left-black.png"),
|
|
422
|
-
arrow_right_thin: "".concat(PATH.IMAGE, "/icon-arrow-right-thin.png"),
|
|
423
|
-
arrow_right: "".concat(PATH.IMAGE, "/icon-arrow-right.png"),
|
|
424
|
-
bulk_product: "".concat(PATH.IMAGE, "/icon-bulk-product.png"),
|
|
425
|
-
camera: "".concat(PATH.IMAGE, "/icon-camera.png"),
|
|
426
|
-
cart: "".concat(PATH.IMAGE, "/icon-cart.png"),
|
|
427
|
-
checklist_success: "".concat(PATH.IMAGE, "/icon-checklist-success.png"),
|
|
428
|
-
close: "".concat(PATH.WEDDING, "/icon-close.png"),
|
|
429
|
-
edit: "".concat(PATH.IMAGE, "/icon-edit.png"),
|
|
430
|
-
exit: "".concat(PATH.IMAGE, "/icon-exit.png"),
|
|
431
|
-
filter: "".concat(PATH.IMAGE, "/icon-filter.png"),
|
|
432
|
-
flag_english: "".concat(PATH.PERSONAL_WEB, "/icon/icon_flag_united_states.png"),
|
|
433
|
-
flag_indonesia: "".concat(PATH.PERSONAL_WEB, "/icon/icon_flag_indonesia.png"),
|
|
434
|
-
flash_off: "".concat(PATH.IMAGE, "/icon-flash-off.png"),
|
|
435
|
-
flash_on: "".concat(PATH.IMAGE, "/icon-flash-on.png"),
|
|
436
|
-
history_transaction: "".concat(PATH.IMAGE, "/icon-history-transaction.png"),
|
|
437
|
-
image_not_available: "".concat(PATH.PERSONAL_WEB, "/image-not-available.png"),
|
|
438
|
-
information: "".concat(PATH.IMAGE, "/icon-information.png"),
|
|
439
|
-
langugage: "".concat(PATH.IMAGE, "/icon-language.png"),
|
|
440
|
-
list: "".concat(PATH.IMAGE, "/icon-list.png"),
|
|
441
|
-
love_empty: "".concat(PATH.IMAGE, "/icon-love-empty.png"),
|
|
442
|
-
love_filled: "".concat(PATH.IMAGE, "/icon-love-filled.png"),
|
|
443
|
-
member: "".concat(PATH.IMAGE, "/icon-member.png"),
|
|
444
|
-
more: "".concat(PATH.IMAGE, "/icon-more.png"),
|
|
445
|
-
outlet: "".concat(PATH.IMAGE, "/icon-outlet.png"),
|
|
446
|
-
printer: "".concat(PATH.IMAGE, "/icon-printer.png"),
|
|
447
|
-
privilege: "".concat(PATH.IMAGE, "/icon-privilege.png"),
|
|
448
|
-
question: "".concat(PATH.IMAGE, "/icon-question.png"),
|
|
449
|
-
role_privilege: "".concat(PATH.IMAGE, "/icon-role-privilege.png"),
|
|
450
|
-
role: "".concat(PATH.IMAGE, "/icon-role.png"),
|
|
451
|
-
rotate: "".concat(PATH.IMAGE, "/icon-rotate.png"),
|
|
452
|
-
scan_qr: "".concat(PATH.IMAGE, "/icon-scan-qr.png"),
|
|
453
|
-
send: "".concat(PATH.IMAGE, "/icon-send.png"),
|
|
454
|
-
support: "".concat(PATH.IMAGE, "/icon-support.png"),
|
|
455
|
-
tax: "".concat(PATH.IMAGE, "/icon-tax.png"),
|
|
456
|
-
terms_and_conditions: "".concat(PATH.IMAGE, "/icon-terms-and-conditions.png"),
|
|
457
|
-
wallet: "".concat(PATH.IMAGE, "/icon-wallet.png"),
|
|
458
|
-
};
|
|
414
|
+
var ICONS = { arrow_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-bottom.png", arrow_left_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-left-white.png", arrow_left: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-left.png", arrow_right_thin: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-right-thin.png", arrow_right_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-right-white.png", arrow_right: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-right.png", arrow_top: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-top.png", bulk_product: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-bulk-product.png", calendar_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-calendar-white.png", camera: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-camera.png", cart: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-cart.png", checklist_green: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-checklist-green.png", close_circle_red: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-close-circle-red.png", close: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-close.png", copy_brown: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-copy-brown.png", copy: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-copy.png", couple_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-couple-white.png", css: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-css.png", download_app_store_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-download-app-store-white.png", download_app_store: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-download-app-store.png", download_play_store_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-download-play-store-white.png", download_play_store: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-download-play-store.png", download: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-download.png", edit: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-edit.png", email_circle: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-email-circle.png", exit: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-exit.png", filter: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-filter.png", flag_indonesia: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-flag-indonesia.png", flag_united_states: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-flag-united-states.png", flash_off: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-flash-off.png", flash_on: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-flash-on.png", galery_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-galery-white.png", github: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-github.png", history_transaction: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-history-transaction.png", home_bold: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-home-bold.png", html: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-html.png", information: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-information.png", java: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-java.png", javascript: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-javascript.png", language: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-language.png", linkedin: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-linkedin.png", list: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-list.png", logo_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-logo-white.png", logo: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-logo.png", love_bold: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-love-bold.png", love_linear: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-love-linear.png", marker_brown: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-marker-brown.png", marker_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-marker-white.png", member: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-member.png", menu: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-menu.png", mobile: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-mobile.png", more: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-more.png", news: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-news.png", outlet: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-outlet.png", pause_brown: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-pause-brown.png", php: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-php.png", play_brown: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-play-brown.png", printer: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-printer.png", privilege: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-privilege.png", question: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-question.png", react: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-react.png", role_privilege: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-role-privilege.png", role: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-role.png", rotate: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-rotate.png", scan_qr: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-scan-qr.png", send: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-send.png", support: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-support.png", tax: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-tax.png", terms_and_conditions: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-terms-and-conditions.png", texting_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-texting-white.png", thumbs_down_bold: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-thumbs-down-bold.png", thumbs_down_linear: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-thumbs-down-linear.png", thumbs_up_bold: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-thumbs-up-bold.png", thumbs_up_linear: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-thumbs-up-linear.png", typescript: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-typescript.png", ui: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-ui.png", wallet: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-wallet.png", web: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-web.png", whatsapp_green: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-whatsapp-green.png", whatsapp: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-whatsapp.png" };
|
|
415
|
+
|
|
416
|
+
var IMAGES = { depracated: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/depracated", image_alt_business: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-business.png", image_alt_entertainment: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-entertainment.png", image_alt_general: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-general.png", image_alt_health: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-health.png", image_alt_science: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-science.png", image_alt_sport: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-sport.png", image_alt_technology: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-technology.png", image_background_cover: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-cover.png", image_background_gift_section_2: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-gift-section-2.png", image_background_gift_section: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-gift-section.jpg", image_background_home: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-home.jpg", image_background_leaf_2: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-leaf-2.png", image_background_leaf: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-leaf.jpg", image_background_oval_border: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-oval-border.png", image_badge: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-badge.png", image_bca: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-bca.png", image_bni: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-bni.png", image_border_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-border-bottom.png", image_bottom_leaf: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-bottom-leaf.png", image_bride: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-bride.jpg", image_card_background: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-card-background.png", image_certificate_1: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-1.jpg", image_certificate_10: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-10.jpg", image_certificate_11: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-11.jpg", image_certificate_12: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-12.jpg", image_certificate_13: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-13.jpg", image_certificate_14: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-14.jpg", image_certificate_15: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-15.jpg", image_certificate_16: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-16.jpg", image_certificate_17: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-17.jpg", image_certificate_18: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-18.jpg", image_certificate_19: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-19.jpg", image_certificate_2: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-2.jpg", image_certificate_3: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-3.jpg", image_certificate_4: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-4.jpg", image_certificate_5: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-5.jpg", image_certificate_6: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-6.jpg", image_certificate_7: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-7.jpg", image_certificate_8: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-8.jpg", image_certificate_9: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-9.jpg", image_comment_top: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-comment-top.png", image_couple_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-couple-bottom.png", image_couple_top: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-couple-top.png", image_couple: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-couple.jpg", image_cover_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-cover-bottom.png", image_cover_couple: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-cover-couple.jpg", image_cover_top: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-cover-top.png", image_date_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-date-bottom.png", image_frame_2: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-frame-2.png", image_frame: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-frame.png", image_full_qris: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-full-qris.png", image_gallery_1: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-1.jpg", image_gallery_2: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-2.jpg", image_gallery_3: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-3.jpg", image_gallery_4: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-4.jpg", image_gallery_5: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-5.jpg", image_gallery_6: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-6.jpg", image_groom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-groom.jpg", image_not_available: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-not-available.png", image_profile: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-profile.webp", image_qris: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-qris.png", image_quote_header: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-quote-header.png" };
|
|
459
417
|
|
|
460
418
|
var Images = function (_a) {
|
|
461
419
|
var _b = _a.bottom, bottom = _b === void 0 ? 0 : _b, _c = _a.center, center = _c === void 0 ? false : _c, _d = _a.height, height = _d === void 0 ? 16 : _d, _e = _a.left, left = _e === void 0 ? 0 : _e, _f = _a.resizeMode, resizeMode = _f === void 0 ? 'contain' : _f, _g = _a.right, right = _g === void 0 ? 0 : _g, _h = _a.style, style = _h === void 0 ? {} : _h, _j = _a.top, top = _j === void 0 ? 0 : _j, _k = _a.width, width = _k === void 0 ? 16 : _k, props = __rest(_a, ["bottom", "center", "height", "left", "resizeMode", "right", "style", "top", "width"]);
|
|
462
420
|
return (jsx("img", __assign({ style: __assign({ height: height, marginBottom: bottom, marginRight: right, marginLeft: left, marginTop: top, objectFit: resizeMode, textAlign: center ? 'center' : 'left', width: width }, style), alt: '', onError: function (_a) {
|
|
463
421
|
var currentTarget = _a.currentTarget;
|
|
464
422
|
currentTarget.onerror = null;
|
|
465
|
-
currentTarget.src =
|
|
423
|
+
currentTarget.src = IMAGES.image_not_available;
|
|
466
424
|
} }, props)));
|
|
467
425
|
};
|
|
468
426
|
|
|
@@ -616,7 +574,7 @@ var CameraModal = function (_a) {
|
|
|
616
574
|
var toggleCamera = function () {
|
|
617
575
|
setIsFrontCamera(function (prev) { return !prev; });
|
|
618
576
|
};
|
|
619
|
-
return ReactDOM.createPortal(jsxs("div", __assign({ style: cameraStyles$1.overlay }, { children: [capturedImage ? (jsxs(Fragment, { children: [jsx("img", { src: capturedImage, alt: "Captured", style: cameraStyles$1.previewImage }), jsx(TouchableOpacity, __assign({ onPress: handleUsePhoto, style: cameraStyles$1.floatingBottomButtons }, { children: jsx(View, __assign({ style: cameraStyles$1.captureButton }, { children: jsx(View, __assign({ style: cameraStyles$1.innerButton }, { children: jsx(Images, { src:
|
|
577
|
+
return ReactDOM.createPortal(jsxs("div", __assign({ style: cameraStyles$1.overlay }, { children: [capturedImage ? (jsxs(Fragment, { children: [jsx("img", { src: capturedImage, alt: "Captured", style: cameraStyles$1.previewImage }), jsx(TouchableOpacity, __assign({ onPress: handleUsePhoto, style: cameraStyles$1.floatingBottomButtons }, { children: jsx(View, __assign({ style: cameraStyles$1.captureButton }, { children: jsx(View, __assign({ style: cameraStyles$1.innerButton }, { children: jsx(Images, { src: ICONS.send, style: cameraStyles$1.sendButton }) })) })) }))] })) : (jsxs(Fragment, { children: [jsx("video", { ref: videoRef, autoPlay: true, playsInline: true, style: __assign(__assign({}, cameraStyles$1.video), { transform: isFrontCamera ? 'scaleX(-1)' : 'none' }) }), jsx("canvas", { ref: canvasRef, style: { display: 'none' } }), isCameraReady && (jsxs(Fragment, { children: [jsx(TouchableOpacity, __assign({ onPress: handleCapture, style: cameraStyles$1.floatingBottomButtons }, { children: jsx(View, __assign({ style: cameraStyles$1.captureButton }, { children: jsx(View, { style: cameraStyles$1.innerButton }) })) })), hasRearCamera && (jsx(TouchableOpacity, __assign({ onPress: toggleCamera, style: cameraStyles$1.floatingBottomRotateButtons }, { children: jsx(View, __assign({ style: cameraStyles$1.captureRotateButton }, { children: jsx(Images, { src: ICONS.rotate, style: cameraStyles$1.rotateButton }) })) })))] }))] })), jsx("button", __assign({ onClick: handleOnPressClose, style: cameraStyles$1.closeButton }, { children: "\u00D7" }))] })), document.body);
|
|
620
578
|
};
|
|
621
579
|
|
|
622
580
|
var styles$j = {
|
|
@@ -1492,7 +1450,7 @@ var PhotoPreviewModal = function (_a) {
|
|
|
1492
1450
|
return ReactDOM.createPortal(jsx("div", __assign({ onClick: onDismiss, style: styles$9.backdrop }, { children: jsx("div", __assign({ onClick: function (e) { return e.stopPropagation(); }, style: styles$9.modalContent }, { children: imageUrl ? (jsx("img", { src: imageUrl, alt: '', onError: function (_a) {
|
|
1493
1451
|
var currentTarget = _a.currentTarget;
|
|
1494
1452
|
currentTarget.onerror = null;
|
|
1495
|
-
currentTarget.src =
|
|
1453
|
+
currentTarget.src = IMAGES.image_not_available;
|
|
1496
1454
|
}, style: styles$9.image })) : (jsx("p", __assign({ style: styles$9.noImageContainer }, { children: "No image provided" }))) })) })), document.body);
|
|
1497
1455
|
};
|
|
1498
1456
|
|
|
@@ -1503,7 +1461,7 @@ var ImageInput = function (_a) {
|
|
|
1503
1461
|
var _h = useState(false), isPreviewVisible = _h[0], setIsPreviewVisible = _h[1];
|
|
1504
1462
|
var handleOnUpload = function () { return setIsVisibleBottomSheet(true); };
|
|
1505
1463
|
var handleOnPreview = function () { return setIsPreviewVisible(true); };
|
|
1506
|
-
return (jsxs(View, __assign({ style: __assign(__assign({}, styles$a.container), containerStyle) }, { children: [jsx(TouchableOpacity, __assign({ style: styles$a.containerImage, onPress: imagePreview ? handleOnPreview : handleOnUpload }, { children: jsx(Images, { src: imagePreview ? imagePreview :
|
|
1464
|
+
return (jsxs(View, __assign({ style: __assign(__assign({}, styles$a.container), containerStyle) }, { children: [jsx(TouchableOpacity, __assign({ style: styles$a.containerImage, onPress: imagePreview ? handleOnPreview : handleOnUpload }, { children: jsx(Images, { src: imagePreview ? imagePreview : ICONS.camera, style: imagePreview ? styles$a.image : styles$a.iconCamera }) })), jsxs(View, __assign({ style: styles$a.containerText }, { children: [label && (jsx(Text, __assign({ type: "bold_16", style: styles$a.label }, { children: label }))), subLabel && jsx(Text, { children: subLabel }), isMandatory && jsx(Text, __assign({ type: "normal_14_red" }, { children: '*Wajib' }))] })), isEditAble && imagePreview && (jsx(TouchableOpacity, __assign({ onPress: handleOnUpload }, { children: jsx(Images, { src: ICONS.edit, style: styles$a.iconEdit }) }))), jsx(PhotoPreviewModal, { visible: isPreviewVisible, onDismiss: function () { return setIsPreviewVisible(false); }, imageUrl: imagePreview }), jsx(BottomSheetPhoto, { visible: isVisibleBottomSheet, onClose: function () { return setIsVisibleBottomSheet(false); }, onUploadBase64: function (base64) {
|
|
1507
1465
|
if (typeof base64 === 'string') {
|
|
1508
1466
|
setImagePreview(base64);
|
|
1509
1467
|
if (typeof handleOnPickImage === 'function') {
|
|
@@ -1616,10 +1574,10 @@ var ImageSlider = function (_a) {
|
|
|
1616
1574
|
return (jsxs(Fragment, { children: [images && (images === null || images === void 0 ? void 0 : images.length) > 0 ? (jsxs(TouchableOpacity, __assign({ onPress: function () { return setIsPreviewVisible(true); }, style: __assign(__assign({}, styles$8.sliderContainer), style), onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd, onMouseDown: handleMouseDown, onMouseMove: handleMouseMove, onMouseUp: handleMouseUp, onMouseLeave: handleMouseLeave }, { children: [jsx("img", { src: (_b = images === null || images === void 0 ? void 0 : images[currentIndex]) === null || _b === void 0 ? void 0 : _b.file, alt: "slide-".concat(currentIndex), style: styles$8.image, draggable: false, onError: function (_a) {
|
|
1617
1575
|
var currentTarget = _a.currentTarget;
|
|
1618
1576
|
currentTarget.onerror = null;
|
|
1619
|
-
currentTarget.src =
|
|
1577
|
+
currentTarget.src = IMAGES.image_not_available;
|
|
1620
1578
|
} }), jsxs("div", __assign({ style: styles$8.counter }, { children: [currentIndex + 1, " / ", images.length] }))] }))) : (jsx(Images, { src: '', style: __assign(__assign({}, styles$8.imageNotAvailable), style) })), jsx(PhotoPreviewModal, { visible: isPreviewVisible, onDismiss: function () { return setIsPreviewVisible(false); }, imageUrl: images.length > 0
|
|
1621
1579
|
? (_c = images === null || images === void 0 ? void 0 : images[currentIndex]) === null || _c === void 0 ? void 0 : _c.file
|
|
1622
|
-
:
|
|
1580
|
+
: IMAGES.image_not_available })] }));
|
|
1623
1581
|
};
|
|
1624
1582
|
|
|
1625
1583
|
var styles$7 = {
|
|
@@ -30475,7 +30433,7 @@ var ScannerCamera = function (_a) {
|
|
|
30475
30433
|
stopCamera();
|
|
30476
30434
|
onClose();
|
|
30477
30435
|
};
|
|
30478
|
-
return ReactDOM.createPortal(jsxs("div", __assign({ style: cameraStyles.overlay }, { children: [jsx("video", { ref: videoRef, autoPlay: true, playsInline: true, style: __assign(__assign({}, cameraStyles.video), { transform: isFrontCamera ? 'scaleX(-1)' : 'none', position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', objectFit: 'cover' }) }), drawBoundingBox(), isCameraReady && hasRearCamera && (jsx(TouchableOpacity, __assign({ onPress: toggleCamera, style: cameraStyles.floatingBottomRotateButtons }, { children: jsx(View, __assign({ style: cameraStyles.captureRotateButton }, { children: jsx(Images, { src:
|
|
30436
|
+
return ReactDOM.createPortal(jsxs("div", __assign({ style: cameraStyles.overlay }, { children: [jsx("video", { ref: videoRef, autoPlay: true, playsInline: true, style: __assign(__assign({}, cameraStyles.video), { transform: isFrontCamera ? 'scaleX(-1)' : 'none', position: 'absolute', top: 0, left: 0, width: '100%', height: '100%', objectFit: 'cover' }) }), drawBoundingBox(), isCameraReady && hasRearCamera && (jsx(TouchableOpacity, __assign({ onPress: toggleCamera, style: cameraStyles.floatingBottomRotateButtons }, { children: jsx(View, __assign({ style: cameraStyles.captureRotateButton }, { children: jsx(Images, { src: ICONS.rotate, style: cameraStyles.rotateButton }) })) }))), jsx("button", __assign({ onClick: handleOnPressClose, style: cameraStyles.closeButton }, { children: "\u00D7" }))] })), document.body);
|
|
30479
30437
|
};
|
|
30480
30438
|
|
|
30481
30439
|
var styles$2 = {
|
|
@@ -30618,12 +30576,12 @@ var TextInput = function (_a) {
|
|
|
30618
30576
|
var adjustedStyleTextInput = __assign(__assign({}, styleTextInput), { paddingRight: handleOnScanQr ? 40 : styleTextInput.paddingRight, resize: 'none' });
|
|
30619
30577
|
var stylesTextInput = __assign(__assign({ borderColor: borderColor, borderRadius: borderRadius, textAlign: center ? 'center' : 'left', paddingBottom: multiline ? 16 : 8 }, styles$1.textArea), adjustedStyleTextInput);
|
|
30620
30578
|
var inputType = isInputRupiah || isInputNumber ? 'tel' : 'text';
|
|
30621
|
-
return (jsxs(Fragment, { children: [jsxs(View, __assign({ style: styles$1.container }, { children: [jsxs(View, __assign({ style: __assign({ marginTop: top, marginRight: right, marginBottom: bottom, marginLeft: left, padding: padding }, style) }, { children: [label && (jsx(Text, { style: __assign(__assign({}, styles$1.label), styleLabel), children: label })), jsx(View, { children: multiline ? (jsx("textarea", __assign({ ref: textAreaRef, rows: rows, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : value !== null && value !== void 0 ? value : '', onChange: handleChange }, props))) : (jsx("input", __assign({ type: inputType, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : value !== null && value !== void 0 ? value : '', onChange: handleChange }, props))) }), labelError ? (jsx(Text, { style: styles$1.labelError, children: labelError })) : null] })), handleOnScanQr && (jsx(TouchableOpacity, __assign({ style: label
|
|
30579
|
+
return (jsxs(Fragment, { children: [jsxs(View, __assign({ style: styles$1.container }, { children: [jsxs(View, __assign({ style: __assign({ marginTop: top, marginRight: right, marginBottom: bottom, marginLeft: left, padding: padding }, style) }, { children: [label && (jsx(Text, { style: __assign(__assign({}, styles$1.label), styleLabel), children: label })), jsx(View, { children: multiline ? (jsx("textarea", __assign({ ref: textAreaRef, rows: rows, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : (value !== null && value !== void 0 ? value : ''), onChange: handleChange }, props))) : (jsx("input", __assign({ type: inputType, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : (value !== null && value !== void 0 ? value : ''), onChange: handleChange }, props))) }), labelError ? (jsx(Text, { style: styles$1.labelError, children: labelError })) : null] })), handleOnScanQr && (jsx(TouchableOpacity, __assign({ style: label
|
|
30622
30580
|
? styles$1.scanQrImageContainerWithLabel
|
|
30623
30581
|
: styles$1.scanQrImageContainer, onPress: function () {
|
|
30624
30582
|
handleOnScanQr();
|
|
30625
30583
|
setIsScannerVisible(true);
|
|
30626
|
-
} }, { children: jsx(Images, { style: styles$1.scanQrImage, src:
|
|
30584
|
+
} }, { children: jsx(Images, { style: styles$1.scanQrImage, src: ICONS.scan_qr }) })))] })), isScannerVisible && (jsx(ScannerCamera, { onClose: function () { return setIsScannerVisible(false); }, onCapture: function (data) { return handleOnScanQr && handleOnScanQr(data); } }))] }));
|
|
30627
30585
|
};
|
|
30628
30586
|
|
|
30629
30587
|
var SearchBox = function (_a) {
|
|
@@ -30639,10 +30597,10 @@ var SearchBox = function (_a) {
|
|
|
30639
30597
|
if (handleOnSubmitSearch && !handleOnScanQr) {
|
|
30640
30598
|
handleOnSubmitSearch(value);
|
|
30641
30599
|
}
|
|
30642
|
-
} }, props)), (value === null || value === void 0 ? void 0 : value.length) > 0 && (jsx(TouchableOpacity, __assign({ style: styles$2.closeSearchButton, onPress: handleOnClearSearch }, { children: jsx(Images, { style: __assign(__assign({}, styles$2.closeSearchButtonImage), { paddingRight: handleOnScanQr ? 48 : 16 }), src: (_b =
|
|
30600
|
+
} }, props)), (value === null || value === void 0 ? void 0 : value.length) > 0 && (jsx(TouchableOpacity, __assign({ style: styles$2.closeSearchButton, onPress: handleOnClearSearch }, { children: jsx(Images, { style: __assign(__assign({}, styles$2.closeSearchButtonImage), { paddingRight: handleOnScanQr ? 48 : 16 }), src: (_b = ICONS.close) !== null && _b !== void 0 ? _b : '' }) }))), handleOnScanQr && (jsx(TouchableOpacity, __assign({ style: styles$2.scanQrImageContainer, onPress: function () {
|
|
30643
30601
|
handleOnScanQr();
|
|
30644
30602
|
setIsScannerVisible(true);
|
|
30645
|
-
} }, { children: jsx(Images, { style: styles$2.scanQrImage, src:
|
|
30603
|
+
} }, { children: jsx(Images, { style: styles$2.scanQrImage, src: ICONS.scan_qr }) })))] })), isScannerVisible && (jsx(ScannerCamera, { onClose: function () { return setIsScannerVisible(false); }, onCapture: function (data) { return handleOnScanQr === null || handleOnScanQr === void 0 ? void 0 : handleOnScanQr(data); } }))] }));
|
|
30646
30604
|
};
|
|
30647
30605
|
|
|
30648
30606
|
var Swipeable = function (_a) {
|
|
@@ -30708,5 +30666,5 @@ var Switch = function (_a) {
|
|
|
30708
30666
|
return (jsxs("div", __assign({ style: __assign(__assign({}, styleContainer), style) }, { children: [label && jsx(Text, { children: label }), jsxs(View, __assign({ style: styles.toogleContainer }, { children: [jsxs("label", __assign({ className: "switch" }, { children: [jsx("input", { type: "checkbox", checked: checked, onChange: function (e) { return onChange(e.target.checked); } }), jsx("span", { className: "slider" })] })), isShowLabelToogle && (jsx("span", __assign({ style: styles.toogleText }, { children: checked ? labelOn : labelOff })))] }))] })));
|
|
30709
30667
|
};
|
|
30710
30668
|
|
|
30711
|
-
export { BottomSheet, BottomSheetPhoto, Button, Checkbox as CheckBox, Colors, Container, CornerBadge, Countdown as CountDown, DocumentUploader, DropDown,
|
|
30669
|
+
export { BottomSheet, BottomSheetPhoto, Button, Checkbox as CheckBox, Colors, Container, CornerBadge, Countdown as CountDown, DocumentUploader, DropDown, Images as Image, ImageInput, ImageSlider, LoadingSpinner, MultipleImageInput, NoRecord, PopUp, PhotoPreviewModal as PreviewPhoto, RadioButtonMultiple, RadioButtonSingle, ScannerCamera as ScannerQR, SearchBox, Swipeable, Switch, Text, TextInput, TouchableOpacity, View };
|
|
30712
30670
|
//# sourceMappingURL=index.es.js.map
|