@antscorp/antsomi-ui 1.3.5-common.3 → 1.3.5-common.5
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.js +1 -1
- package/dist/main.css +2 -1
- package/es/components/molecules/EditorTab/EditorTab.d.ts +2 -2
- package/es/components/molecules/EditorTab/EditorTab.js +29 -21
- package/es/components/molecules/EditorTab/styled.js +2 -2
- package/es/components/molecules/SearchPopover/SearchPopover.d.ts +2 -6
- package/es/components/molecules/SearchPopover/SearchPopover.js +3 -4
- package/es/components/molecules/SearchPopover/components/PopoverAddField/PopoverAddField.d.ts +4 -0
- package/es/components/molecules/SearchPopover/components/PopoverAddField/PopoverAddField.js +115 -0
- package/es/components/molecules/SearchPopover/components/PopoverAddField/index.d.ts +1 -0
- package/es/components/molecules/SearchPopover/components/PopoverAddField/index.js +1 -0
- package/es/components/molecules/SearchPopover/components/PopoverAddField/styles.scss +59 -0
- package/es/components/molecules/SearchPopover/components/index.d.ts +1 -0
- package/es/components/molecules/SearchPopover/components/index.js +1 -0
- package/es/components/molecules/SearchPopover/constants.d.ts +27 -0
- package/es/components/molecules/SearchPopover/constants.js +27 -0
- package/es/components/molecules/SearchPopover/index.d.ts +3 -1
- package/es/components/molecules/SearchPopover/index.js +1 -0
- package/es/components/molecules/SearchPopover/styles.scss +2 -0
- package/es/components/molecules/SearchPopover/types.d.ts +18 -0
- package/es/components/molecules/SearchPopover/types.js +1 -0
- package/es/components/molecules/SearchPopover/utils.d.ts +2 -0
- package/es/components/molecules/SearchPopover/utils.js +23 -0
- package/es/components/molecules/VirtualizedMenu/components/MenuInline/MenuInline.js +11 -3
- package/es/components/molecules/VirtualizedMenu/types.d.ts +1 -0
- package/es/components/molecules/index.d.ts +2 -2
- package/es/components/molecules/index.js +1 -1
- package/es/components/organism/LeftMenu/index.js +1 -2
- package/package.json +1 -1
- package/dist/public/icons/sub-logo-antsomi.png +0 -0
package/dist/main.css
CHANGED
|
@@ -165,7 +165,8 @@ code.hljs {
|
|
|
165
165
|
}
|
|
166
166
|
@font-face{font-family:"icon-ants";src:url(c0a50e1df248e27c2352.eot);src:url(c0a50e1df248e27c2352.eot#iefix) format("embedded-opentype"),url(5027411b0bcd773a0b21.ttf) format("truetype"),url(535ee2ddc52f72f5fb13.woff) format("woff"),url(40ddc8f42ae762683dc4.svg#icon-ants) format("svg");font-weight:normal;font-style:normal;font-display:block}[class^=icon-ants-],[class*=icon-ants-]{font-family:"icon-ants" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ants-icon-ants-upload-fill-HgIFv:before{content:""}.ants-icon-ants-survey-projects-KV9fR:before{content:""}.ants-icon-ants-monitor-2uZ7E:before{content:""}.ants-icon-ants-survey-data-1Co8V:before{content:""}.ants-icon-ants-survey-v2-1Fx-C:before{content:""}.ants-icon-ants-message-tysy0:before{content:""}.ants-icon-ants-file-download-1q7rd:before{content:""}.ants-icon-ants-file-upload-1Ibd4:before{content:""}.ants-icon-ants-destinations-2aYia:before{content:""}.ants-icon-ants-realtime-streaming-3a33u:before{content:""}.ants-icon-ants-event-attributes-ayMGc:before{content:""}.ants-icon-ants-conversion-126po:before{content:""}.ants-icon-ants-data-objects-8cyvW:before{content:""}.ants-icon-ants-events-2Zuz9:before{content:""}.ants-icon-ants-diagram-outlined-3mGyQ:before{content:""}.ants-icon-ants-segment-2Kcj-:before{content:""}.ants-icon-ants-shopping-cart-2gxwf:before{content:""}.ants-icon-ants-short-link-3UM67:before{content:""}.ants-icon-ants-coupons-qZjJY:before{content:""}.ants-icon-ants-orchestration-2VZuZ:before{content:""}.ants-icon-ants-campaign-1ol_U:before{content:""}.ants-icon-ants-window-2o8ly:before{content:""}.ants-icon-ants-overview-2Gsah:before{content:""}.ants-icon-ants-settings-outlined-3udYj:before{content:""}.ants-icon-ants-insert-chart-2sMzk:before{content:""}.ants-icon-ants-profile-2noV7:before{content:""}.ants-icon-ants-data-Rc33I:before{content:""}.ants-icon-ants-bell-3FAx5:before{content:""}.ants-icon-ants-media-template-1LTD-:before{content:""}.ants-icon-ants-tactic-QtDf0:before{content:""}.ants-icon-ants-email-solid-1q6yZ:before{content:""}.ants-icon-ants-smile-face-30MhE::before{content:""}.ants-icon-ants-big-search-nhDM7:before{content:""}.ants-icon-ants-report-16ivO:before{content:""}.ants-icon-ants-skip-logic-GTzai:before{content:"";color:#595959}.ants-icon-ants-display-logic-30NcK:before{content:"";color:#595959}.ants-icon-ants-query-stats-3d318:before{content:""}.ants-icon-ants-survey-16cXO:before{content:""}.ants-icon-ants-move-down-1GAYR:before{content:""}.ants-icon-ants-nps-10siT:before{content:""}.ants-icon-ants-text-graphic-3HH-U:before{content:""}.ants-icon-ants-matrix-table--5zIS:before{content:""}.ants-icon-ants-slider-slim-3ZaDO:before{content:""}.ants-icon-ants-text-entry-3lrgf:before{content:""}.ants-icon-ants-multiple-choice-_vM0v:before{content:""}.ants-icon-ants-star-filled-3pKX8:before{content:""}.ants-icon-ants-check-circle-3cHE4:before{content:""}.ants-icon-ants-folder-shared-SU96G:before{content:""}.ants-icon-ants-star-border-3CT4f:before{content:""}.ants-icon-ants-toggle-on-3U5NW:before{content:""}.ants-icon-ants-data-array-3y_ha:before{content:""}.ants-icon-ants-save-2-1ICCx:before{content:""}.ants-icon-ants-more-horiz-1I87w:before{content:""}.ants-icon-ants-outline-delete-3gq1a:before{content:""}.ants-icon-ants-copy-url-u2OGn:before{content:""}.ants-icon-ants-data-object-2bjH5:before{content:""}.ants-icon-ants-dynamic-form-K7B7m:before{content:""}.ants-icon-ants-index-PsASX:before{content:""}.ants-icon-ants-unsubscribe-3Rl8S:before{content:""}.ants-icon-ants-badge-3M9oq::before{content:""}.ants-icon-ants-help-1u5pz:before{content:""}.ants-icon-ants-box-outline-3Svk2:before{content:""}.ants-icon-ants-folder-va7Rq:before{content:""}.ants-icon-ants-slide-show-1XBV0:before{content:""}.ants-icon-ants-visibility-2HR_C:before{content:""}.ants-icon-ants-visibility-off-1Krh3:before{content:""}.ants-icon-ants-layers-3ECzr:before{content:""}.ants-icon-ants-library-add-cCir8:before{content:""}.ants-icon-ants-unfold-more-1DkDF:before{content:""}.ants-icon-ants-email-3kJ0-:before{content:""}.ants-icon-ants-person-sXUxN:before{content:""}.ants-icon-ants-phone-android-21jy7:before{content:""}.ants-icon-ants-privacy-tip-ESzqa:before{content:""}.ants-icon-ants-remove-bold-1CQqu:before{content:""}.ants-icon-ants-remove-light-2egsx:before{content:""}.ants-icon-ants-yesno-button-hZZyD:before{content:""}.ants-icon-ants-palette-1EpZv:before{content:""}.ants-icon-ants-home-wgL-E:before{content:""}.ants-icon-ants-font-weight-20a9B:before{content:""}.ants-icon-ants-letter-spacing-2ri1r:before{content:""}.ants-icon-ants-material-format-bold-3JbbI:before{content:""}.ants-icon-ants-material-format-clear-hBgaq:before{content:""}.ants-icon-ants-material-format-indent-decrease-3ciMf:before{content:""}.ants-icon-ants-material-format-indent-increase-FtB3Y:before{content:""}.ants-icon-ants-material-format-italic-247Ug:before{content:""}.ants-icon-ants-material-format-line-spacing-kziLO:before{content:""}.ants-icon-ants-material-format-strikethrough-2baAq:before{content:""}.ants-icon-ants-material-format-underline-3o7RR:before{content:""}.ants-icon-ants-material-outline-border-color-2DSN3:before{content:""}.ants-icon-ants-material-outline-link-EGDf0:before{content:""}.ants-icon-ants-material-redo-2Gw5u:before{content:""}.ants-icon-ants-material-select-all-2JD60:before{content:""}.ants-icon-ants-material-subscript-1OINx:before{content:""}.ants-icon-ants-material-superscript-1AdzC:before{content:""}.ants-icon-ants-material-undo-3z4x-:before{content:""}.ants-icon-ants-merge-tags-3n-sL:before{content:""}.ants-icon-ants-text-color-1DjwN:before{content:""}.ants-icon-ants-text-transform-VhXRx:before{content:""}.ants-icon-ants-align-right-Lnbk-:before{content:"🔜"}.ants-icon-ants-align-left-28fyo:before{content:"🔙"}.ants-icon-ants-align-center-2jx5m:before{content:"🔛"}.ants-icon-ants-add-data-3ZXeG:before{content:"∏"}.ants-icon-ants-add-column-OUVJ7:before{content:"∐"}.ants-icon-ants-aggregate-3jeAp:before{content:"∑"}.ants-icon-ants-angle-down-2ee05:before{content:"∨"}.ants-icon-ants-add-square-1qKub:before{content:"⊞"}.ants-icon-ants-minus-square-2r1I6:before{content:"⊟"}.ants-icon-ants-invisible-2b3wK:before{content:"⌀"}.ants-icon-ants-branch-urE0x:before{content:"⌥"}.ants-icon-ants-wheel-2ZUzE:before{content:"⌬"}.ants-icon-ants-straight-line-V4AEK:before{content:"⎸"}.ants-icon-ants-heat-map-1V7Bu:before{content:"⏣"}.ants-icon-ants-edit-2-3123M:before{content:"⏦"}.ants-icon-ants-caret-left-FtrYq:before{content:"⏴"}.ants-icon-ants-caret-right-327xL:before{content:"⏵"}.ants-icon-ants-caret-up-1QNKC:before{content:"⏶"}.ants-icon-ants-caret-down-2QhEs:before{content:"⏷"}.ants-icon-ants-black-square-1Kf4s:before{content:"■"}.ants-icon-ants-square-outline-1TCpB:before{content:"▢"}.ants-icon-ants-select-column-121Ct:before{content:"▥"}.ants-icon-ants-delta-2zMC6:before{content:"△"}.ants-icon-ants-inner-join-6D9Ga:before{content:"◉"}.ants-icon-ants-full-join-2VTGm:before{content:"●"}.ants-icon-ants-left-join-c8Ncu:before{content:"◐"}.ants-icon-ants-right-join-1a_0G:before{content:"◑"}.ants-icon-ants-info-outline-1ZlH8:before{content:"◯"}.ants-icon-ants-five-dots-3Uh7e:before{content:"☀"}.ants-icon-ants-bars-1lb_6:before{content:"☰"}.ants-icon-ants-double-four-dots-3PVOr:before{content:"☶"}.ants-icon-ants-double-three-dots-1CFNL:before{content:"☷"}.ants-icon-ants-hyperlink-1yP7r:before{content:"♾"}.ants-icon-ants-line-chart-3c-IA:before{content:"⚋"}.ants-icon-ants-stacked-bar-chart-jXeze:before{content:"⚍"}.ants-icon-ants-danger-3q-eP:before{content:"⚠"}.ants-icon-ants-trigger-15YfO:before{content:"⚡"}.ants-icon-ants-warning-circle-X93Il:before{content:"⚫"}.ants-icon-ants-remove-circle-3OwxP:before{content:"⛒"}.ants-icon-ants-trash-3x-6-:before{content:"✁"}.ants-icon-ants-check-small-1S0YT:before{content:"✔"}.ants-icon-ants-add-2tBly:before{content:"✚"}.ants-icon-ants-plus-square-24Z-T:before{content:"✢"}.ants-icon-ants-play-circle-Z7z7m:before{content:"✪"}.ants-icon-ants-fullscreen-exit-SH5Zl:before{content:"✳"}.ants-icon-ants-input-box-G4YIc:before{content:"❌"}.ants-icon-ants-sunburst-chart-2WquP:before{content:"❦"}.ants-icon-ants-angle-left-Wnw6b:before{content:"❬"}.ants-icon-ants-angle-right1-34oVz:before{content:"❭"}.ants-icon-ants-step-backward-1zylL:before{content:"❰"}.ants-icon-ants-step-forward-2K6EF:before{content:"❱"}.ants-icon-ants-boolean-8_pjd:before{content:"➴"}.ants-icon-ants-array-string-1x-ML:before{content:"➵"}.ants-icon-ants-array-number-2Z5wn:before{content:"➶"}.ants-icon-ants-array-datetime-1otvr:before{content:"➷"}.ants-icon-ants-refresh-1OenU:before{content:"⟳"}.ants-icon-ants-undo1-3723k:before{content:"⟵"}.ants-icon-ants-redo-10Ru1:before{content:"⟶"}.ants-icon-ants-back-1ACfX:before{content:"⤀"}.ants-icon-ants-front-2wbSJ:before{content:"⤁"}.ants-icon-ants-send-to-back-12xno:before{content:"⤂"}.ants-icon-ants-bring-to-front-26jMT:before{content:"⤃"}.ants-icon-ants-upload-n8_wy:before{content:"⤒"}.ants-icon-ants-download-1b8Ts:before{content:"⤓"}.ants-icon-ants-join-2cz8a:before{content:"⥁"}.ants-icon-ants-html-aK31g:before{content:"⥎"}.ants-icon-ants-long-arrow-down-3TmXZ:before{content:"⬇"}.ants-icon-ants-line-diamond-Kkv0i:before{content:"⬨"}.ants-icon-ants-line-circle-38Qje:before{content:"⬭"}.ants-icon-ants-line-none-27Zzw:before{content:"⭖"}.ants-icon-ants-arrow-line-2q0PM:before{content:"⭨"}.ants-icon-ants-line-pointer-z_OaF:before{content:"⭲"}.ants-icon-ants-expand-2stSX:before{content:"⭿"}.ants-icon-ants-collapse-xkJEU:before{content:"⮀"}.ants-icon-ants-curved-connector-3-Zvr:before{content:"⮍"}.ants-icon-ants-double-arrow-up-1jqgU:before{content:"⮙"}.ants-icon-ants-123-hDbYh:before{content:"⮚"}.ants-icon-ants-exit-1OR8E:before{content:"⮡"}.ants-icon-ants-elbow-connector-2WUZP:before{content:"⮢"}.ants-icon-ants-undo-2-1VNzJ:before{content:"⮪"}.ants-icon-ants-redo-2-1uGdq:before{content:"⮫"}.ants-icon-ants-info-without-circle-rirId:before{content:"⮸"}.ants-icon-ants-tab-group-3Tf1A:before{content:"⯍"}.ants-icon-ants-slide-group-3EUrR:before{content:"⯎"}.ants-icon-ants-three-dot-vertical-vxfm3:before{content:""}.ants-icon-ants-sync-w4uCN:before{content:""}.ants-icon-ants-expand-more-2xVf9:before{content:""}.ants-icon-ants-settings-24NAy:before{content:""}.ants-icon-ants-divider-32yvX:before{content:"⏛"}.ants-icon-ants-browser-chrome-34MTD:before{content:""}.ants-icon-ants-browser-safari-1tnqZ:before{content:""}.ants-icon-ants-browser-firefox-2AyMz:before{content:""}.ants-icon-ants-browser-coccoc-3qaVW:before{content:""}.ants-icon-ants-browser-edge-3hk9H:before{content:""}.ants-icon-ants-os-linux-2HT4p:before{content:""}.ants-icon-ants-os-ios-1HEs5:before{content:""}.ants-icon-ants-os-windows-1WWhY:before{content:""}.ants-icon-ants-os-ubuntu-iQKqC:before{content:""}.ants-icon-ants-sql-9zGfl:before{content:""}.ants-icon-ants-os-android-tK0M1:before{content:""}.ants-icon-ants-fixed-size-25BO4:before{content:""}.ants-icon-ants-date-range-control-4SyIo:before{content:""}.ants-icon-ants-uniE90D-1vD4W:before{content:""}.ants-icon-ants-uniE90E-2OQFa:before{content:""}.ants-icon-ants-uniE90F-29DbV:before{content:""}.ants-icon-ants-browser-brave-1c3sb:before{content:""}.ants-icon-ants-grid-view-thumbnail-1Pswk:before{content:""}.ants-icon-ants-browser-ie-2w2eH:before{content:""}.ants-icon-ants-os-macos-24Qqn:before{content:""}.ants-icon-ants-edit-6K4k7:before{content:""}.ants-icon-ants-browser-opera-239-7:before{content:""}.ants-icon-ants-browser-uc-16dQ4:before{content:""}.ants-icon-ants-browser-vivaldi-2HZDz:before{content:""}.ants-icon-ants-sort-view-FUuc6:before{content:""}.ants-icon-ants-restore-1qyHB:before{content:""}.ants-icon-ants-empty-flag-2Qrug:before{content:""}.ants-icon-ants-filter-slim-3WzIZ:before{content:""}.ants-icon-ants-first-page-yEhF5:before{content:""}.ants-icon-ants-last-page-DlJ9R:before{content:""}.ants-icon-ants-remove-trash-19I8Y:before{content:""}.ants-icon-ants-save-1qMx-:before{content:""}.ants-icon-ants-list-view-3egPs:before{content:""}.ants-icon-ants-grid-view-1ZDe0:before{content:""}.ants-icon-ants-download-file-2zx-T:before{content:""}.ants-icon-ants-column-1npDA:before{content:""}.ants-icon-ants-plus-slim-2b2Tw:before{content:""}.ants-icon-ants-remove-slim-3sh7u:before{content:""}.ants-icon-ants-circle-outline-bold-26hvc:before{content:""}.ants-icon-ants-flask-d29SR:before{content:""}.ants-icon-ants-material-outline-code-3mlo8:before{content:""}.ants-icon-ants-material-outline-content-copy-2Z1X9:before{content:""}.ants-icon-ants-material-outline-save-1PZ4P:before{content:""}.ants-icon-ants-material-done-1CYYo:before{content:""}.ants-icon-ants-material-outline-remove-circle-3kGkz:before{content:""}.ants-icon-ants-material-play-arrow-1Atk2:before{content:""}.ants-icon-ants-emoji-vLT2q:before{content:""}.ants-icon-ants-image-3-1rQLL:before{content:""}.ants-icon-ants-video-1f7LC:before{content:""}.ants-icon-ants-spacer-1vsaM:before{content:""}.ants-icon-ants-button-2PquK:before{content:""}.ants-icon-ants-text-2-SyRXf:before{content:""}.ants-icon-ants-column-2-i1YzM:before{content:""}.ants-icon-ants-optin-fields-VKxxj:before{content:""}.ants-icon-ants-minus-1TC4O:before{content:""}.ants-icon-ants-traffic-1pB6s:before{content:""}.ants-icon-ants-clock-twinkle-3geId:before{content:""}.ants-icon-ants-arrow-alt-down-2_llt:before{content:""}.ants-icon-ants-arrow-alt-up-2gi1K:before{content:""}.ants-icon-ants-clock-error-1IFuS:before{content:""}.ants-icon-ants-star-1yZ0W:before{content:""}.ants-icon-ants-pie-chart-xq9tF:before{content:"🌀"}.ants-icon-ants-picture-1zm2K:before{content:"🌄"}.ants-icon-ants-leapfrogging-1ohOC:before{content:"🌊"}.ants-icon-ants-area-chart-1DWPC:before{content:"🌋"}.ants-icon-ants-image-2-3rish:before{content:"🌌"}.ants-icon-ants-earth-25sya:before{content:"🌍"}.ants-icon-ants-geo-map-Dfe35:before{content:"🌎"}.ants-icon-ants-arrow-down-x0Bx-:before{content:"🌏"}.ants-icon-ants-circle-outline-3EKv6:before{content:"🌕"}.ants-icon-ants-switch-side-panel-3Rg6N:before{content:"🌗"}.ants-icon-ants-switch-side-panel1-2-3ER:before{content:"🌘"}.ants-icon-ants-arrow-up-3GErA:before{content:"🌚"}.ants-icon-ants-upload-cloud-30YfI:before{content:"🌥"}.ants-icon-ants-angle-right-11VUK:before{content:"🌶"}.ants-icon-ants-advanced-filter-32KwS:before{content:"🌷"}.ants-icon-ants-slider-3PxkX:before{content:"🌸"}.ants-icon-ants-slider-metric-1cFcc:before{content:"⭈"}.ants-icon-ants-coding-2uz_h:before{content:"🌻"}.ants-icon-ants-dropdown-list-1Vs46:before{content:"🍀"}.ants-icon-ants-list-view-thumbnail-2t8t_:before{content:"🍬"}.ants-icon-ants-tv-1uV5a:before{content:"🎰"}.ants-icon-ants-bullet-chart-1vQ3T:before{content:"🎹"}.ants-icon-ants-minus-square-outlined-IlBGH:before{content:"🏌"}.ants-icon-ants-force-run-bu6fn:before{content:"🏗"}.ants-icon-ants-chart-setting-XxIDl:before{content:"🏮"}.ants-icon-ants-flag-10RkQ:before{content:"🏴"}.ants-icon-ants-copy-report-1xI7f:before{content:"🏻"}.ants-icon-ants-table-vertical-bqKlM:before{content:"🏽"}.ants-icon-ants-db-oracle-2P_tI:before{content:"🏾"}.ants-icon-ants-multi-monitor-WjNDB:before{content:"🐅"}.ants-icon-ants-laptop-1hgtf:before{content:"🐲"}.ants-icon-ants-undo-2Y4lZ:before{content:"👥"}.ants-icon-ants-user-22e8e:before{content:"👦"}.ants-icon-ants-uni1F4A1-2Ugtu:before{content:"💡"}.ants-icon-ants-uni1F4A2-3lMq8:before{content:"💢"}.ants-icon-ants-icon-scorecard-2xuvM:before{content:"💣"}.ants-icon-ants-scorecard--nXn6:before{content:"💦"}.ants-icon-ants-share-1YEv1:before{content:"💱"}.ants-icon-ants-phone-laptop-2gifk:before{content:"💼"}.ants-icon-ants-floppy-disk-35DZi:before{content:"💾"}.ants-icon-ants-note-310lI:before{content:"📄"}.ants-icon-ants-calendar-PnJpH:before{content:"📅"}.ants-icon-ants-calendar-small-j8-3V:before{content:"📆"}.ants-icon-ants-pivot-chart-c7ceD:before{content:"📈"}.ants-icon-ants-scatter-chart-L4ore:before{content:"📉"}.ants-icon-ants-bar-3l791:before{content:"📊"}.ants-icon-ants-table-2WQMk:before{content:"📋"}.ants-icon-ants-bar-chart-28uu-:before{content:"📌"}.ants-icon-ants-tree-map-38aC5:before{content:"📐"}.ants-icon-ants-delete-1-oKC:before{content:"📛"}.ants-icon-ants-info-ugHUP:before{content:"📢"}.ants-icon-ants-phone-1NPPC:before{content:"📱"}.ants-icon-ants-smart-phone-2ysI8:before{content:"📲"}.ants-icon-ants-angle-up-1QrXb:before{content:"📴"}.ants-icon-ants-photo-camera-2SzZM:before{content:"📷"}.ants-icon-ants-search-2-1OA_7:before{content:"🔍"}.ants-icon-ants-padlock-1MeCY:before{content:"🔒"}.ants-icon-ants-open-in-new-window-3ujNH:before{content:"🔓"}.ants-icon-ants-crop-1hyD6:before{content:"🔨"}.ants-icon-ants-filter-2qpiB:before{content:"🔻"}.ants-icon-ants-plus-circle-258NB:before{content:"🕀"}.ants-icon-ants-clock-cY94q:before{content:"🕔"}.ants-icon-ants-delay-1L6b0:before{content:"🕘"}.ants-icon-ants-history-2l6gu:before{content:"🕝"}.ants-icon-ants-version-history-3Ykqe:before{content:"🕤"}.ants-icon-ants-academy-3miAH:before{content:"🕮"}.ants-icon-ants-search-gOZM9:before{content:"🕵"}.ants-icon-ants-view-_Bp8m:before{content:"🕶"}.ants-icon-ants-eye-2GM2Z:before{content:"🕷"}.ants-icon-ants-share1-UZphz:before{content:"🕸"}.ants-icon-ants-cursor-eEPkR:before{content:"🖉"}.ants-icon-ants-uni1F59F-3Tu_t:before{content:"🖟"}.ants-icon-ants-uni1F5A0-3xkJm:before{content:"🖠"}.ants-icon-ants-sort-1mSmR:before{content:"🖡"}.ants-icon-ants-keyboard-2MWQh:before{content:"🖮"}.ants-icon-ants-desktop-kNqx-:before{content:"🖳"}.ants-icon-ants-diagram-2jIcB:before{content:"🖽"}.ants-icon-ants-enrol-17aJK:before{content:"🗇"}.ants-icon-ants-csv-29vT8:before{content:"🗍"}.ants-icon-ants-txt-3QyQo:before{content:"🗎"}.ants-icon-ants-xls-10B7X:before{content:"🗏"}.ants-icon-ants-xlsx-t7kX-:before{content:"🗐"}.ants-icon-ants-image-2lr14:before{content:"🗔"}.ants-icon-ants-full-screen-1lrPI:before{content:"🗖"}.ants-icon-ants-text-3JBnh:before{content:"🗚"}.ants-icon-ants-exclamation-1_ZY1:before{content:"🗡"}.ants-icon-ants-ABC-1Slbh:before{content:"🗳"}.ants-icon-ants-expand-icon-show-bF9fw:before{content:"🗴"}.ants-icon-ants-remove-3bPWS:before{content:"🗵"}.ants-icon-ants-check-Erowy:before{content:"🗸"}.ants-icon-ants-calendar-v2-18eV7:before{content:"🗺"}.ants-icon-ants-plus-square-outlined-27R7O:before{content:"🗾"}.ants-icon-ants-disapprove-2r-w-:before{content:"🚫"}.ants-icon-ants-send-3YThf:before{content:"🛧"}.ants-icon-ants-expand-icon-hide-3aRcI:before{content:"🛳"}.ants-icon-ants-material-outline-manage-search-3eof8:before{content:"🛴"}.ants-icon-ants-minus-slim-X4_dC:before{content:"🛶"}.ants-icon-ants-hyperlink-off-3BbfR:before{content:""}.ants-icon-ants-material-drive-file-rename-outline-TtSNX:before{content:""}.ants-icon-ants-arrow-up-square-2QeRJ:before{content:""}.ants-icon-ants-trash-outline-1ks_Y:before{content:""}.ants-icon-ants-move-to-top-3k2Tv:before{content:""}.ants-icon-ants-section-1gpM6:before{content:""}.ants-icon-ants-pencil-1wOcU:before{content:""}.ants-icon-ants-page-uZs-P:before{content:""}.ants-icon-ants-arrow-down-square-Ns5ew:before{content:""}.ants-icon-ants-move-to-bottom-3KPVI:before{content:""}.ants-icon-ants-navigation-top-left-3eCeO:before{content:""}.ants-icon-ants-navigation-tab-H17x9:before{content:""}.ants-icon-ants-navigation-left-aHrYm:before{content:""}.ants-icon-item-21YRq{cursor:pointer;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 200ms;border-radius:5px}.ants-icon-item-21YRq:hover{background:#13c2c2;color:#fff}.ants-wrap-disabled-1o6BW{cursor:not-allowed;width:max-content}.ants-wrap-disabled-1o6BW .ants-disabled-3kQaH{pointer-events:none;color:#b6b6b6}[class*=icon],[class^=icon-]{background-repeat:no-repeat}.ants-icon-undo-1F-eB{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 0;background-size:200px 900px;width:29px;height:29px}.ants-icon-redo-3ZERM{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -50px;background-size:200px 900px;width:29px;height:29px}.ants-icon-add-chart-3FBPw{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:-100px -638px;background-size:200px 900px;width:29px;height:34px}.ants-icon-tabel-Rj6LT{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -100px;background-size:200px 900px;width:29px;height:29px}.ants-icon-line-chart-2zXeG{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -150px;background-size:200px 900px;width:29px;height:29px}.ants-icon-bar-chart-15Rei{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -200px;background-size:200px 900px;width:29px;height:29px}.ants-icon-bar-chart-15Rei.ants-rotate-90-13Caa{transform:rotate(90deg)}.ants-icon-pie-chart-34jb-{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -250px;background-size:200px 900px;width:29px;height:29px}.ants-icon-kpi-metric-Ruffi{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -300px;background-size:200px 900px;width:29px;height:29px}.ants-icon-description-2OnvI{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -350px;background-size:200px 900px;width:29px;height:29px}.ants-icon-image-component-3_WrF{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -400px;background-size:200px 900px;width:29px;height:29px}.ants-icon-shape-2aBJ3{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -450px;background-size:200px 900px;width:29px;height:29px}.ants-icon-circle-3yJff{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -500px;background-size:200px 900px;width:29px;height:29px}.ants-icon-date-picker-1HWl5{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -550px;background-size:200px 900px;width:29px;height:29px}.ants-icon-dimension-filter-1ztb9{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -600px;background-size:200px 900px;width:29px;height:29px}.ants-icon-view-3iicd{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -650px;background-size:200px 900px;width:29px;height:29px}.ants-icon-bring-to-front-ZNlLA{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -750px;background-size:200px 900px;width:29px;height:29px}.ants-icon-send-to-back-31VsV{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -700px;background-size:200px 900px;width:29px;height:29px}.ants-icon-close-square-kWM-A{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -800px;background-size:200px 900px;width:20px;height:20px}.ants-icon-selection-mode-NkkHa{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:0 -850px;background-size:200px 900px;width:29px;height:29px}.ants-icon-shared-report-2hxrj{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:-100px -100px;background-size:200px 900px;width:29px;height:29px}.ants-icon-refresh-data-3dPSg{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:-100px -500px;background-size:200px 900px;width:29px;height:29px}.ants-icon-geo-map-28oor{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:-100px -150px;background-size:200px 900px;width:29px;height:29px}.ants-icon-pivot-table-27zn_{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:-100px -200px;background-size:200px 900px;width:29px;height:29px}.ants-icon-scatter-chart-zrIFZ{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:-100px -250px;background-size:200px 900px;width:29px;height:29px}.ants-icon-cloud-down-1Rpui{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:-100px -350px;background-size:200px 900px;width:26px;height:21px}.ants-icon-bullet-1NpLB{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:-100px -400px;background-size:200px 900px;width:29px;height:29px}.ants-icon-area-chart-1YTXh{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:-100px -550px;background-size:200px 900px;width:29px;height:29px}.ants-icon-tree-map-1XtBf{background-image:url(bc6bf11c6f5e6743aa4c.png);background-position:-100px -600px;background-size:200px 900px;width:29px;height:29px}.ants-icon-sql-workspace-36iOu{background-image:url(574b7bee0563a9fe9a29.png);background-position:-132.5px -32px;background-size:200px 330px;width:13px;height:12.5px}.ants-icon-setting-1bCKa{background-image:url(574b7bee0563a9fe9a29.png);background-position:-60px 0;background-size:200px 330px;width:19px;height:18px}.ants-icon-bell-ia-Kj{background-image:url(574b7bee0563a9fe9a29.png);background-position:-60px -30px;background-size:200px 330px;width:19px;height:21px}.ants-icon-warning-3-Ayq{background-image:url(574b7bee0563a9fe9a29.png);background-position:-60px -60px;background-size:200px 330px;width:27px;height:22px}.ants-icon-drag-R0z8O{background-image:url(574b7bee0563a9fe9a29.png);background-position:-30px 0;background-size:200px 330px;width:9px;height:15px}.ants-icon-edit-2JJNd{background-image:url(574b7bee0563a9fe9a29.png);background-position:-30px -30px;background-size:200px 330px;width:14px;height:14px}.ants-icon-close-2QMlJ{background-image:url(574b7bee0563a9fe9a29.png);background-position:0 -60px;background-size:200px 330px;width:15px;height:15px}.ants-icon-add-2wEkU{background-image:url(574b7bee0563a9fe9a29.png);background-position:0 -120px;background-size:200px 330px;width:15px;height:15px}.ants-icon-danger-valid-B4v3X{background-image:url(574b7bee0563a9fe9a29.png);background-position:0 -90px;background-size:200px 330px;width:14px;height:14px}.ants-icon-back-filter-12ajL{background-image:url(574b7bee0563a9fe9a29.png);background-position:-30px -90px;background-size:200px 330px;width:17px;height:13px}.ants-icon-close-square-sm-2TC7H{background-image:url(574b7bee0563a9fe9a29.png);background-position:-60px -90px;background-size:200px 330px;width:18px;height:18px}.ants-icon-checked-sm-2e4Aq{background-image:url(574b7bee0563a9fe9a29.png);background-position:0 -150px;background-size:200px 330px;width:11px;height:7px}.ants-icon-arrow-first-21GKV{background-image:url(574b7bee0563a9fe9a29.png);background-position:0 -180px;background-size:200px 330px;width:9px;height:11px}.ants-icon-arrow-pre-2Lu_W{background-image:url(574b7bee0563a9fe9a29.png);background-position:-100px -60px;background-size:200px 330px;width:8px;height:13px}.ants-icon-arrow-next-2tfhf{background-image:url(574b7bee0563a9fe9a29.png);background-position:-100px -60px;background-size:200px 330px;width:8px;height:13px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ants-icon-plus-white-csM6e{background-image:url(574b7bee0563a9fe9a29.png);background-position:-30px -240px;background-size:200px 330px;width:13px;height:13px}.ants-icon-filter-grey-35cvF{background-image:url(574b7bee0563a9fe9a29.png);background-position:0 -210px;background-size:200px 330px;width:15px;height:15px}.ants-icon-campaign-grey--2luJ{background-image:url(574b7bee0563a9fe9a29.png);background-position:-30px -210px;background-size:200px 330px;width:16px;height:16px}.ants-icon-success-green-1xut9{background-image:url(574b7bee0563a9fe9a29.png);background-position:-60px -180px;background-size:200px 330px;width:22px;height:22px}.ants-icon-error-red-es9kz{background-image:url(574b7bee0563a9fe9a29.png);background-position:-60px -210px;background-size:200px 330px;width:22px;height:22px}.ants-icon-arrow-circle-2GM46{background-image:url(574b7bee0563a9fe9a29.png);background-position:0 -270px;background-size:200px 330px;width:16px;height:16px}.ants-icon-btn-arrow-2acYu{background-image:url(574b7bee0563a9fe9a29.png);background-position:-30px -270px;background-size:200px 330px;width:19px;height:15px}.ants-icon-arrow-down-red-1ZYBG{background-image:url(574b7bee0563a9fe9a29.png);background-position:-100px 0;background-size:200px 330px;width:10px;height:10px}.ants-icon-arrow-up-green-z7dNk{background-image:url(574b7bee0563a9fe9a29.png);background-position:-117px 0;background-size:200px 330px;width:10px;height:10px}.ants-icon-maximize-2LHNH{background-image:url(574b7bee0563a9fe9a29.png);background-position:-60px -240px;background-size:200px 330px;width:23px;height:17px}.ants-icon-demographic-2QTe_{background-image:url(574b7bee0563a9fe9a29.png);background-position:-60px -270px;background-size:200px 330px;width:23px;height:22px}.ants-icon-yeild-optiminzation-bKgCG{background-image:url(574b7bee0563a9fe9a29.png);background-position:-60px -300px;background-size:200px 330px;width:23px;height:17px}.ants-icon-pricing-model-1Gcv8{background-image:url(574b7bee0563a9fe9a29.png);background-position:-160px 0;background-size:200px 330px;width:21px;height:19px}.ants-icon-manage-ad-xXnmt{background-image:url(574b7bee0563a9fe9a29.png);background-position:-160px -30px;background-size:200px 330px;width:26px;height:16px}.ants-icon-bg-transparent-_vvHX{background-image:url(574b7bee0563a9fe9a29.png);background-position:-100px -30px;background-size:200px 330px;width:20px;height:20px}.ants-icon-analytic-3dOON{background-image:url(574b7bee0563a9fe9a29.png);background-position:-100px -150px;background-size:200px 330px;width:25px;height:13px}.ants-icon-analytic-account-JMlNr{background-image:url(574b7bee0563a9fe9a29.png);background-position:-100px -180px;background-size:200px 330px;width:25px;height:18px}.ants-icon-close-white-filter-v2-22UGf{background-image:url(574b7bee0563a9fe9a29.png);background-position:-130px -270px;background-size:200px 330px;width:18px;height:18px}.ants-icon-filter-v2-2_iVp{background-image:url(574b7bee0563a9fe9a29.png);background-position:-100px -270px;background-size:200px 330px;width:16px;height:13px}.ants-icon-arrow-filter-v2-96V9c{background-image:url(574b7bee0563a9fe9a29.png);background-position:0 -270px;background-size:200px 330px;width:16px;height:16px}.ants-icon-save-filter-v2-1IEt7{background-image:url(574b7bee0563a9fe9a29.png);background-position:-100px -300px;background-size:200px 330px;width:20px;height:20px}.ants-icon-close-filter-v2-3zVcn{background-image:url(574b7bee0563a9fe9a29.png);background-position:-130px -210px;background-size:200px 330px;width:20px;height:20px}.ants-icon-pen-filter-v2-SOEcb{background-image:url(574b7bee0563a9fe9a29.png);background-position:-130px -240px;background-size:200px 330px;width:18px;height:18px}.ants-icon-beta-tooltip-y5_P8{background-image:url(574b7bee0563a9fe9a29.png);background-position:-160px -90px;background-size:200px 330px;width:30px;height:12px}.ants-icon-align-left-ITjzT{background-image:url(574b7bee0563a9fe9a29.png);background-position:-100px -150px;background-size:200px 330px;width:14px;height:14px}.ants-icon-align-right-1Vuno{background-image:url(574b7bee0563a9fe9a29.png);background-position:-100px -150px;background-size:200px 330px;width:14px;height:14px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.ants-icon-align-center-2yK4D{background-image:url(574b7bee0563a9fe9a29.png);background-position:-116px -166px;background-size:200px 330px;width:14px;height:14px}.ants-icon-align-justify-3WYKE{background-image:url(574b7bee0563a9fe9a29.png);background-position:-100px -180px;background-size:200px 330px;width:14px;height:14px}.ants-icon-calendar-3vpBL{background-image:url(574b7bee0563a9fe9a29.png);background-position:-160px -120px;background-size:200px 330px;width:20px;height:21px}.ants-icon-arrow-grey-iWr3Y{background-image:url(574b7bee0563a9fe9a29.png);background-position:-130px 0;background-size:200px 330px;width:14px;height:16px}.ants-icon-arrow-grey-iWr3Y.ants-down-2vUp1{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ants-icon-connect-join-field-2wVo-{background-image:url(574b7bee0563a9fe9a29.png);background-position:-136px -307px;background-size:200px 330px;width:9px;height:7px}.ants-icon-connect-join-field-grey-1Ytsc{background-image:url(574b7bee0563a9fe9a29.png);background-position:-153px -301px;background-size:200px 330px;width:10px;height:6px}.ants-icon-arrow-down-grey-h4CDF{background-image:url(574b7bee0563a9fe9a29.png);background-position:-130px 0;background-size:200px 330px;width:14px;height:16px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.ants-icon-config-2mCF7{background-image:url(574b7bee0563a9fe9a29.png);background-position:-158px -179px;background-size:200px 330px;width:24px;height:24px}.ants-icon-info-1mGUf{background-image:url(574b7bee0563a9fe9a29.png);background-position:-158px -208px;background-size:200px 330px;width:24px;height:24px}.ants-icon-warning-grey-27HUC{background-image:url(574b7bee0563a9fe9a29.png);background-position:-158px -242px;background-size:200px 330px;width:24px;height:21px}.ants-icon-preview-image-mgCI5{background-image:url(574b7bee0563a9fe9a29.png);background-position:-164px -268px;background-size:200px 330px;width:30px;height:25px;transform:scale(2)}.ants-icon-preview-image-small-1PPCv{background-image:url(574b7bee0563a9fe9a29.png);background-position:-164px -268px;background-size:200px 330px;width:24px;height:21px}.ants-icon-predefined-report-Ssu64{background-image:url(e32f09119052a55cce3c.png);background-position:0 0;background-size:240px 330px;width:24px;height:24px}.ants-icon-my-report-1IksV{background-image:url(e32f09119052a55cce3c.png);background-position:0 -30px;background-size:240px 330px;width:28px;height:25px}.ants-icon-my-report-template-M9N0x{background-image:url(e32f09119052a55cce3c.png);background-position:0 0;background-size:240px 330px;width:24px;height:24px}.ants-icon-shared-with-me-1yicn{background-image:url(e32f09119052a55cce3c.png);background-position:0 -271px;background-size:240px 330px;width:26px;height:19px}.ants-icon-gallery-template-3mnIw{background-image:url(e32f09119052a55cce3c.png);background-position:0 -241px;background-size:240px 330px;width:26px;height:22px}.ants-icon-beta-PQd5E{background-image:url(e32f09119052a55cce3c.png);background-position:0 -150px;background-size:240px 330px;width:26px;height:24px}.ants-icon-explorer-18tch{background-image:url(e32f09119052a55cce3c.png);background-position:0 -180px;background-size:240px 330px;width:27px;height:24px}.ants-icon-data-sources-197UX{background-image:url(e32f09119052a55cce3c.png);background-position:0 -209px;background-size:240px 330px;width:22px;height:23px}.ants-icon-connector-2NFvU{background-image:url(e32f09119052a55cce3c.png);background-position:0 -301px;background-size:240px 330px;width:26px;height:20px}.ants-icon-destination-channel-23-4E{background-image:url(e32f09119052a55cce3c.png);background-position:-34px 0;background-size:240px 330px;width:22px;height:22px}.ants-icon-workflow-2J7BZ{background-image:url(e32f09119052a55cce3c.png);background-position:-34px -30px;background-size:240px 330px;width:21px;height:21px}.ants-icon-audit-ads-a1-viuvD{background-image:url(0dfb9214dfd945cd7290.png);background-position:0 0;background-size:60px 150px;width:16px;height:16px}.ants-icon-campaign-a1-_DfjD{background-image:url(0dfb9214dfd945cd7290.png);background-position:-30px -4px;background-size:60px 150px;width:18px;height:10px}.ants-icon-analytics-a1-38ikB{background-image:url(0dfb9214dfd945cd7290.png);background-position:0 -30px;background-size:60px 150px;width:16px;height:16px}.ants-icon-connector-a1-1Py6n{background-image:url(0dfb9214dfd945cd7290.png);background-position:-32px -30px;background-size:60px 150px;width:14px;height:18px}.ants-icon-product-center-a1-3hHSe{background-image:url(0dfb9214dfd945cd7290.png);background-position:0 -60px;background-size:60px 150px;width:16px;height:16px}.ants-icon-keyword-suggestion-a1-2t2v6{background-image:url(0dfb9214dfd945cd7290.png);background-position:-30px -60px;background-size:60px 150px;width:18px;height:18px}.ants-icon-click-fraud-detection-a1-2bolp{background-image:url(0dfb9214dfd945cd7290.png);background-position:0 -90px;background-size:60px 150px;width:18px;height:18px}.ants-icon-to-do-list-a1-1jhLy{background-image:url(0dfb9214dfd945cd7290.png);background-position:-32px -90px;background-size:60px 150px;width:14px;height:16px}.ants-icon-adx-3-hck,.ants-icon-ants--6MIl{background-image:url(f422f99dc05cb0013092.png);background-position:0 0;background-size:180px 300px;width:22px;height:22px}.ants-icon-google-adwords-1S1uj,.ants-icon-google-ads-1xaNN{background-image:url(f422f99dc05cb0013092.png);background-position:-30px 0;background-size:180px 300px;width:22px;height:22px}.ants-icon-facebook-9sEM9{background-image:url(f422f99dc05cb0013092.png);background-position:0 -49.5px;background-size:180px 300px;width:22.5px;height:22.5px}.ants-icon-tiktok-3gm03{background-image:url(f422f99dc05cb0013092.png);background-position:0 -74px;background-size:180px 300px;width:22.5px;height:22.5px}.ants-icon-messenger-gRoPb{background-image:url(f422f99dc05cb0013092.png);background-position:-143.5px -269.5px;background-size:180px 300px;width:23px;height:23px}.ants-icon-google-analytics-3sxOV{background-image:url(f422f99dc05cb0013092.png);background-position:-30px -50px;background-size:180px 300px;width:22px;height:22px}.ants-icon-coc-coc-3Chkd{background-image:url(f422f99dc05cb0013092.png);background-position:0 -100px;background-size:180px 300px;width:22px;height:22px}.ants-icon-appnexus-3PUM7{background-image:url(f422f99dc05cb0013092.png);background-position:-30px -100px;background-size:180px 300px;width:22px;height:22px}.ants-icon-admicro-zKpEs{background-image:url(f422f99dc05cb0013092.png);background-position:0 -150px;background-size:180px 300px;width:22px;height:22px}.ants-icon-dfp-GjvaW{background-image:url(f422f99dc05cb0013092.png);background-position:-30px -150px;background-size:180px 300px;width:22px;height:18px}.ants-icon-woocommerce-6HRVg{background-image:url(f422f99dc05cb0013092.png);background-position:-64px -166px;background-size:180px 300px;width:36px;height:22px}.ants-icon-zalo-1PjpZ{background-image:url(f422f99dc05cb0013092.png);background-position:-116px -124px;background-size:180px 300px;width:23px;height:22px}.ants-icon-google-3F7yJ{background-image:url(f422f99dc05cb0013092.png);background-position:-115px -83px;background-size:180px 300px;width:20px;height:22px}.ants-icon-instagram-2lOt2{background-image:url(f422f99dc05cb0013092.png);background-position:-116px 0;background-size:180px 300px;width:22px;height:22px}.ants-icon-tiki-2o4zl{background-image:url(f422f99dc05cb0013092.png);background-position:-64px -83px;background-size:180px 300px;width:32px;height:22px}.ants-icon-sheets-3WcCP{background-image:url(f422f99dc05cb0013092.png);background-position:-116px -41px;background-size:180px 300px;width:17px;height:22px}.ants-icon-lazada-v2-x95k_{background-image:url(f422f99dc05cb0013092.png);background-position:-64px -124px;background-size:180px 300px;width:27px;height:22px}.ants-icon-merchant-center-3TKlG{background-image:url(f422f99dc05cb0013092.png);background-position:-64px -41px;background-size:180px 300px;width:22px;height:22px}.ants-icon-a1-1AyMr{background-image:url(f422f99dc05cb0013092.png);background-position:-153px -128px;background-size:180px 300px;width:21px;height:17px}.ants-icon-kiotviet-3GzD9{background-image:url(f422f99dc05cb0013092.png);background-position:0 -196px;background-size:180px 300px;width:67px;height:16px}.ants-icon-kiotviet-mini-1NwYy{background-image:url(f422f99dc05cb0013092.png);background-position:-26px -249px;background-size:180px 300px;width:33px;height:8px}.ants-icon-elastic-search-no-text-aVQo4{background-image:url(f422f99dc05cb0013092.png);background-position:-156px -164px;background-size:180px 300px;width:17px;height:20px}.ants-icon-elastic-search-2ZoIX{background-image:url(f422f99dc05cb0013092.png);background-position:-156px -164px;background-size:180px 300px;width:17px;height:20px}.ants-icon-sapo-2lO86{background-image:url(f422f99dc05cb0013092.png);background-position:0px -223px;background-size:180px 300px;width:46px;height:16px}.ants-icon-sapo-mini-22Gqp{background-image:url(f422f99dc05cb0013092.png);background-position:-66px -248px;background-size:180px 300px;width:28px;height:10px}.ants-icon-haravan-2ZZ4C{background-image:url(f422f99dc05cb0013092.png);background-position:-57px -220px;background-size:180px 300px;width:73px;height:18px}.ants-icon-haravan-mini-1JdqD{background-image:url(f422f99dc05cb0013092.png);background-position:-2px -244px;background-size:180px 300px;width:20px;height:18px}.ants-icon-haravan-no-text-79cWl{background-image:url(f422f99dc05cb0013092.png);background-position:-57px -220px;background-size:180px 300px;width:20px;height:18px}.ants-icon-shopee-no-text-1jvpN{background-image:url(f422f99dc05cb0013092.png);background-position:-86px -191px;background-size:180px 300px;width:26px;height:27px}.ants-icon-lazada-13E_S{background-image:url(f422f99dc05cb0013092.png);background-position:-122px -198px;background-size:180px 300px;width:23px;height:19px}.ants-icon-shopee-2HMlr{background-image:url(f422f99dc05cb0013092.png);background-position:-155px -196px;background-size:180px 300px;width:16px;height:24px}.ants-icon-blend-data-3Ioad{background-image:url(f422f99dc05cb0013092.png);background-position:-142px -226px;background-size:180px 300px;width:20px;height:13px}.ants-icon-youtube-1aY0K{background-image:url(f422f99dc05cb0013092.png);background-position:-103px -241px;background-size:180px 300px;width:25px;height:16px}.ants-icon-mysql-sqvbc{background-image:url(f422f99dc05cb0013092.png);background-position:-36px -265px;background-size:180px 300px;width:26px;height:27px}.ants-icon-postgre-1mXCg{background-image:url(f422f99dc05cb0013092.png);background-position:0 -266px;background-size:180px 300px;width:25px;height:26px}.ants-icon-big-query-18wsH{background-image:url(f422f99dc05cb0013092.png);background-position:-135px -241px;background-size:180px 300px;width:25px;height:23px}.ants-icon-saleforce-2GR_Y{background-image:url(f422f99dc05cb0013092.png);background-position:-70px -266px;background-size:180px 300px;width:38px;height:26px}.ants-icon-save-data-2eiUt{background-image:url(f422f99dc05cb0013092.png);background-position:-116px -270px;background-size:180px 300px;width:15px;height:15px;transform:scale(1.5)}.ants-icon-btn-blue-IIJdD{background:url(e3851b9384a984c6fdb5.png) no-repeat;background-position:0 -150px;background-size:18px 350px;cursor:pointer;width:18px;height:18px}.ants-icon-btn-blue-sm-3TdRv{background-image:url(e3851b9384a984c6fdb5.png);background-position:0 -100px;background-size:18px 350px;cursor:pointer;width:15px;height:15px}.ants-icon-blue-square-RSjvh{background-image:url(e3851b9384a984c6fdb5.png);background-position:0 0px;background-size:18px 350px;width:18px;height:18px;cursor:pointer}.ants-icon-blue-checkbox-2Lqyn{background-image:url(e3851b9384a984c6fdb5.png);background-position:0 -20px;background-size:18px 350px;width:18px;height:18px;cursor:pointer}.ants-icon-blue-circle-3Ksj_{background-image:url(e3851b9384a984c6fdb5.png);background-position:0 -50px;background-size:18px 350px;width:18px;height:18px;cursor:pointer}.ants-icon-blue-radio-btn-25sIG{background-image:url(e3851b9384a984c6fdb5.png);background-position:0 -70px;background-size:18px 350px;width:18px;height:18px;cursor:pointer}.ants-icon-gray-circle-1OF96{background-image:url(e3851b9384a984c6fdb5.png);background-position:0 -200px;background-size:18px 350px;width:18px;height:18px;cursor:pointer}.ants-icon-gray-radio-btn-Lg69w{background-image:url(e3851b9384a984c6fdb5.png);background-position:0 -220px;background-size:18px 350px;width:18px;height:18px;cursor:pointer}.ants-icon-blue-sub-3mWWm{background-image:url(e3851b9384a984c6fdb5.png);background-position:0 -250px;background-size:18px 350px;width:18px;height:18px;cursor:pointer}.ants-icon-gray-square-XH-6d{background-image:url(e3851b9384a984c6fdb5.png);background-position:0 -275px;background-size:18px 350px;width:18px;height:18px;cursor:pointer}.ants-icon-gray-checkbox-fNeQs{background-image:url(e3851b9384a984c6fdb5.png);background-position:0 -295px;background-size:18px 350px;width:18px;height:18px;cursor:pointer}.ants-icon-circle-thick-1Pjz0{background-image:url(e3851b9384a984c6fdb5.png);background-position:0 -321px;background-size:18px 350px;width:18px;height:18px;cursor:pointer}.ants-icon-square-3GCI7{background-image:none;border:1px solid #fff;box-sizing:content-box;width:10px;height:10px}.ants-icon-square-3GCI7.ants-blue-3WgHT{background-color:#058dc7}.ants-icon-square-3GCI7.ants-orange-1X6Bw{background-color:#ff7b00}.ants-icon-ants-search-gOZM9{color:#889199;font-size:18px}.ants-icon-font-color-2L_V_,.ants-icon-font-family-3kX58,.ants-icon-background-color-14bPM,.ants-icon-border-weight-ObFlv,.ants-icon-border-style-3mao2,.ants-icon-border-radius-1tBOK,.ants-icon-opacity-2loOI,.ants-icon-border-color-NvDnw,.ants-icon-table-header-26mwC,.ants-icon-table-div-3QzLo,.ants-icon-table-odd-row-2Yzf5,.ants-icon-table-even-row-1g0-W,.ants-icon-axis-color-3103R,.ants-icon-grid-color-1OnSe,.ants-icon-highlight-color-1cisK,.ants-icon-bar-color-1tn3Y,.ants-icon-range-color-3Qxgv{background-image:url(6b586356e837581204dc.svg);opacity:.54}.ants-icon-font-color-2L_V_{background-position:6px 4px;width:24px;height:20px}.ants-icon-font-family-3kX58{background-position:0 -22px;width:15px;height:16px}.ants-icon-background-color-14bPM{background-position:-79px 0;width:24px;height:20px}.ants-icon-border-weight-ObFlv{background-position:-27px 0;width:14px;height:12px}.ants-icon-border-style-3mao2{background-position:-27px -22px;width:15px;height:13px}.ants-icon-border-radius-1tBOK{background-position:-56px 0;width:14px;height:14px}.ants-icon-opacity-2loOI{background-position:-85px -22px;width:12px;height:15px}.ants-icon-border-color-NvDnw{background-position:-50px -22px;width:24px;height:20px}.ants-icon-table-header-26mwC{background-position:3px -46px;width:25px;height:20px}.ants-icon-table-div-3QzLo{background-position:-24px -46px;width:25px;height:20px}.ants-icon-table-odd-row-2Yzf5{background-position:-52px -46px;width:25px;height:20px}.ants-icon-table-even-row-1g0-W{background-position:-79px -46px;width:25px;height:20px}.ants-icon-axis-color-3103R{background-position:4px -72px;width:25px;height:20px}.ants-icon-grid-color-1OnSe{background-position:-23px -72px;width:25px;height:20px}.ants-icon-highlight-color-1cisK{background-position:-51px -71px;width:25px;height:20px}.ants-icon-bar-color-1tn3Y{background-position:3px -93px;width:25px;height:20px}.ants-icon-range-color-3Qxgv{background-position:-79px -75px;width:25px;height:20px}.ants-icon-ants-make-default-Akbp5:before{content:""}.ants-icon-ants-bar-chart-1-2azU7:before{content:""}.ants-icon-ants-tree-map-1-Ci-ZQ:before{content:""}.ants-icon-ants-chord-chart-3aPuE:before{content:""}.ants-icon-ants-pivot-table-2MDrF:before{content:""}.ants-icon-ants-vertical-dots-gvr9Z:before{content:""}.ants-icon-ants-stop-record-11O40:before{content:""}.ants-icon-ants-pause-34nhU:before{content:""}.ants-icon-ants-mute-3x9ke:before{content:""}.ants-icon-ants-highlight-2yTn9:before{content:""}.ants-icon-ants-free-draw-y2PbS:before{content:""}.ants-icon-ants-comment-21RPv:before{content:""}.ants-icon-ants-check-slim-2wrge:before{content:""}.ants-icon-ants-capture-1Fx_k:before{content:""}.ants-icon-ants-camera-1lU_n:before{content:""}.ants-icon-ants-audio-record-3BaQz:before{content:""}.ants-icon-ants-arrow-grow-keAjh:before{content:""}.ants-icon-ants-idea-9x9Hj:before{content:""}.ants-icon-ants-bug-2CSOm:before{content:""}.ants-icon-ants-tree-map-large-3aRGJ:before{content:""}.ants-icon-ants-pivot-table-large-2o_MI:before{content:""}.ants-icon-ants-bar-chart-large-3TjLO:before{content:""}.ants-icon-ants-media-1wdlt:before{content:"📷"}.ants-icon-ants-padlock-filled-jQsZz:before{content:"🔐"}.ants-icon-ants-person-alt-2e6gp:before{content:""}.ants-icon-ants-mui-lock-open-1R2Ct:before{content:""}.ants-icon-ants-mui-lock-10rK0:before{content:""}.ants-icon-ants-mui-table-chart-outline-1X7DI:before{content:""}.ants-icon-ants-view-mode-2Snlo:before{content:""}.ants-icon-ants-group-by-EIHlZ:before{content:""}.ants-icon-ants-plus-square-solid-3Cfbn:before{content:""}.ants-icon-ants-minus-square-outline-2-1n_Dq:before{content:""}.ants-icon-ants-journey-1AjYr:before{content:""}.ants-icon-ants-batch-streaming-2Rrrb:before{content:""}.ants-icon-ants-predictive-model-2-RWE:before{content:""}.ants-icon-ants-analytic-models-8iCkf:before{content:""}.ants-icon-ants-collection-bookmark-2wBah:before{content:""}.ants-icon-ants-person-attributes-1Nzt-:before{content:""}.ants-icon-ants-single-menu-user-3NF75:before{content:""}.ants-icon-ants-multiple-menu-user-3mGhh:before{content:""}.ants-icon-ants-multiple-menu-vjmF1:before{content:""}.ants-icon-ants-double-line-Upkq_:before{content:""}.ants-icon-ants-speaker-3iyJM:before{content:""}.ants-icon-ants-validate-format-1bg6z:before{content:""}.ants-icon-ants-process-history-1kt38:before{content:""}.ants-icon-ants-computation-1iNXN:before{content:""}.ants-icon-ants-explore-2wXg9:before{content:""}.ants-icon-ants-geomatry-2BAcL:before{content:""}.ants-icon-ants-growth-vector-22mNC:before{content:""}.ants-icon-ants-laptop-report-S7jxm:before{content:""}.ants-icon-ants-plus-paginate-X1_7k:before{content:""}.ants-icon-ants-compare_arrows-1UJi_:before{content:""}
|
|
167
167
|
|
|
168
|
-
.search-popover-overlay.antsomi-popover .antsomi-popover-inner{padding:0}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-input-group-wrapper{padding:8px 10px;border-bottom:1px solid var(--divider-1)}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-input-group-wrapper .antsomi-input{padding-left:0;padding-right:0}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-input-group-wrapper .antsomi-input-group-addon{border:none;background:rgba(0,0,0,0);font-size:20px;padding:0}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-input-group-wrapper .antsomi-input-group-addon>i{font-size:24px;color:#595959}
|
|
168
|
+
.search-popover-overlay.antsomi-popover .antsomi-popover-inner{padding:0}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-input-group-wrapper{padding:8px 10px;border-bottom:1px solid var(--divider-1)}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-input-group-wrapper .antsomi-input{padding-left:0;padding-right:0}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-input-group-wrapper .antsomi-input-group-addon{border:none;background:rgba(0,0,0,0);font-size:20px;padding:0;min-width:25px}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-input-group-wrapper .antsomi-input-group-addon>i{font-size:24px;color:#595959;cursor:pointer}
|
|
169
|
+
.search-popover-overlay.antsomi-popover .antsomi-popover-inner{min-width:300px}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-popover-inner-content .antsomi-menu.list-fields{border-bottom:1px solid var(--divider-1)}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-popover-inner-content .antsomi-menu.list-fields>.antsomi-menu-item{padding:0}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-popover-inner-content .antsomi-menu.list-fields>.antsomi-menu-item>.antsomi-menu-title-content>.antsomi-checkbox-wrapper{padding:0 var(--item-padding);display:flex;align-items:center;width:100%;height:100%}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-popover-inner-content .antsomi-menu.list-fields>.antsomi-menu-item>.antsomi-menu-title-content>.antsomi-checkbox-wrapper span:nth-child(2){display:flex;align-items:center;gap:6px}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-popover-inner-content .antsomi-menu.list-fields>.antsomi-menu-item>.antsomi-menu-title-content>.antsomi-checkbox-wrapper span:nth-child(2)>i{min-width:20px;text-align:center}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-popover-inner-content>.actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:5px 0px}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-popover-inner-content>.actions>button{height:30px;padding:0 10px}.search-popover-overlay.antsomi-popover .antsomi-popover-inner .antsomi-popover-inner-content>.footer{gap:10px;padding:10px;display:flex;align-items:center;justify-content:flex-end}
|
|
169
170
|
::-webkit-scrollbar {
|
|
170
171
|
-webkit-appearance: none;
|
|
171
172
|
background-color: #eee;
|
|
@@ -13,7 +13,7 @@ interface EditorTabItem {
|
|
|
13
13
|
interface EditorTabProps {
|
|
14
14
|
showArrow?: boolean;
|
|
15
15
|
showDropdown?: boolean;
|
|
16
|
-
|
|
16
|
+
editNameOnConfigure?: boolean;
|
|
17
17
|
showComposeNewQuery?: boolean;
|
|
18
18
|
className?: string;
|
|
19
19
|
leftBlockClassName?: string;
|
|
@@ -25,7 +25,7 @@ interface EditorTabProps {
|
|
|
25
25
|
onCloseTab: (tab: EditorTabItem, index: number, newTabs: EditorTabItem[]) => void;
|
|
26
26
|
onConfigure: (id: string) => void;
|
|
27
27
|
onSaveName?: (id: string, value: string) => void;
|
|
28
|
-
|
|
28
|
+
onAddTab: () => void;
|
|
29
29
|
}
|
|
30
30
|
export declare const EditorTab: React.FC<EditorTabProps>;
|
|
31
31
|
export {};
|
|
@@ -11,7 +11,9 @@ import { handleError } from '@antscorp/antsomi-ui/es/utils';
|
|
|
11
11
|
const PATH = 'src/components/EditorTab/index.jsx';
|
|
12
12
|
export const EditorTab = props => {
|
|
13
13
|
var _a;
|
|
14
|
-
const { listTab = [], activeId = '', defaultActiveId, showArrow, showDropdown,
|
|
14
|
+
const { listTab = [], activeId = '', defaultActiveId, showArrow, showDropdown, editNameOnConfigure,
|
|
15
|
+
// disabledScroll,
|
|
16
|
+
onCloseTab, onActiveTab, onAddTab, onConfigure, onSaveName, showComposeNewQuery, className, leftBlockClassName, tabItemClassName, } = props;
|
|
15
17
|
const [activeTabId, setActiveTabId] = useState(defaultActiveId || activeId || ((_a = listTab === null || listTab === void 0 ? void 0 : listTab[0]) === null || _a === void 0 ? void 0 : _a.id));
|
|
16
18
|
const [arrTabs, setArrTabs] = useState(listTab || []);
|
|
17
19
|
const [isEditable, setIsEditable] = useState();
|
|
@@ -23,25 +25,27 @@ export const EditorTab = props => {
|
|
|
23
25
|
setActiveTabId(listTab[listTab.length - 1].id);
|
|
24
26
|
}
|
|
25
27
|
setArrTabs(listTab);
|
|
26
|
-
|
|
28
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
29
|
+
}, [listTab]);
|
|
27
30
|
useEffect(() => {
|
|
28
|
-
onActiveTab
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
if (tabEl) {
|
|
33
|
-
tabEl.scrollIntoView({ block: 'center', inline: 'center', behavior: 'smooth' });
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
}, 500);
|
|
37
|
-
}, [activeTabId, disabledScroll, onActiveTab]);
|
|
31
|
+
if (onActiveTab)
|
|
32
|
+
onActiveTab(activeTabId);
|
|
33
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
34
|
+
}, [activeTabId]);
|
|
38
35
|
useEffect(() => {
|
|
39
|
-
|
|
40
|
-
|
|
36
|
+
const tabEl = document.getElementById(`tab-${activeTabId}`);
|
|
37
|
+
if (tabEl) {
|
|
38
|
+
tabEl.scrollIntoView({ block: 'center', inline: 'center', behavior: 'smooth' });
|
|
41
39
|
}
|
|
42
|
-
}, [
|
|
40
|
+
}, [activeTabId]);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
// if (activeId && activeTabId !== activeId) {
|
|
43
|
+
// setActiveTabId(activeId);
|
|
44
|
+
// }
|
|
45
|
+
setActiveTabId(prev => (activeId && prev !== activeId ? activeId : prev));
|
|
46
|
+
}, [activeId]);
|
|
43
47
|
const handleAddNew = () => {
|
|
44
|
-
|
|
48
|
+
onAddTab();
|
|
45
49
|
};
|
|
46
50
|
const handleCloseTab = (e, tab, idx) => {
|
|
47
51
|
e.stopPropagation();
|
|
@@ -103,7 +107,7 @@ export const EditorTab = props => {
|
|
|
103
107
|
}
|
|
104
108
|
};
|
|
105
109
|
return (React.createElement(EditorTabStyled, { className: className || '' },
|
|
106
|
-
showArrow && (React.createElement("div", { className: classnames('
|
|
110
|
+
showArrow && (React.createElement("div", { className: classnames('navigate-button', {
|
|
107
111
|
'--disabled': activeTabIdx === 0,
|
|
108
112
|
}), onClick: () => onClickArrow('left') },
|
|
109
113
|
React.createElement(Icon, { type: "icon-ants-angle-left" }))),
|
|
@@ -128,7 +132,8 @@ export const EditorTab = props => {
|
|
|
128
132
|
onClick: ({ key, domEvent }) => {
|
|
129
133
|
switch (key) {
|
|
130
134
|
case 'configure':
|
|
131
|
-
|
|
135
|
+
if (editNameOnConfigure)
|
|
136
|
+
setIsEditable(tab.id);
|
|
132
137
|
onConfigure === null || onConfigure === void 0 ? void 0 : onConfigure(tab.id);
|
|
133
138
|
break;
|
|
134
139
|
case 'remove':
|
|
@@ -139,14 +144,17 @@ export const EditorTab = props => {
|
|
|
139
144
|
}
|
|
140
145
|
},
|
|
141
146
|
}, placement: "bottomRight", trigger: ['click'], destroyPopupOnHide: true },
|
|
142
|
-
React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-
|
|
147
|
+
React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-three-dot-vertical", overlayStyle: { fontSize: 12 } }),
|
|
148
|
+
// icon={<Icon type="icon-ants-angle-left" overlayStyle={{ fontSize: 12 }} />}
|
|
149
|
+
// style={{ transform: 'rotate(-90deg)' }}
|
|
150
|
+
size: "small" }))) : closeable ? (React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-remove-slim", onClick: e => handleCloseTab(e, tab, idx), overlayStyle: { fontSize: 12 } }), size: "small" })) : null));
|
|
143
151
|
})
|
|
144
152
|
: null),
|
|
145
|
-
showArrow && (React.createElement("div", { className: classnames('
|
|
153
|
+
showArrow && (React.createElement("div", { className: classnames('navigate-button', '--right', {
|
|
146
154
|
'--disabled': activeTabIdx === arrTabs.length - 1,
|
|
147
155
|
}), onClick: () => onClickArrow('right') },
|
|
148
156
|
React.createElement(Icon, { type: "icon-ants-angle-right" }))),
|
|
149
|
-
showComposeNewQuery && (React.createElement(Button, { onClick: handleAddNew, className: "new-query-
|
|
157
|
+
showComposeNewQuery && (React.createElement(Button, { onClick: handleAddNew, className: "new-query-button" },
|
|
150
158
|
React.createElement(Icon, { type: "icon-ants-add-square" }),
|
|
151
159
|
"New query"))));
|
|
152
160
|
};
|
|
@@ -109,12 +109,12 @@ export const EditorTabStyled = styled.div `
|
|
|
109
109
|
}
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
button.new-query-
|
|
112
|
+
button.new-query-button {
|
|
113
113
|
margin-left: 10px;
|
|
114
114
|
border: none;
|
|
115
115
|
}
|
|
116
116
|
|
|
117
|
-
.
|
|
117
|
+
.navigate-button {
|
|
118
118
|
/* Structure Block */
|
|
119
119
|
flex-shrink: 0;
|
|
120
120
|
height: 100%;
|
|
@@ -1,8 +1,4 @@
|
|
|
1
|
-
import React
|
|
2
|
-
import { PopoverProps } from 'antd';
|
|
3
|
-
import { InputProps } from '../../atoms/Input';
|
|
1
|
+
import React from 'react';
|
|
4
2
|
import './styles.scss';
|
|
5
|
-
|
|
6
|
-
inputSearchProps?: InputProps;
|
|
7
|
-
}>;
|
|
3
|
+
import { SearchPopoverProps } from './types';
|
|
8
4
|
export declare const SearchPopover: (props: SearchPopoverProps) => React.JSX.Element;
|
|
@@ -11,14 +11,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
11
11
|
};
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { Popover } from 'antd';
|
|
14
|
-
import { Input } from '../../atoms
|
|
15
|
-
import Icon from '@antscorp/icons';
|
|
14
|
+
import { Input, Icon } from '../../atoms';
|
|
16
15
|
import './styles.scss';
|
|
17
16
|
import clsx from 'clsx';
|
|
18
17
|
export const SearchPopover = (props) => {
|
|
19
|
-
const { inputSearchProps } = props, popoverProps = __rest(props, ["inputSearchProps"]);
|
|
18
|
+
const { inputSearchProps = {} } = props, popoverProps = __rest(props, ["inputSearchProps"]);
|
|
20
19
|
const { overlayClassName, arrow = false, children, content, trigger = ['click'] } = popoverProps, restPopoverProps = __rest(popoverProps, ["overlayClassName", "arrow", "children", "content", "trigger"]);
|
|
21
20
|
return (React.createElement(Popover, Object.assign({ trigger: trigger, arrow: arrow }, restPopoverProps, { overlayClassName: clsx('search-popover-overlay', overlayClassName), overlay: true, content: React.createElement(React.Fragment, null,
|
|
22
|
-
React.createElement(Input, Object.assign({ placeholder: (inputSearchProps === null || inputSearchProps === void 0 ? void 0 : inputSearchProps.placeholder) || 'Search...', addonAfter: React.createElement(Icon, { type: "icon-ants-search-2" }),
|
|
21
|
+
React.createElement(Input, Object.assign({ placeholder: (inputSearchProps === null || inputSearchProps === void 0 ? void 0 : inputSearchProps.placeholder) || 'Search...', bordered: false }, inputSearchProps, { addonAfter: React.createElement(Icon, { type: "icon-ants-search-2" }), withWrapper: false })),
|
|
23
22
|
content) }), children));
|
|
24
23
|
};
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { useEffect, useMemo, useState } from 'react';
|
|
13
|
+
import { THEME } from '@antscorp/antsomi-ui/es/constants';
|
|
14
|
+
import { SearchPopover } from '../../SearchPopover';
|
|
15
|
+
import { Button, Checkbox, Menu } from 'antd';
|
|
16
|
+
import { renderIconField } from '../../utils';
|
|
17
|
+
import './styles.scss';
|
|
18
|
+
import { searchStringQuery } from '@antscorp/antsomi-ui/es/utils';
|
|
19
|
+
import { Icon } from '../../../../atoms';
|
|
20
|
+
import Scrollbars from 'react-custom-scrollbars';
|
|
21
|
+
export const PopoverAddField = (props) => {
|
|
22
|
+
var _a, _b;
|
|
23
|
+
const { open: openProp, selected, fields = [], onCancel, onApply, inputSearchProps = {}, children } = props, rest = __rest(props, ["open", "selected", "fields", "onCancel", "onApply", "inputSearchProps", "children"]);
|
|
24
|
+
const { value: searchValue } = inputSearchProps, restInputSearchProps = __rest(inputSearchProps, ["value"]);
|
|
25
|
+
const [open, setOpen] = useState(openProp);
|
|
26
|
+
const [selectedKeys, setSelectedKeys] = useState(new Set());
|
|
27
|
+
const [search, setSearch] = useState('');
|
|
28
|
+
const [showChecked, setShowChecked] = useState(false);
|
|
29
|
+
const applyDisabled = selectedKeys.size === 0;
|
|
30
|
+
useEffect(() => {
|
|
31
|
+
if (openProp !== undefined) {
|
|
32
|
+
setOpen(openProp);
|
|
33
|
+
}
|
|
34
|
+
}, [openProp]);
|
|
35
|
+
useEffect(() => {
|
|
36
|
+
if (searchValue !== undefined) {
|
|
37
|
+
setSearch(searchValue.toString());
|
|
38
|
+
}
|
|
39
|
+
}, [searchValue]);
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
if (selected !== undefined) {
|
|
42
|
+
setSelectedKeys(new Set(selected));
|
|
43
|
+
}
|
|
44
|
+
}, [selected]);
|
|
45
|
+
const filteredField = useMemo(() => {
|
|
46
|
+
let result = fields.filter(field => {
|
|
47
|
+
const labelIncluded = searchStringQuery(field.label, search);
|
|
48
|
+
const keyIncluded = searchStringQuery(field.key, search);
|
|
49
|
+
return labelIncluded || keyIncluded;
|
|
50
|
+
});
|
|
51
|
+
if (showChecked) {
|
|
52
|
+
result = result.filter(field => selectedKeys.has(field.key));
|
|
53
|
+
}
|
|
54
|
+
return result;
|
|
55
|
+
}, [fields, search, showChecked, selectedKeys]);
|
|
56
|
+
const handleToggleField = (field, checked) => {
|
|
57
|
+
const newSelectedKeys = new Set(selectedKeys);
|
|
58
|
+
if (checked) {
|
|
59
|
+
newSelectedKeys.add(field.key);
|
|
60
|
+
}
|
|
61
|
+
else {
|
|
62
|
+
newSelectedKeys.delete(field.key);
|
|
63
|
+
}
|
|
64
|
+
setSelectedKeys(newSelectedKeys);
|
|
65
|
+
};
|
|
66
|
+
const handleCancel = () => {
|
|
67
|
+
setOpen(false);
|
|
68
|
+
if (onCancel)
|
|
69
|
+
onCancel();
|
|
70
|
+
};
|
|
71
|
+
const handleApply = () => {
|
|
72
|
+
if (onApply)
|
|
73
|
+
onApply(Array.from(selectedKeys));
|
|
74
|
+
setOpen(false);
|
|
75
|
+
};
|
|
76
|
+
const handleOnSearch = (searchValue) => {
|
|
77
|
+
setSearch(searchValue);
|
|
78
|
+
if (inputSearchProps.onAfterChange) {
|
|
79
|
+
inputSearchProps.onAfterChange(searchValue);
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
const handleUncheckAll = () => {
|
|
83
|
+
setSelectedKeys(new Set());
|
|
84
|
+
};
|
|
85
|
+
const handleAfterOpenChange = (visible) => {
|
|
86
|
+
if (!visible) {
|
|
87
|
+
setSearch(searchValue ? searchValue.toString() : '');
|
|
88
|
+
setSelectedKeys(selected ? new Set(selected) : new Set());
|
|
89
|
+
}
|
|
90
|
+
if (rest.afterOpenChange) {
|
|
91
|
+
rest.afterOpenChange(visible);
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
const handleOpenChange = (visible) => {
|
|
95
|
+
setOpen(visible);
|
|
96
|
+
};
|
|
97
|
+
return (React.createElement(SearchPopover, Object.assign({}, rest, { content: React.createElement(React.Fragment, null,
|
|
98
|
+
!!fields.length && (React.createElement("div", { className: "actions" },
|
|
99
|
+
React.createElement(Button, { type: "link", size: "small", onClick: () => setShowChecked(current => !current) }, showChecked ? 'Show all' : 'Show checked'),
|
|
100
|
+
!!selectedKeys.size && (React.createElement(Button, { type: "link", onClick: handleUncheckAll }, "Uncheck all")))),
|
|
101
|
+
!!filteredField.length && (React.createElement(Scrollbars, { autoHeight: true, autoHeightMax: 260 },
|
|
102
|
+
React.createElement(Menu, { className: "list-fields", selectable: false, items: filteredField.map(field => ({
|
|
103
|
+
key: field.key,
|
|
104
|
+
label: (React.createElement(Checkbox, { onChange: e => handleToggleField(field, e.target.checked), checked: selectedKeys.has(field.key) },
|
|
105
|
+
field.dataType && renderIconField(field.dataType),
|
|
106
|
+
field.label)),
|
|
107
|
+
})) }))),
|
|
108
|
+
React.createElement("div", { className: "footer" },
|
|
109
|
+
React.createElement(Button, { onClick: handleCancel }, "Cancel"),
|
|
110
|
+
React.createElement(Button, { onClick: handleApply, disabled: applyDisabled, type: "primary" }, "Apply"))), overlayInnerStyle: {
|
|
111
|
+
'--item-padding': `${((_b = (_a = THEME.components) === null || _a === void 0 ? void 0 : _a.Menu) === null || _b === void 0 ? void 0 : _b.itemPaddingInline) || 10}px`,
|
|
112
|
+
}, trigger: ['click'], placement: "bottomLeft", open: open, inputSearchProps: Object.assign(Object.assign({}, restInputSearchProps), { value: search, onAfterChange: handleOnSearch }), afterOpenChange: handleAfterOpenChange, onOpenChange: handleOpenChange }), children || (React.createElement(Button, { type: "text" },
|
|
113
|
+
React.createElement(Icon, { type: "icon-ants-plus-slim", size: 14 }),
|
|
114
|
+
"Add fields"))));
|
|
115
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PopoverAddField } from './PopoverAddField';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PopoverAddField } from './PopoverAddField';
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
.search-popover-overlay {
|
|
2
|
+
&.antsomi-popover {
|
|
3
|
+
.antsomi-popover-inner {
|
|
4
|
+
min-width: 300px;
|
|
5
|
+
|
|
6
|
+
.antsomi-popover-inner-content {
|
|
7
|
+
.antsomi-menu.list-fields {
|
|
8
|
+
border-bottom: 1px solid var(--divider-1);
|
|
9
|
+
|
|
10
|
+
> .antsomi-menu-item {
|
|
11
|
+
padding: 0;
|
|
12
|
+
|
|
13
|
+
> .antsomi-menu-title-content {
|
|
14
|
+
> .antsomi-checkbox-wrapper {
|
|
15
|
+
padding: 0 var(--item-padding);
|
|
16
|
+
display: flex;
|
|
17
|
+
align-items: center;
|
|
18
|
+
width: 100%;
|
|
19
|
+
height: 100%;
|
|
20
|
+
|
|
21
|
+
span:nth-child(2) {
|
|
22
|
+
> i {
|
|
23
|
+
min-width: 20px;
|
|
24
|
+
text-align: center;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
display: flex;
|
|
28
|
+
align-items: center;
|
|
29
|
+
gap: 6px;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
> .actions {
|
|
37
|
+
display: flex;
|
|
38
|
+
align-items: center;
|
|
39
|
+
justify-content: space-between;
|
|
40
|
+
gap: 10px;
|
|
41
|
+
padding: 5px 0px;
|
|
42
|
+
|
|
43
|
+
> button {
|
|
44
|
+
height: 30px;
|
|
45
|
+
padding: 0 10px;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
> .footer {
|
|
50
|
+
gap: 10px;
|
|
51
|
+
padding: 10px;
|
|
52
|
+
display: flex;
|
|
53
|
+
align-items: center;
|
|
54
|
+
justify-content: flex-end;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PopoverAddField } from './PopoverAddField';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { PopoverAddField } from './PopoverAddField';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export declare const FIELD_DATA_TYPE: {
|
|
2
|
+
readonly NUMBER: {
|
|
3
|
+
readonly label: "Number";
|
|
4
|
+
readonly name: "number";
|
|
5
|
+
readonly value: 2;
|
|
6
|
+
};
|
|
7
|
+
readonly STRING: {
|
|
8
|
+
readonly label: "String";
|
|
9
|
+
readonly name: "string";
|
|
10
|
+
readonly value: 1;
|
|
11
|
+
};
|
|
12
|
+
readonly TEXT: {
|
|
13
|
+
readonly label: "Text";
|
|
14
|
+
readonly name: "text";
|
|
15
|
+
readonly value: 1;
|
|
16
|
+
};
|
|
17
|
+
readonly DATE_TIME: {
|
|
18
|
+
readonly label: "Datetime";
|
|
19
|
+
readonly name: "datetime";
|
|
20
|
+
readonly value: 5;
|
|
21
|
+
};
|
|
22
|
+
readonly BOOLEAN: {
|
|
23
|
+
readonly label: "Boolean";
|
|
24
|
+
readonly name: "boolean";
|
|
25
|
+
readonly value: 17;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
export const FIELD_DATA_TYPE = {
|
|
2
|
+
NUMBER: {
|
|
3
|
+
label: 'Number',
|
|
4
|
+
name: 'number',
|
|
5
|
+
value: 2,
|
|
6
|
+
},
|
|
7
|
+
STRING: {
|
|
8
|
+
label: 'String',
|
|
9
|
+
name: 'string',
|
|
10
|
+
value: 1,
|
|
11
|
+
},
|
|
12
|
+
TEXT: {
|
|
13
|
+
label: 'Text',
|
|
14
|
+
name: 'text',
|
|
15
|
+
value: 1,
|
|
16
|
+
},
|
|
17
|
+
DATE_TIME: {
|
|
18
|
+
label: 'Datetime',
|
|
19
|
+
name: 'datetime',
|
|
20
|
+
value: 5,
|
|
21
|
+
},
|
|
22
|
+
BOOLEAN: {
|
|
23
|
+
label: 'Boolean',
|
|
24
|
+
name: 'boolean',
|
|
25
|
+
value: 17,
|
|
26
|
+
},
|
|
27
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { PopoverProps } from 'antd';
|
|
2
|
+
import { InputProps } from '../../atoms/Input';
|
|
3
|
+
import { PropsWithChildren } from 'react';
|
|
4
|
+
export type SearchPopoverProps = PropsWithChildren<{
|
|
5
|
+
inputSearchProps?: InputProps;
|
|
6
|
+
} & PopoverProps>;
|
|
7
|
+
export type Field = {
|
|
8
|
+
key: string;
|
|
9
|
+
label: string;
|
|
10
|
+
dataType?: string | number;
|
|
11
|
+
};
|
|
12
|
+
export type PopoverAddFieldProps = SearchPopoverProps & Partial<{
|
|
13
|
+
fields: Field[];
|
|
14
|
+
selected: string[];
|
|
15
|
+
onCancel: () => void;
|
|
16
|
+
onApply: (selected: string[]) => void;
|
|
17
|
+
children: React.ReactNode;
|
|
18
|
+
}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Icon } from '../../atoms/Icon';
|
|
3
|
+
import { FIELD_DATA_TYPE } from './constants';
|
|
4
|
+
export const renderIconField = (dataType = FIELD_DATA_TYPE.STRING.name) => {
|
|
5
|
+
switch (dataType) {
|
|
6
|
+
case FIELD_DATA_TYPE.STRING.name:
|
|
7
|
+
case FIELD_DATA_TYPE.STRING.value:
|
|
8
|
+
case FIELD_DATA_TYPE.TEXT.name:
|
|
9
|
+
case FIELD_DATA_TYPE.TEXT.value:
|
|
10
|
+
return React.createElement(Icon, { type: "icon-ants-ABC", style: { color: '#56b261' } });
|
|
11
|
+
case FIELD_DATA_TYPE.BOOLEAN.name:
|
|
12
|
+
case FIELD_DATA_TYPE.BOOLEAN.value:
|
|
13
|
+
return React.createElement(Icon, { type: "icon-ants-boolean", style: { color: '#51a5d5' } });
|
|
14
|
+
case FIELD_DATA_TYPE.NUMBER.name:
|
|
15
|
+
case FIELD_DATA_TYPE.NUMBER.value:
|
|
16
|
+
return React.createElement(Icon, { type: "icon-ants-123", style: { color: '#51a5d5' } });
|
|
17
|
+
case FIELD_DATA_TYPE.DATE_TIME.name:
|
|
18
|
+
case FIELD_DATA_TYPE.DATE_TIME.value:
|
|
19
|
+
return React.createElement(Icon, { type: "icon-ants-calendar-v2", style: { color: '#56b261' } });
|
|
20
|
+
default:
|
|
21
|
+
return React.createElement(Icon, { type: "icon-ants-ABC", style: { color: '#56b261' } });
|
|
22
|
+
}
|
|
23
|
+
};
|