@rahmatsaputra-my-id/react-js-library 0.0.72 → 0.0.73
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.es.js +195 -18
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +195 -18
- package/dist/index.js.map +1 -1
- package/package.json +2 -2
package/dist/index.es.js
CHANGED
|
@@ -411,16 +411,193 @@ 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
|
|
414
|
+
var icons = {
|
|
415
|
+
arrow_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-bottom.png",
|
|
416
|
+
arrow_left_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-left-white.png",
|
|
417
|
+
arrow_left: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-left.png",
|
|
418
|
+
arrow_right_thin: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-right-thin.png",
|
|
419
|
+
arrow_right_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-right-white.png",
|
|
420
|
+
arrow_right: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-right.png",
|
|
421
|
+
arrow_top: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-arrow-top.png",
|
|
422
|
+
bulk_product: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-bulk-product.png",
|
|
423
|
+
calendar_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-calendar-white.png",
|
|
424
|
+
camera: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-camera.png",
|
|
425
|
+
cart: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-cart.png",
|
|
426
|
+
checklist_green: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-checklist-green.png",
|
|
427
|
+
close_circle_red: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-close-circle-red.png",
|
|
428
|
+
close: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-close.png",
|
|
429
|
+
copy_brown: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-copy-brown.png",
|
|
430
|
+
copy: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-copy.png",
|
|
431
|
+
couple_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-couple-white.png",
|
|
432
|
+
css: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-css.png",
|
|
433
|
+
download_app_store_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-download-app-store-white.png",
|
|
434
|
+
download_app_store: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-download-app-store.png",
|
|
435
|
+
download_play_store_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-download-play-store-white.png",
|
|
436
|
+
download_play_store: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-download-play-store.png",
|
|
437
|
+
download: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-download.png",
|
|
438
|
+
edit: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-edit.png",
|
|
439
|
+
email_circle: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-email-circle.png",
|
|
440
|
+
exit: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-exit.png",
|
|
441
|
+
filter: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-filter.png",
|
|
442
|
+
flag_indonesia: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-flag-indonesia.png",
|
|
443
|
+
flag_united_states: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-flag-united-states.png",
|
|
444
|
+
flash_off: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-flash-off.png",
|
|
445
|
+
flash_on: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-flash-on.png",
|
|
446
|
+
galery_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-galery-white.png",
|
|
447
|
+
github: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-github.png",
|
|
448
|
+
history_transaction: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-history-transaction.png",
|
|
449
|
+
home_bold: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-home-bold.png",
|
|
450
|
+
html: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-html.png",
|
|
451
|
+
information: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-information.png",
|
|
452
|
+
java: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-java.png",
|
|
453
|
+
javascript: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-javascript.png",
|
|
454
|
+
language: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-language.png",
|
|
455
|
+
linkedin: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-linkedin.png",
|
|
456
|
+
list: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-list.png",
|
|
457
|
+
logo_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-logo-white.png",
|
|
458
|
+
logo: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-logo.png",
|
|
459
|
+
love_bold: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-love-bold.png",
|
|
460
|
+
love_linear: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-love-linear.png",
|
|
461
|
+
marker_brown: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-marker-brown.png",
|
|
462
|
+
marker_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-marker-white.png",
|
|
463
|
+
member: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-member.png",
|
|
464
|
+
menu: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-menu.png",
|
|
465
|
+
mobile: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-mobile.png",
|
|
466
|
+
more: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-more.png",
|
|
467
|
+
news: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-news.png",
|
|
468
|
+
outlet: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-outlet.png",
|
|
469
|
+
pause_brown: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-pause-brown.png",
|
|
470
|
+
php: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-php.png",
|
|
471
|
+
play_brown: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-play-brown.png",
|
|
472
|
+
printer: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-printer.png",
|
|
473
|
+
privilege: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-privilege.png",
|
|
474
|
+
question: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-question.png",
|
|
475
|
+
react: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-react.png",
|
|
476
|
+
role_privilege: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-role-privilege.png",
|
|
477
|
+
role: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-role.png",
|
|
478
|
+
rotate: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-rotate.png",
|
|
479
|
+
scan_qr: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-scan-qr.png",
|
|
480
|
+
send: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-send.png",
|
|
481
|
+
support: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-support.png",
|
|
482
|
+
tax: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-tax.png",
|
|
483
|
+
terms_and_conditions: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-terms-and-conditions.png",
|
|
484
|
+
texting_white: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-texting-white.png",
|
|
485
|
+
thumbs_down_bold: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-thumbs-down-bold.png",
|
|
486
|
+
thumbs_down_linear: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-thumbs-down-linear.png",
|
|
487
|
+
thumbs_up_bold: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-thumbs-up-bold.png",
|
|
488
|
+
thumbs_up_linear: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-thumbs-up-linear.png",
|
|
489
|
+
typescript: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-typescript.png",
|
|
490
|
+
ui: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-ui.png",
|
|
491
|
+
wallet: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-wallet.png",
|
|
492
|
+
web: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-web.png",
|
|
493
|
+
whatsapp_green: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-whatsapp-green.png",
|
|
494
|
+
whatsapp: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/icons/icon-whatsapp.png"
|
|
495
|
+
};
|
|
496
|
+
|
|
497
|
+
var images = {
|
|
498
|
+
depracated: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/depracated",
|
|
499
|
+
image_alt_business: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-business.png",
|
|
500
|
+
image_alt_entertainment: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-entertainment.png",
|
|
501
|
+
image_alt_general: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-general.png",
|
|
502
|
+
image_alt_health: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-health.png",
|
|
503
|
+
image_alt_science: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-science.png",
|
|
504
|
+
image_alt_sport: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-sport.png",
|
|
505
|
+
image_alt_technology: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-alt-technology.png",
|
|
506
|
+
image_background_cover: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-cover.png",
|
|
507
|
+
image_background_gift_section_2: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-gift-section-2.png",
|
|
508
|
+
image_background_gift_section: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-gift-section.jpg",
|
|
509
|
+
image_background_home: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-home.jpg",
|
|
510
|
+
image_background_leaf_2: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-leaf-2.png",
|
|
511
|
+
image_background_leaf: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-leaf.jpg",
|
|
512
|
+
image_background_oval_border: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-background-oval-border.png",
|
|
513
|
+
image_badge: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-badge.png",
|
|
514
|
+
image_bca: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-bca.png",
|
|
515
|
+
image_bni: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-bni.png",
|
|
516
|
+
image_border_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-border-bottom.png",
|
|
517
|
+
image_bottom_leaf: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-bottom-leaf.png",
|
|
518
|
+
image_bride: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-bride.jpg",
|
|
519
|
+
image_card_background: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-card-background.png",
|
|
520
|
+
image_certificate_1: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-1.jpg",
|
|
521
|
+
image_certificate_10: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-10.jpg",
|
|
522
|
+
image_certificate_11: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-11.jpg",
|
|
523
|
+
image_certificate_12: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-12.jpg",
|
|
524
|
+
image_certificate_13: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-13.jpg",
|
|
525
|
+
image_certificate_14: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-14.jpg",
|
|
526
|
+
image_certificate_15: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-15.jpg",
|
|
527
|
+
image_certificate_16: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-16.jpg",
|
|
528
|
+
image_certificate_17: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-17.jpg",
|
|
529
|
+
image_certificate_18: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-18.jpg",
|
|
530
|
+
image_certificate_19: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-19.jpg",
|
|
531
|
+
image_certificate_2: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-2.jpg",
|
|
532
|
+
image_certificate_3: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-3.jpg",
|
|
533
|
+
image_certificate_4: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-4.jpg",
|
|
534
|
+
image_certificate_5: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-5.jpg",
|
|
535
|
+
image_certificate_6: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-6.jpg",
|
|
536
|
+
image_certificate_7: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-7.jpg",
|
|
537
|
+
image_certificate_8: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-8.jpg",
|
|
538
|
+
image_certificate_9: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-certificate-9.jpg",
|
|
539
|
+
image_comment_top: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-comment-top.png",
|
|
540
|
+
image_couple_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-couple-bottom.png",
|
|
541
|
+
image_couple_top: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-couple-top.png",
|
|
542
|
+
image_couple: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-couple.jpg",
|
|
543
|
+
image_cover_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-cover-bottom.png",
|
|
544
|
+
image_cover_couple: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-cover-couple.jpg",
|
|
545
|
+
image_cover_top: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-cover-top.png",
|
|
546
|
+
image_date_bottom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-date-bottom.png",
|
|
547
|
+
image_frame_2: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-frame-2.png",
|
|
548
|
+
image_frame: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-frame.png",
|
|
549
|
+
image_full_qris: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-full-qris.png",
|
|
550
|
+
image_gallery_1: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-1.jpg",
|
|
551
|
+
image_gallery_2: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-2.jpg",
|
|
552
|
+
image_gallery_3: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-3.jpg",
|
|
553
|
+
image_gallery_4: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-4.jpg",
|
|
554
|
+
image_gallery_5: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-5.jpg",
|
|
555
|
+
image_gallery_6: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-gallery-6.jpg",
|
|
556
|
+
image_groom: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-groom.jpg",
|
|
557
|
+
image_not_available: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-not-available.png",
|
|
558
|
+
image_profile: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-profile.webp",
|
|
559
|
+
image_qris: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-qris.png",
|
|
560
|
+
image_quote_header: "https://raw.githubusercontent.com/rahmatsaputra-my-id/global-assets/master/images/image-quote-header.png"
|
|
561
|
+
};
|
|
415
562
|
|
|
416
|
-
|
|
563
|
+
({
|
|
564
|
+
white: "#ffffff",
|
|
565
|
+
black: "#000000",
|
|
566
|
+
gray: "#808080",
|
|
567
|
+
lightGray: "#d3d3d3",
|
|
568
|
+
darkGray: "#4b4b4b",
|
|
569
|
+
silver: "#c0c0c0",
|
|
570
|
+
red: Object.assign("#bb1909", { "50": "#ffffff", "100": "#ffcfbf", "200": "#ff9e81", "300": "#ff6846", "400": "#ff0000", "500": "#bb1909", "600": "#7a1b0c", "700": "#3f1508", "800": "#000000" }),
|
|
571
|
+
blue: Object.assign("#230eb9", { "50": "#ffffff", "100": "#dcc4ff", "200": "#b38bff", "300": "#7e52ff", "400": "#0000ff", "500": "#230eb9", "600": "#241178", "700": "#1b0f3c", "800": "#000000" }),
|
|
572
|
+
green: Object.assign("#22b917", { "50": "#ffffff", "100": "#dbffcd", "200": "#b1ff9a", "300": "#7dff64", "400": "#00ff00", "500": "#22b917", "600": "#247719", "700": "#1b3c14", "800": "#000000" }),
|
|
573
|
+
yellow: Object.assign("#b9b919", { "50": "#ffffff", "100": "#ffffcf", "200": "#ffff9e", "300": "#ffff67", "400": "#ffff00", "500": "#b9b919", "600": "#78771b", "700": "#3d3b15", "800": "#000000" }),
|
|
574
|
+
orange: Object.assign("#ba7912", { "50": "#ffffff", "100": "#ffe8c7", "200": "#ffd191", "300": "#ffbb58", "400": "#ffa500", "500": "#ba7912", "600": "#795014", "700": "#3d2a11", "800": "#000000" }),
|
|
575
|
+
purple: Object.assign("#5f0f5f", { "50": "#ffffff", "100": "#e2c5df", "200": "#c38bbf", "300": "#a2529f", "400": "#800080", "500": "#5f0f5f", "600": "#411140", "700": "#240f23", "800": "#000000" }),
|
|
576
|
+
pink: Object.assign("#b98c94", { "50": "#ffffff", "100": "#ffeff2", "200": "#ffe0e5", "300": "#ffd0d8", "400": "#ffc0cb", "500": "#b98c94", "600": "#775c60", "700": "#3c2f31", "800": "#000000" }),
|
|
577
|
+
cyan: Object.assign("#23b9b9", { "50": "#ffffff", "100": "#dbffff", "200": "#b2ffff", "300": "#7effff", "400": "#00ffff", "500": "#23b9b9", "600": "#247777", "700": "#1b3c3b", "800": "#000000" }),
|
|
578
|
+
teal: Object.assign("#135f5f", { "50": "#ffffff", "100": "#c9dede", "200": "#93bebd", "300": "#5b9f9e", "400": "#008080", "500": "#135f5f", "600": "#15403f", "700": "#112322", "800": "#000000" }),
|
|
579
|
+
indigo: Object.assign("#3a0a60", { "50": "#ffffff", "100": "#d4c0e0", "200": "#a883c0", "300": "#7b48a1", "400": "#4b0082", "500": "#3a0a60", "600": "#2a0d41", "700": "#1a0a23", "800": "#000000" }),
|
|
580
|
+
brown: Object.assign("#7a2421", { "50": "#ffffff", "100": "#f0cac5", "200": "#dc968d", "300": "#c3635a", "400": "#a52a2a", "500": "#7a2421", "600": "#521c19", "700": "#2c130f", "800": "#000000" }),
|
|
581
|
+
lime: Object.assign("#2e962a", { "50": "#ffffff", "100": "#d6f4cd", "200": "#aae89c", "300": "#79db6b", "400": "#32cd32", "500": "#2e962a", "600": "#256220", "700": "#193215", "800": "#000000" }),
|
|
582
|
+
magenta: Object.assign("#b91cb9", { "50": "#ffffff", "100": "#ffd3ff", "200": "#ffa5ff", "300": "#ff70ff", "400": "#ff00ff", "500": "#b91cb9", "600": "#781e77", "700": "#3d173c", "800": "#000000" }),
|
|
583
|
+
navy: Object.assign("#13065f", { "50": "#ffffff", "100": "#cabbe0", "200": "#947bc0", "300": "#5c3fa0", "400": "#000080", "500": "#13065f", "600": "#160840", "700": "#140423", "800": "#000000" }),
|
|
584
|
+
olive: Object.assign("#5f5f0c", { "50": "#ffffff", "100": "#e2dec2", "200": "#c3bd87", "300": "#a29e4d", "400": "#808000", "500": "#5f5f0c", "600": "#403f0f", "700": "#24220c", "800": "#000000" }),
|
|
585
|
+
maroon: Object.assign("#600c01", { "50": "#ffffff", "100": "#e8c2b9", "200": "#cb8777", "300": "#a84d3b", "400": "#800000", "500": "#600c01", "600": "#430f02", "700": "#270d01", "800": "#000000" }),
|
|
586
|
+
gold: Object.assign("#b99c16", { "50": "#ffffff", "100": "#fff4cc", "200": "#ffea98", "300": "#ffe061", "400": "#ffd700", "500": "#b99c16", "600": "#786518", "700": "#3d3313", "800": "#000000" }),
|
|
587
|
+
primary: Object.assign("#881f1e", { "50": "#ffffff", "100": "#f7cac3", "200": "#e8968b", "300": "#d26156", "400": "#b82025", "500": "#881f1e", "600": "#5a1a17", "700": "#30130e", "800": "#000000" }),
|
|
588
|
+
secondary: Object.assign("#2846b9", { "50": "#ffffff", "100": "#d9d4ff", "200": "#aeabff", "300": "#7c83ff", "400": "#1e5eff", "500": "#2846b9", "600": "#253077", "700": "#1a1b3c", "800": "#000000" }),
|
|
589
|
+
success: Object.assign("#29914f", { "50": "#ffffff", "100": "#d3f2d9", "200": "#a5e5b3", "300": "#73d68e", "400": "#2ac769", "500": "#29914f", "600": "#225f36", "700": "#18311e", "800": "#000000" }),
|
|
590
|
+
warning: Object.assign("#ba811f", { "50": "#ffffff", "100": "#ffebcb", "200": "#ffd797", "300": "#ffc362", "400": "#ffb020", "500": "#ba811f", "600": "#79541b", "700": "#3d2c13", "800": "#000000" }),
|
|
591
|
+
error: Object.assign("#ba4326", { "50": "#ffffff", "100": "#ffd7c9", "200": "#ffaf94", "300": "#ff8562", "400": "#ff5630", "500": "#ba4326", "600": "#792f1d", "700": "#3e1c13", "800": "#000000" }),
|
|
592
|
+
info: Object.assign("#3568b9", { "50": "#ffffff", "100": "#d9e1ff", "200": "#b1c4ff", "300": "#82a8ff", "400": "#3c8dff", "500": "#3568b9", "600": "#2a4577", "700": "#1c253c", "800": "#000000" }),
|
|
593
|
+
});
|
|
417
594
|
|
|
418
595
|
var Images = function (_a) {
|
|
419
596
|
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"]);
|
|
420
597
|
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) {
|
|
421
598
|
var currentTarget = _a.currentTarget;
|
|
422
599
|
currentTarget.onerror = null;
|
|
423
|
-
currentTarget.src =
|
|
600
|
+
currentTarget.src = images.image_not_available;
|
|
424
601
|
} }, props)));
|
|
425
602
|
};
|
|
426
603
|
|
|
@@ -574,7 +751,7 @@ var CameraModal = function (_a) {
|
|
|
574
751
|
var toggleCamera = function () {
|
|
575
752
|
setIsFrontCamera(function (prev) { return !prev; });
|
|
576
753
|
};
|
|
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:
|
|
754
|
+
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);
|
|
578
755
|
};
|
|
579
756
|
|
|
580
757
|
var styles$j = {
|
|
@@ -1450,7 +1627,7 @@ var PhotoPreviewModal = function (_a) {
|
|
|
1450
1627
|
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) {
|
|
1451
1628
|
var currentTarget = _a.currentTarget;
|
|
1452
1629
|
currentTarget.onerror = null;
|
|
1453
|
-
currentTarget.src =
|
|
1630
|
+
currentTarget.src = images.image_not_available;
|
|
1454
1631
|
}, style: styles$9.image })) : (jsx("p", __assign({ style: styles$9.noImageContainer }, { children: "No image provided" }))) })) })), document.body);
|
|
1455
1632
|
};
|
|
1456
1633
|
|
|
@@ -1461,7 +1638,7 @@ var ImageInput = function (_a) {
|
|
|
1461
1638
|
var _h = useState(false), isPreviewVisible = _h[0], setIsPreviewVisible = _h[1];
|
|
1462
1639
|
var handleOnUpload = function () { return setIsVisibleBottomSheet(true); };
|
|
1463
1640
|
var handleOnPreview = function () { return setIsPreviewVisible(true); };
|
|
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 :
|
|
1641
|
+
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) {
|
|
1465
1642
|
if (typeof base64 === 'string') {
|
|
1466
1643
|
setImagePreview(base64);
|
|
1467
1644
|
if (typeof handleOnPickImage === 'function') {
|
|
@@ -1511,7 +1688,7 @@ var styles$8 = {
|
|
|
1511
1688
|
|
|
1512
1689
|
var ImageSlider = function (_a) {
|
|
1513
1690
|
var _b, _c;
|
|
1514
|
-
var images = _a.images, style = _a.style;
|
|
1691
|
+
var images$1 = _a.images, style = _a.style;
|
|
1515
1692
|
var _d = useState(0), currentIndex = _d[0], setCurrentIndex = _d[1];
|
|
1516
1693
|
var _e = useState(false), isPreviewVisible = _e[0], setIsPreviewVisible = _e[1];
|
|
1517
1694
|
var startX = useRef(0);
|
|
@@ -1563,21 +1740,21 @@ var ImageSlider = function (_a) {
|
|
|
1563
1740
|
};
|
|
1564
1741
|
var prevSlide = function () {
|
|
1565
1742
|
setCurrentIndex(function (prevIndex) {
|
|
1566
|
-
return prevIndex === 0 ? images.length - 1 : prevIndex - 1;
|
|
1743
|
+
return prevIndex === 0 ? images$1.length - 1 : prevIndex - 1;
|
|
1567
1744
|
});
|
|
1568
1745
|
};
|
|
1569
1746
|
var nextSlide = function () {
|
|
1570
1747
|
setCurrentIndex(function (prevIndex) {
|
|
1571
|
-
return prevIndex === images.length - 1 ? 0 : prevIndex + 1;
|
|
1748
|
+
return prevIndex === images$1.length - 1 ? 0 : prevIndex + 1;
|
|
1572
1749
|
});
|
|
1573
1750
|
};
|
|
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) {
|
|
1751
|
+
return (jsxs(Fragment, { children: [images$1 && (images$1 === null || images$1 === void 0 ? void 0 : images$1.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$1 === null || images$1 === void 0 ? void 0 : images$1[currentIndex]) === null || _b === void 0 ? void 0 : _b.file, alt: "slide-".concat(currentIndex), style: styles$8.image, draggable: false, onError: function (_a) {
|
|
1575
1752
|
var currentTarget = _a.currentTarget;
|
|
1576
1753
|
currentTarget.onerror = null;
|
|
1577
|
-
currentTarget.src =
|
|
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
|
|
1579
|
-
? (_c = images === null || images === void 0 ? void 0 : images[currentIndex]) === null || _c === void 0 ? void 0 : _c.file
|
|
1580
|
-
:
|
|
1754
|
+
currentTarget.src = images.image_not_available;
|
|
1755
|
+
} }), jsxs("div", __assign({ style: styles$8.counter }, { children: [currentIndex + 1, " / ", images$1.length] }))] }))) : (jsx(Images, { src: '', style: __assign(__assign({}, styles$8.imageNotAvailable), style) })), jsx(PhotoPreviewModal, { visible: isPreviewVisible, onDismiss: function () { return setIsPreviewVisible(false); }, imageUrl: images$1.length > 0
|
|
1756
|
+
? (_c = images$1 === null || images$1 === void 0 ? void 0 : images$1[currentIndex]) === null || _c === void 0 ? void 0 : _c.file
|
|
1757
|
+
: images.image_not_available })] }));
|
|
1581
1758
|
};
|
|
1582
1759
|
|
|
1583
1760
|
var styles$7 = {
|
|
@@ -30433,7 +30610,7 @@ var ScannerCamera = function (_a) {
|
|
|
30433
30610
|
stopCamera();
|
|
30434
30611
|
onClose();
|
|
30435
30612
|
};
|
|
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:
|
|
30613
|
+
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);
|
|
30437
30614
|
};
|
|
30438
30615
|
|
|
30439
30616
|
var styles$2 = {
|
|
@@ -30581,7 +30758,7 @@ var TextInput = function (_a) {
|
|
|
30581
30758
|
: styles$1.scanQrImageContainer, onPress: function () {
|
|
30582
30759
|
handleOnScanQr();
|
|
30583
30760
|
setIsScannerVisible(true);
|
|
30584
|
-
} }, { children: jsx(Images, { style: styles$1.scanQrImage, src:
|
|
30761
|
+
} }, { 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); } }))] }));
|
|
30585
30762
|
};
|
|
30586
30763
|
|
|
30587
30764
|
var SearchBox = function (_a) {
|
|
@@ -30597,10 +30774,10 @@ var SearchBox = function (_a) {
|
|
|
30597
30774
|
if (handleOnSubmitSearch && !handleOnScanQr) {
|
|
30598
30775
|
handleOnSubmitSearch(value);
|
|
30599
30776
|
}
|
|
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 =
|
|
30777
|
+
} }, 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 () {
|
|
30601
30778
|
handleOnScanQr();
|
|
30602
30779
|
setIsScannerVisible(true);
|
|
30603
|
-
} }, { children: jsx(Images, { style: styles$2.scanQrImage, src:
|
|
30780
|
+
} }, { 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); } }))] }));
|
|
30604
30781
|
};
|
|
30605
30782
|
|
|
30606
30783
|
var Swipeable = function (_a) {
|