@digital-ai/dot-components 1.6.2 → 1.7.0
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/CHANGE_LOG.md +50 -6
- package/dot-components.esm.js +3098 -3350
- package/dot-components.umd.js +411 -158
- package/lib/components/accordion/Accordion.styles.d.ts +0 -1
- package/lib/components/app-toolbar/AppToolbar.d.ts +4 -2
- package/lib/components/app-toolbar/AppToolbar.stories.data.d.ts +15 -0
- package/lib/components/app-toolbar/AppToolbar.stories.styles.d.ts +2 -0
- package/lib/components/auto-complete/AutoComplete.d.ts +16 -5
- package/lib/components/auto-complete/Autocomplete.stories.data.d.ts +5 -0
- package/lib/components/breadcrumbs/Breadcrumbs.d.ts +1 -1
- package/lib/components/index.d.ts +1 -1
- package/lib/components/input-form-fields/Input.stories.data.d.ts +13 -0
- package/lib/components/input-form-fields/InputFormFields.propTypes.d.ts +1 -1
- package/lib/components/input-form-fields/InputSelect.d.ts +8 -1
- package/lib/components/list/ListItem.styles.d.ts +1 -1
- package/lib/components/sidebar/Sidebar.stories.data.d.ts +7 -0
- package/package.json +1 -1
package/dot-components.umd.js
CHANGED
|
@@ -139,7 +139,10 @@
|
|
|
139
139
|
};
|
|
140
140
|
|
|
141
141
|
var rootClassName$S = 'dot-icon';
|
|
142
|
-
var StyledIcon = styled__default["default"](core.Icon)(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n &.", " {\n align-items: center;\n box-sizing: content-box;\n display: flex;\n float: left; // allows flex items to display inline\n font-size: 20px;\n justify-content: center;\n\n &.MuiIcon-fontSizeLarge {\n font-size: 28px;\n height: 35px;\n width: 35px;\n\n i {\n height: 28px\n }\n }\n &.MuiIcon-fontSizeSmall {\n font-size: 18px;\n\n i {\n height: 18px;\n }\n }\n\n i {\n height: 20px;\n\n &:before {\n font-family: 'dot' !important;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n &.icon-plugins:before {\n content: \"\\e9dc\";\n }\n\n &.icon-integrations:before {\n content: \"\\e9db\";\n }\n\n &.icon-line-graph:before {\n content: \"\\e9d7\";\n }\n\n &.icon-rocket-filled:before {\n content: \"\\e9d8\";\n }\n\n &.icon-circle-check-outline:before {\n content: \"\\e9d9\";\n }\n\n &.icon-circle-info-outline:before {\n content: \"\\e9da\";\n }\n\n &.icon-analytics:before {\n content: \"\\e9d4\";\n }\n\n &.icon-Increment:before {\n content: \"\\e9d5\";\n }\n\n &.icon-Portfolio:before {\n content: \"\\e9d6\";\n }\n\n &.icon-user-security:before {\n content: \"\\e9d2\";\n }\n\n &.icon-rocket:before {\n content: \"\\e9d3\";\n }\n\n &.icon-merge:before {\n content: \"\\e9d1\";\n }\n\n &.icon-cpu:before {\n content: \"\\e9d0\";\n }\n\n &.icon-progression:before {\n content: \"\\e9cf\";\n }\n\n &.icon-commit:before {\n content: \"\\e95f\";\n }\n &.icon-design:before {\n content: \"\\e960\";\n }\n &.icon-key:before {\n content: \"\\e981\";\n }\n &.icon-infrastructure:before {\n content: \"\\e989\";\n }\n &.icon-report:before {\n content: \"\\e9ce\";\n }\n &.icon-package:before {\n content: \"\\e9c9\";\n }\n &.icon-security-off:before {\n content: \"\\e9ca\";\n }\n &.icon-security-on:before {\n content: \"\\e9cb\";\n }\n &.icon-marker-check:before {\n content: \"\\e9cc\";\n }\n &.icon-restore:before {\n content: \"\\e9cd\";\n }\n &.icon-check-outlined:before {\n content: \"\\e9c7\";\n }\n &.icon-circle-half-full:before {\n content: \"\\e9c8\";\n }\n &.icon-host:before {\n content: '\\e9b9';\n }\n &.icon-cluster:before {\n content: '\\e9ba';\n }\n &.icon-environment:before {\n content: '\\e9bb';\n }\n &.icon-monitor-controls:before {\n content: '\\e9bc';\n }\n &.icon-flag:before {\n content: '\\e9bd';\n }\n &.icon-satelite:before {\n content: '\\e9be';\n }\n &.icon-satelite-group:before {\n content: '\\e9bf';\n }\n &.icon-monitor-gears:before {\n content: '\\e9c0';\n }\n &.icon-patch:before {\n content: '\\e9b6';\n }\n &.icon-branch:before {\n content: '\\e9b4';\n }\n &.icon-send-airplane:before {\n content: '\\e9b5';\n }\n &.icon-briefcase:before {\n content: '\\e9b7';\n }\n &.icon-cluster-dependencies:before {\n content: '\\e9b8';\n }\n &.icon-script:before {\n content: '\\e966';\n }\n &.icon-pattern-bundle:before {\n content: '\\e967';\n }\n &.icon-outline:before {\n content: '\\e968';\n }\n &.icon-apps:before {\n content: '\\e969';\n }\n &.icon-archive:before {\n content: '\\e96a';\n }\n &.icon-arrow-down:before {\n content: '\\e96b';\n }\n &.icon-arrow-right:before {\n content: '\\e96c';\n }\n &.icon-arrow-up:before {\n content: '\\e96d';\n }\n &.icon-attachment:before {\n content: '\\e96e';\n }\n &.icon-board:before {\n content: '\\e96f';\n }\n &.icon-calendar:before {\n content: '\\e970';\n }\n &.icon-change:before {\n content: '\\e971';\n }\n &.icon-chevron-right:before {\n content: '\\e972';\n }\n &.icon-circle-minus-outlines:before {\n content: '\\e973';\n }\n &.icon-circle-paused:before {\n content: '\\e974';\n }\n &.icon-column:before {\n content: '\\e975';\n }\n &.icon-comment:before {\n content: '\\e976';\n }\n &.icon-configuration-preferences:before {\n content: '\\e977';\n }\n &.icon-conversation-bubbles:before {\n content: '\\e978';\n }\n &.icon-dashboard:before {\n content: '\\e979';\n }\n &.icon-database:before {\n content: '\\e97a';\n }\n &.icon-delivery-eta-icon:before {\n content: '\\e97b';\n }\n &.icon-download:before {\n content: '\\e97c';\n }\n &.icon-drag:before {\n content: '\\e97d';\n }\n &.icon-duplicate:before {\n content: '\\e97e';\n }\n &.icon-exit:before {\n content: '\\e97f';\n }\n &.icon-expand-chevrons:before {\n content: '\\e980';\n }\n &.icon-expander:before {\n content: '\\e981';\n }\n &.icon-file-image:before {\n content: '\\e982';\n }\n &.icon-file-lines:before {\n content: '\\e983';\n }\n &.icon-file-warning:before {\n content: '\\e984';\n }\n &.icon-file:before {\n content: '\\e985';\n }\n &.icon-filter:before {\n content: '\\e986';\n }\n &.icon-flag-none:before {\n content: '\\e987';\n }\n &.icon-folder:before {\n content: '\\e988';\n }\n &.icon-full-screen:before {\n content: '\\e989';\n }\n &.icon-fullscreen-enter:before {\n content: '\\e98a';\n }\n &.icon-fullscreen-exit:before {\n content: '\\e98b';\n }\n &.icon-grid:before {\n content: '\\e98c';\n }\n &.icon-hard-drive:before {\n content: '\\e98d';\n }\n &.icon-help:before {\n content: '\\e98e';\n }\n &.icon-history:before {\n content: '\\e98f';\n }\n &.icon-inbox:before {\n content: '\\e990';\n }\n &.icon-link:before {\n content: '\\e991';\n }\n &.icon-list:before {\n content: '\\e992';\n }\n &.icon-lock:before {\n content: '\\e993';\n }\n &.icon-mail:before {\n content: '\\e994';\n }\n &.icon-menu:before {\n content: '\\e995';\n }\n &.icon-monitor-satellite:before {\n content: '\\e996';\n }\n &.icon-monitor:before {\n content: '\\e997';\n }\n &.icon-notification-bell:before {\n content: '\\e998';\n }\n &.icon-open-new-tab:before {\n content: '\\e999';\n }\n &.icon-options:before {\n content: '\\e99a';\n }\n &.icon-parallel:before {\n content: '\\e99b';\n }\n &.icon-pending-clock:before {\n content: '\\e99c';\n }\n &.icon-play:before {\n content: '\\e99d';\n }\n &.icon-redo:before {\n content: '\\e99e';\n }\n &.icon-refresh:before {\n content: '\\e99f';\n }\n &.icon-release:before {\n content: '\\e9a0';\n }\n &.icon-search:before {\n content: '\\e9a3';\n }\n &.icon-sequential:before {\n content: '\\e9a4';\n }\n &.icon-sort-asc:before {\n content: '\\e9a5';\n }\n &.icon-sort-desc:before {\n content: '\\e9a6';\n }\n &.icon-star-favorites-active:before {\n content: '\\e9a7';\n }\n &.icon-star-favorites-default:before {\n content: '\\e9a8';\n }\n &.icon-target:before {\n content: '\\e9a9';\n }\n &.icon-task:before {\n content: '\\e9aa';\n }\n &.icon-template:before {\n content: '\\e9ab';\n }\n &.icon-undo:before {\n content: '\\e9ac';\n }\n &.icon-unlock:before {\n content: '\\e9ad';\n }\n &.icon-variable:before {\n content: '\\e9ae';\n }\n &.icon-vault:before {\n content: '\\e9af';\n }\n &.icon-visibility-off:before {\n content: '\\e9b0';\n }\n &.icon-visibility-on:before {\n content: '\\e9b1';\n }\n &.icon-webhook:before {\n content: '\\e9b2';\n }\n &.icon-wrench:before {\n content: '\\e9b3';\n }\n &.icon-bright:before {\n content: '\\e961';\n }\n &.icon-rogue-commits:before {\n content: '\\e962';\n }\n &.icon-home:before {\n content: '\\e963';\n }\n &.icon-blocking-issues:before {\n content: '\\e964';\n }\n &.icon-print-link:before {\n content: '\\e965';\n }\n &.icon-logo-deploy:before {\n content: '\\e902';\n }\n &.icon-logo-experitest:before {\n content: '\\e903';\n }\n &.icon-logo-numerify:before {\n content: '\\e904';\n }\n &.icon-logo-arxan:before {\n content: '\\e905';\n }\n &.icon-logo-continuum:before {\n content: '\\e906';\n }\n &.icon-logo-versionone:before {\n content: '\\e907';\n }\n &.icon-logo-release:before {\n content: '\\e908';\n }\n &.icon-warning-solid:before {\n content: '\\e909';\n }\n &.icon-warning-outline:before {\n content: '\\e90a';\n }\n &.icon-info-solid:before {\n content: '\\e90b';\n }\n &.icon-minus-solid:before {\n content: '\\e90c';\n }\n &.icon-check-solid:before {\n content: '\\e90d';\n }\n &.icon-error-solid:before {\n content: '\\e90e';\n }\n &.icon-error-outlines:before {\n content: '\\e90f';\n }\n &.icon-add-outlined:before {\n content: '\\e910';\n }\n &.icon-add-solid:before {\n content: '\\e911';\n }\n &.icon-clear-solid:before {\n content: '\\e912';\n }\n &.icon-dark:before {\n content: '\\e913';\n }\n &.icon-location:before {\n content: '\\e914';\n }\n &.icon-roadmap:before {\n content: '\\e915';\n }\n &.icon-follow-solid:before {\n content: '\\e916';\n }\n &.icon-follow-outlined:before {\n content: '\\e917';\n }\n &.icon-video:before {\n content: '\\e918';\n }\n &.icon-thumbs-down:before {\n content: '\\e919';\n }\n &.icon-camera:before {\n content: '\\e91a';\n }\n &.icon-users:before {\n content: '\\e91b';\n }\n &.icon-user:before {\n content: '\\e91c';\n }\n &.icon-announcement:before {\n content: '\\e91d';\n }\n &.icon-not-allowed:before {\n content: '\\e91e';\n }\n &.icon-zoom-out:before {\n content: '\\e91f';\n }\n &.icon-zoom-in:before {\n content: '\\e920';\n }\n &.icon-triangle:before {\n content: '\\e921';\n }\n &.icon-delay:before {\n content: '\\e922';\n }\n &.icon-circle-outline:before {\n content: '\\e923';\n }\n &.icon-circle:before {\n content: '\\e924';\n }\n &.icon-add-from-list:before {\n content: '\\e925';\n }\n &.icon-sync:before {\n content: '\\e926';\n }\n &.icon-keyboard:before {\n content: '\\e927';\n }\n &.icon-planner:before {\n content: '\\e928';\n }\n &.icon-tag:before {\n content: '\\e929';\n }\n &.icon-progress:before {\n content: '\\e92a';\n }\n &.icon-timeline:before {\n content: '\\e92b';\n }\n &.icon-abort:before {\n content: '\\e92c';\n }\n &.icon-cancel:before {\n content: '\\e92d';\n }\n &.icon-power:before {\n content: '\\e92e';\n }\n &.icon-resize:before {\n content: '\\e92f';\n }\n &.icon-close:before {\n content: '\\e930';\n }\n &.icon-save:before {\n content: '\\e931';\n }\n &.icon-drag-vertical-up-down:before {\n content: '\\e932';\n }\n &.icon-add:before {\n content: '\\e933';\n }\n &.icon-minus:before {\n content: '\\e934';\n }\n &.icon-target-none:before {\n content: '\\e935';\n }\n &.icon-placeholder:before {\n content: '\\e936';\n }\n &.icon-server:before {\n content: '\\e937';\n }\n &.icon-square-wrench:before {\n content: '\\e938';\n }\n &.icon-square-wrench-check:before {\n content: '\\e939';\n }\n &.icon-square-settings:before {\n content: '\\e93a';\n }\n &.icon-trigger:before {\n content: '\\e93c';\n }\n &.icon-precondition:before {\n content: '\\e93d';\n }\n &.icon-composition:before {\n content: '\\e93e';\n }\n &.icon-block:before {\n content: '\\e93f';\n }\n &.icon-group:before {\n content: '\\e940';\n }\n &.icon-settings-admin-opaque:before {\n content: '\\e941';\n }\n &.icon-puzzle:before {\n content: '\\e942';\n }\n &.icon-alphabet-icon:before {\n content: '\\e943';\n }\n &.icon-crop:before {\n content: '\\e944';\n }\n &.icon-upload-file:before {\n content: '\\e945';\n }\n &.icon-container:before {\n content: '\\e946';\n }\n &.icon-flag-risk:before {\n content: '\\e947';\n }\n &.icon-learn:before {\n content: '\\e948';\n }\n &.icon-tree:before {\n content: '\\e949';\n }\n &.icon-process-template:before {\n content: '\\e94a';\n }\n &.icon-flag-attention:before {\n content: '\\e94b';\n }\n &.icon-collection:before {\n content: '\\e94c';\n }\n &.icon-table:before {\n content: '\\e94d';\n }\n &.icon-linkBrakeIt:before {\n content: '\\e94e';\n }\n &.icon-move-folder:before {\n content: '\\e94f';\n }\n &.icon-columns:before {\n content: '\\e950';\n }\n &.icon-file-word-doc:before {\n content: '\\e951';\n }\n &.icon-file-ppt:before {\n content: '\\e952';\n }\n &.icon-file-zip:before {\n content: '\\e953';\n }\n &.icon-file-xls:before {\n content: '\\e954';\n }\n &.icon-file-pdf:before {\n content: '\\e955';\n }\n &.icon-file-xml:before {\n content: '\\e956';\n }\n &.icon-dictionary-locked:before {\n content: '\\e957';\n }\n &.icon-dictionary:before {\n content: '\\e958';\n }\n &.icon-file-dotted:before {\n content: '\\e959';\n }\n &.icon-file-circle-check:before {\n content: '\\e95a';\n }\n &.icon-back:before {\n content: '\\e95b';\n }\n &.icon-chevron-left:before {\n content: '\\e95c';\n }\n &.icon-chevron-up:before {\n content: '\\e95d';\n }\n &.icon-chevron-down:before {\n content: '\\e95e';\n }\n &.icon-return-level-up:before {\n content: '\\e95f';\n }\n &.icon-return:before {\n content: '\\e960';\n }\n &.icon-edit:before {\n content: '\\e900';\n }\n &.icon-delete:before {\n content: '\\e901';\n }\n &.icon-settings:before {\n content: \"\\e93b\";\n }\n &.icon-network-drive:before {\n content: \"\\e9a1\";\n }\n &.icon-GitOps:before {\n content: \"\\e9a2\";\n }\n &.icon-rss:before {\n content: \"\\e9c1\";\n }\n &.icon-bug:before {\n content: \"\\e9c2\";\n }\n &.icon-cloud:before {\n content: \"\\e9c3\";\n }\n &.icon-more-horizontal:before {\n content: \"\\e9c4\";\n }\n &.icon-expand:before {\n content: \"\\e9c5\";\n }\n &.icon-collapse:before {\n content: \"\\e9c6\";\n }\n }\n }\n }"], ["\n &.", " {\n align-items: center;\n box-sizing: content-box;\n display: flex;\n float: left; // allows flex items to display inline\n font-size: 20px;\n justify-content: center;\n\n &.MuiIcon-fontSizeLarge {\n font-size: 28px;\n height: 35px;\n width: 35px;\n\n i {\n height: 28px\n }\n }\n &.MuiIcon-fontSizeSmall {\n font-size: 18px;\n\n i {\n height: 18px;\n }\n }\n\n i {\n height: 20px;\n\n &:before {\n font-family: 'dot' !important;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n &.icon-plugins:before {\n content: \"\\\\e9dc\";\n }\n\n &.icon-integrations:before {\n content: \"\\\\e9db\";\n }\n\n &.icon-line-graph:before {\n content: \"\\\\e9d7\";\n }\n\n &.icon-rocket-filled:before {\n content: \"\\\\e9d8\";\n }\n\n &.icon-circle-check-outline:before {\n content: \"\\\\e9d9\";\n }\n\n &.icon-circle-info-outline:before {\n content: \"\\\\e9da\";\n }\n\n &.icon-analytics:before {\n content: \"\\\\e9d4\";\n }\n\n &.icon-Increment:before {\n content: \"\\\\e9d5\";\n }\n\n &.icon-Portfolio:before {\n content: \"\\\\e9d6\";\n }\n\n &.icon-user-security:before {\n content: \"\\\\e9d2\";\n }\n\n &.icon-rocket:before {\n content: \"\\\\e9d3\";\n }\n\n &.icon-merge:before {\n content: \"\\\\e9d1\";\n }\n\n &.icon-cpu:before {\n content: \"\\\\e9d0\";\n }\n\n &.icon-progression:before {\n content: \"\\\\e9cf\";\n }\n\n &.icon-commit:before {\n content: \"\\\\e95f\";\n }\n &.icon-design:before {\n content: \"\\\\e960\";\n }\n &.icon-key:before {\n content: \"\\\\e981\";\n }\n &.icon-infrastructure:before {\n content: \"\\\\e989\";\n }\n &.icon-report:before {\n content: \"\\\\e9ce\";\n }\n &.icon-package:before {\n content: \"\\\\e9c9\";\n }\n &.icon-security-off:before {\n content: \"\\\\e9ca\";\n }\n &.icon-security-on:before {\n content: \"\\\\e9cb\";\n }\n &.icon-marker-check:before {\n content: \"\\\\e9cc\";\n }\n &.icon-restore:before {\n content: \"\\\\e9cd\";\n }\n &.icon-check-outlined:before {\n content: \"\\\\e9c7\";\n }\n &.icon-circle-half-full:before {\n content: \"\\\\e9c8\";\n }\n &.icon-host:before {\n content: '\\\\e9b9';\n }\n &.icon-cluster:before {\n content: '\\\\e9ba';\n }\n &.icon-environment:before {\n content: '\\\\e9bb';\n }\n &.icon-monitor-controls:before {\n content: '\\\\e9bc';\n }\n &.icon-flag:before {\n content: '\\\\e9bd';\n }\n &.icon-satelite:before {\n content: '\\\\e9be';\n }\n &.icon-satelite-group:before {\n content: '\\\\e9bf';\n }\n &.icon-monitor-gears:before {\n content: '\\\\e9c0';\n }\n &.icon-patch:before {\n content: '\\\\e9b6';\n }\n &.icon-branch:before {\n content: '\\\\e9b4';\n }\n &.icon-send-airplane:before {\n content: '\\\\e9b5';\n }\n &.icon-briefcase:before {\n content: '\\\\e9b7';\n }\n &.icon-cluster-dependencies:before {\n content: '\\\\e9b8';\n }\n &.icon-script:before {\n content: '\\\\e966';\n }\n &.icon-pattern-bundle:before {\n content: '\\\\e967';\n }\n &.icon-outline:before {\n content: '\\\\e968';\n }\n &.icon-apps:before {\n content: '\\\\e969';\n }\n &.icon-archive:before {\n content: '\\\\e96a';\n }\n &.icon-arrow-down:before {\n content: '\\\\e96b';\n }\n &.icon-arrow-right:before {\n content: '\\\\e96c';\n }\n &.icon-arrow-up:before {\n content: '\\\\e96d';\n }\n &.icon-attachment:before {\n content: '\\\\e96e';\n }\n &.icon-board:before {\n content: '\\\\e96f';\n }\n &.icon-calendar:before {\n content: '\\\\e970';\n }\n &.icon-change:before {\n content: '\\\\e971';\n }\n &.icon-chevron-right:before {\n content: '\\\\e972';\n }\n &.icon-circle-minus-outlines:before {\n content: '\\\\e973';\n }\n &.icon-circle-paused:before {\n content: '\\\\e974';\n }\n &.icon-column:before {\n content: '\\\\e975';\n }\n &.icon-comment:before {\n content: '\\\\e976';\n }\n &.icon-configuration-preferences:before {\n content: '\\\\e977';\n }\n &.icon-conversation-bubbles:before {\n content: '\\\\e978';\n }\n &.icon-dashboard:before {\n content: '\\\\e979';\n }\n &.icon-database:before {\n content: '\\\\e97a';\n }\n &.icon-delivery-eta-icon:before {\n content: '\\\\e97b';\n }\n &.icon-download:before {\n content: '\\\\e97c';\n }\n &.icon-drag:before {\n content: '\\\\e97d';\n }\n &.icon-duplicate:before {\n content: '\\\\e97e';\n }\n &.icon-exit:before {\n content: '\\\\e97f';\n }\n &.icon-expand-chevrons:before {\n content: '\\\\e980';\n }\n &.icon-expander:before {\n content: '\\\\e981';\n }\n &.icon-file-image:before {\n content: '\\\\e982';\n }\n &.icon-file-lines:before {\n content: '\\\\e983';\n }\n &.icon-file-warning:before {\n content: '\\\\e984';\n }\n &.icon-file:before {\n content: '\\\\e985';\n }\n &.icon-filter:before {\n content: '\\\\e986';\n }\n &.icon-flag-none:before {\n content: '\\\\e987';\n }\n &.icon-folder:before {\n content: '\\\\e988';\n }\n &.icon-full-screen:before {\n content: '\\\\e989';\n }\n &.icon-fullscreen-enter:before {\n content: '\\\\e98a';\n }\n &.icon-fullscreen-exit:before {\n content: '\\\\e98b';\n }\n &.icon-grid:before {\n content: '\\\\e98c';\n }\n &.icon-hard-drive:before {\n content: '\\\\e98d';\n }\n &.icon-help:before {\n content: '\\\\e98e';\n }\n &.icon-history:before {\n content: '\\\\e98f';\n }\n &.icon-inbox:before {\n content: '\\\\e990';\n }\n &.icon-link:before {\n content: '\\\\e991';\n }\n &.icon-list:before {\n content: '\\\\e992';\n }\n &.icon-lock:before {\n content: '\\\\e993';\n }\n &.icon-mail:before {\n content: '\\\\e994';\n }\n &.icon-menu:before {\n content: '\\\\e995';\n }\n &.icon-monitor-satellite:before {\n content: '\\\\e996';\n }\n &.icon-monitor:before {\n content: '\\\\e997';\n }\n &.icon-notification-bell:before {\n content: '\\\\e998';\n }\n &.icon-open-new-tab:before {\n content: '\\\\e999';\n }\n &.icon-options:before {\n content: '\\\\e99a';\n }\n &.icon-parallel:before {\n content: '\\\\e99b';\n }\n &.icon-pending-clock:before {\n content: '\\\\e99c';\n }\n &.icon-play:before {\n content: '\\\\e99d';\n }\n &.icon-redo:before {\n content: '\\\\e99e';\n }\n &.icon-refresh:before {\n content: '\\\\e99f';\n }\n &.icon-release:before {\n content: '\\\\e9a0';\n }\n &.icon-search:before {\n content: '\\\\e9a3';\n }\n &.icon-sequential:before {\n content: '\\\\e9a4';\n }\n &.icon-sort-asc:before {\n content: '\\\\e9a5';\n }\n &.icon-sort-desc:before {\n content: '\\\\e9a6';\n }\n &.icon-star-favorites-active:before {\n content: '\\\\e9a7';\n }\n &.icon-star-favorites-default:before {\n content: '\\\\e9a8';\n }\n &.icon-target:before {\n content: '\\\\e9a9';\n }\n &.icon-task:before {\n content: '\\\\e9aa';\n }\n &.icon-template:before {\n content: '\\\\e9ab';\n }\n &.icon-undo:before {\n content: '\\\\e9ac';\n }\n &.icon-unlock:before {\n content: '\\\\e9ad';\n }\n &.icon-variable:before {\n content: '\\\\e9ae';\n }\n &.icon-vault:before {\n content: '\\\\e9af';\n }\n &.icon-visibility-off:before {\n content: '\\\\e9b0';\n }\n &.icon-visibility-on:before {\n content: '\\\\e9b1';\n }\n &.icon-webhook:before {\n content: '\\\\e9b2';\n }\n &.icon-wrench:before {\n content: '\\\\e9b3';\n }\n &.icon-bright:before {\n content: '\\\\e961';\n }\n &.icon-rogue-commits:before {\n content: '\\\\e962';\n }\n &.icon-home:before {\n content: '\\\\e963';\n }\n &.icon-blocking-issues:before {\n content: '\\\\e964';\n }\n &.icon-print-link:before {\n content: '\\\\e965';\n }\n &.icon-logo-deploy:before {\n content: '\\\\e902';\n }\n &.icon-logo-experitest:before {\n content: '\\\\e903';\n }\n &.icon-logo-numerify:before {\n content: '\\\\e904';\n }\n &.icon-logo-arxan:before {\n content: '\\\\e905';\n }\n &.icon-logo-continuum:before {\n content: '\\\\e906';\n }\n &.icon-logo-versionone:before {\n content: '\\\\e907';\n }\n &.icon-logo-release:before {\n content: '\\\\e908';\n }\n &.icon-warning-solid:before {\n content: '\\\\e909';\n }\n &.icon-warning-outline:before {\n content: '\\\\e90a';\n }\n &.icon-info-solid:before {\n content: '\\\\e90b';\n }\n &.icon-minus-solid:before {\n content: '\\\\e90c';\n }\n &.icon-check-solid:before {\n content: '\\\\e90d';\n }\n &.icon-error-solid:before {\n content: '\\\\e90e';\n }\n &.icon-error-outlines:before {\n content: '\\\\e90f';\n }\n &.icon-add-outlined:before {\n content: '\\\\e910';\n }\n &.icon-add-solid:before {\n content: '\\\\e911';\n }\n &.icon-clear-solid:before {\n content: '\\\\e912';\n }\n &.icon-dark:before {\n content: '\\\\e913';\n }\n &.icon-location:before {\n content: '\\\\e914';\n }\n &.icon-roadmap:before {\n content: '\\\\e915';\n }\n &.icon-follow-solid:before {\n content: '\\\\e916';\n }\n &.icon-follow-outlined:before {\n content: '\\\\e917';\n }\n &.icon-video:before {\n content: '\\\\e918';\n }\n &.icon-thumbs-down:before {\n content: '\\\\e919';\n }\n &.icon-camera:before {\n content: '\\\\e91a';\n }\n &.icon-users:before {\n content: '\\\\e91b';\n }\n &.icon-user:before {\n content: '\\\\e91c';\n }\n &.icon-announcement:before {\n content: '\\\\e91d';\n }\n &.icon-not-allowed:before {\n content: '\\\\e91e';\n }\n &.icon-zoom-out:before {\n content: '\\\\e91f';\n }\n &.icon-zoom-in:before {\n content: '\\\\e920';\n }\n &.icon-triangle:before {\n content: '\\\\e921';\n }\n &.icon-delay:before {\n content: '\\\\e922';\n }\n &.icon-circle-outline:before {\n content: '\\\\e923';\n }\n &.icon-circle:before {\n content: '\\\\e924';\n }\n &.icon-add-from-list:before {\n content: '\\\\e925';\n }\n &.icon-sync:before {\n content: '\\\\e926';\n }\n &.icon-keyboard:before {\n content: '\\\\e927';\n }\n &.icon-planner:before {\n content: '\\\\e928';\n }\n &.icon-tag:before {\n content: '\\\\e929';\n }\n &.icon-progress:before {\n content: '\\\\e92a';\n }\n &.icon-timeline:before {\n content: '\\\\e92b';\n }\n &.icon-abort:before {\n content: '\\\\e92c';\n }\n &.icon-cancel:before {\n content: '\\\\e92d';\n }\n &.icon-power:before {\n content: '\\\\e92e';\n }\n &.icon-resize:before {\n content: '\\\\e92f';\n }\n &.icon-close:before {\n content: '\\\\e930';\n }\n &.icon-save:before {\n content: '\\\\e931';\n }\n &.icon-drag-vertical-up-down:before {\n content: '\\\\e932';\n }\n &.icon-add:before {\n content: '\\\\e933';\n }\n &.icon-minus:before {\n content: '\\\\e934';\n }\n &.icon-target-none:before {\n content: '\\\\e935';\n }\n &.icon-placeholder:before {\n content: '\\\\e936';\n }\n &.icon-server:before {\n content: '\\\\e937';\n }\n &.icon-square-wrench:before {\n content: '\\\\e938';\n }\n &.icon-square-wrench-check:before {\n content: '\\\\e939';\n }\n &.icon-square-settings:before {\n content: '\\\\e93a';\n }\n &.icon-trigger:before {\n content: '\\\\e93c';\n }\n &.icon-precondition:before {\n content: '\\\\e93d';\n }\n &.icon-composition:before {\n content: '\\\\e93e';\n }\n &.icon-block:before {\n content: '\\\\e93f';\n }\n &.icon-group:before {\n content: '\\\\e940';\n }\n &.icon-settings-admin-opaque:before {\n content: '\\\\e941';\n }\n &.icon-puzzle:before {\n content: '\\\\e942';\n }\n &.icon-alphabet-icon:before {\n content: '\\\\e943';\n }\n &.icon-crop:before {\n content: '\\\\e944';\n }\n &.icon-upload-file:before {\n content: '\\\\e945';\n }\n &.icon-container:before {\n content: '\\\\e946';\n }\n &.icon-flag-risk:before {\n content: '\\\\e947';\n }\n &.icon-learn:before {\n content: '\\\\e948';\n }\n &.icon-tree:before {\n content: '\\\\e949';\n }\n &.icon-process-template:before {\n content: '\\\\e94a';\n }\n &.icon-flag-attention:before {\n content: '\\\\e94b';\n }\n &.icon-collection:before {\n content: '\\\\e94c';\n }\n &.icon-table:before {\n content: '\\\\e94d';\n }\n &.icon-linkBrakeIt:before {\n content: '\\\\e94e';\n }\n &.icon-move-folder:before {\n content: '\\\\e94f';\n }\n &.icon-columns:before {\n content: '\\\\e950';\n }\n &.icon-file-word-doc:before {\n content: '\\\\e951';\n }\n &.icon-file-ppt:before {\n content: '\\\\e952';\n }\n &.icon-file-zip:before {\n content: '\\\\e953';\n }\n &.icon-file-xls:before {\n content: '\\\\e954';\n }\n &.icon-file-pdf:before {\n content: '\\\\e955';\n }\n &.icon-file-xml:before {\n content: '\\\\e956';\n }\n &.icon-dictionary-locked:before {\n content: '\\\\e957';\n }\n &.icon-dictionary:before {\n content: '\\\\e958';\n }\n &.icon-file-dotted:before {\n content: '\\\\e959';\n }\n &.icon-file-circle-check:before {\n content: '\\\\e95a';\n }\n &.icon-back:before {\n content: '\\\\e95b';\n }\n &.icon-chevron-left:before {\n content: '\\\\e95c';\n }\n &.icon-chevron-up:before {\n content: '\\\\e95d';\n }\n &.icon-chevron-down:before {\n content: '\\\\e95e';\n }\n &.icon-return-level-up:before {\n content: '\\\\e95f';\n }\n &.icon-return:before {\n content: '\\\\e960';\n }\n &.icon-edit:before {\n content: '\\\\e900';\n }\n &.icon-delete:before {\n content: '\\\\e901';\n }\n &.icon-settings:before {\n content: \"\\\\e93b\";\n }\n &.icon-network-drive:before {\n content: \"\\\\e9a1\";\n }\n &.icon-GitOps:before {\n content: \"\\\\e9a2\";\n }\n &.icon-rss:before {\n content: \"\\\\e9c1\";\n }\n &.icon-bug:before {\n content: \"\\\\e9c2\";\n }\n &.icon-cloud:before {\n content: \"\\\\e9c3\";\n }\n &.icon-more-horizontal:before {\n content: \"\\\\e9c4\";\n }\n &.icon-expand:before {\n content: \"\\\\e9c5\";\n }\n &.icon-collapse:before {\n content: \"\\\\e9c6\";\n }\n }\n }\n }"])), rootClassName$S);
|
|
142
|
+
var StyledIcon = styled__default["default"](core.Icon).withConfig({
|
|
143
|
+
displayName: "Iconstyles__StyledIcon",
|
|
144
|
+
componentId: "st0ybo-0"
|
|
145
|
+
})(templateObject_1$Y || (templateObject_1$Y = __makeTemplateObject(["\n &.", " {\n align-items: center;\n box-sizing: content-box;\n display: flex;\n float: left; // allows flex items to display inline\n font-size: 20px;\n justify-content: center;\n\n &.MuiIcon-fontSizeLarge {\n font-size: 28px;\n height: 35px;\n width: 35px;\n\n i {\n height: 28px\n }\n }\n &.MuiIcon-fontSizeSmall {\n font-size: 18px;\n\n i {\n height: 18px;\n }\n }\n\n i {\n height: 20px;\n\n &:before {\n font-family: 'dot' !important;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n &.icon-plugins:before {\n content: \"\\e9dc\";\n }\n\n &.icon-integrations:before {\n content: \"\\e9db\";\n }\n\n &.icon-line-graph:before {\n content: \"\\e9d7\";\n }\n\n &.icon-rocket-filled:before {\n content: \"\\e9d8\";\n }\n\n &.icon-circle-check-outline:before {\n content: \"\\e9d9\";\n }\n\n &.icon-circle-info-outline:before {\n content: \"\\e9da\";\n }\n\n &.icon-analytics:before {\n content: \"\\e9d4\";\n }\n\n &.icon-Increment:before {\n content: \"\\e9d5\";\n }\n\n &.icon-Portfolio:before {\n content: \"\\e9d6\";\n }\n\n &.icon-user-security:before {\n content: \"\\e9d2\";\n }\n\n &.icon-rocket:before {\n content: \"\\e9d3\";\n }\n\n &.icon-merge:before {\n content: \"\\e9d1\";\n }\n\n &.icon-cpu:before {\n content: \"\\e9d0\";\n }\n\n &.icon-progression:before {\n content: \"\\e9cf\";\n }\n\n &.icon-commit:before {\n content: \"\\e95f\";\n }\n &.icon-design:before {\n content: \"\\e960\";\n }\n &.icon-key:before {\n content: \"\\e981\";\n }\n &.icon-infrastructure:before {\n content: \"\\e989\";\n }\n &.icon-report:before {\n content: \"\\e9ce\";\n }\n &.icon-package:before {\n content: \"\\e9c9\";\n }\n &.icon-security-off:before {\n content: \"\\e9ca\";\n }\n &.icon-security-on:before {\n content: \"\\e9cb\";\n }\n &.icon-marker-check:before {\n content: \"\\e9cc\";\n }\n &.icon-restore:before {\n content: \"\\e9cd\";\n }\n &.icon-check-outlined:before {\n content: \"\\e9c7\";\n }\n &.icon-circle-half-full:before {\n content: \"\\e9c8\";\n }\n &.icon-host:before {\n content: '\\e9b9';\n }\n &.icon-cluster:before {\n content: '\\e9ba';\n }\n &.icon-environment:before {\n content: '\\e9bb';\n }\n &.icon-monitor-controls:before {\n content: '\\e9bc';\n }\n &.icon-flag:before {\n content: '\\e9bd';\n }\n &.icon-satelite:before {\n content: '\\e9be';\n }\n &.icon-satelite-group:before {\n content: '\\e9bf';\n }\n &.icon-monitor-gears:before {\n content: '\\e9c0';\n }\n &.icon-patch:before {\n content: '\\e9b6';\n }\n &.icon-branch:before {\n content: '\\e9b4';\n }\n &.icon-send-airplane:before {\n content: '\\e9b5';\n }\n &.icon-briefcase:before {\n content: '\\e9b7';\n }\n &.icon-cluster-dependencies:before {\n content: '\\e9b8';\n }\n &.icon-script:before {\n content: '\\e966';\n }\n &.icon-pattern-bundle:before {\n content: '\\e967';\n }\n &.icon-outline:before {\n content: '\\e968';\n }\n &.icon-apps:before {\n content: '\\e969';\n }\n &.icon-archive:before {\n content: '\\e96a';\n }\n &.icon-arrow-down:before {\n content: '\\e96b';\n }\n &.icon-arrow-right:before {\n content: '\\e96c';\n }\n &.icon-arrow-up:before {\n content: '\\e96d';\n }\n &.icon-attachment:before {\n content: '\\e96e';\n }\n &.icon-board:before {\n content: '\\e96f';\n }\n &.icon-calendar:before {\n content: '\\e970';\n }\n &.icon-change:before {\n content: '\\e971';\n }\n &.icon-chevron-right:before {\n content: '\\e972';\n }\n &.icon-circle-minus-outlines:before {\n content: '\\e973';\n }\n &.icon-circle-paused:before {\n content: '\\e974';\n }\n &.icon-column:before {\n content: '\\e975';\n }\n &.icon-comment:before {\n content: '\\e976';\n }\n &.icon-configuration-preferences:before {\n content: '\\e977';\n }\n &.icon-conversation-bubbles:before {\n content: '\\e978';\n }\n &.icon-dashboard:before {\n content: '\\e979';\n }\n &.icon-database:before {\n content: '\\e97a';\n }\n &.icon-delivery-eta-icon:before {\n content: '\\e97b';\n }\n &.icon-download:before {\n content: '\\e97c';\n }\n &.icon-drag:before {\n content: '\\e97d';\n }\n &.icon-duplicate:before {\n content: '\\e97e';\n }\n &.icon-exit:before {\n content: '\\e97f';\n }\n &.icon-expand-chevrons:before {\n content: '\\e980';\n }\n &.icon-expander:before {\n content: '\\e981';\n }\n &.icon-file-image:before {\n content: '\\e982';\n }\n &.icon-file-lines:before {\n content: '\\e983';\n }\n &.icon-file-warning:before {\n content: '\\e984';\n }\n &.icon-file:before {\n content: '\\e985';\n }\n &.icon-filter:before {\n content: '\\e986';\n }\n &.icon-flag-none:before {\n content: '\\e987';\n }\n &.icon-folder:before {\n content: '\\e988';\n }\n &.icon-full-screen:before {\n content: '\\e989';\n }\n &.icon-fullscreen-enter:before {\n content: '\\e98a';\n }\n &.icon-fullscreen-exit:before {\n content: '\\e98b';\n }\n &.icon-grid:before {\n content: '\\e98c';\n }\n &.icon-hard-drive:before {\n content: '\\e98d';\n }\n &.icon-help:before {\n content: '\\e98e';\n }\n &.icon-history:before {\n content: '\\e98f';\n }\n &.icon-inbox:before {\n content: '\\e990';\n }\n &.icon-link:before {\n content: '\\e991';\n }\n &.icon-list:before {\n content: '\\e992';\n }\n &.icon-lock:before {\n content: '\\e993';\n }\n &.icon-mail:before {\n content: '\\e994';\n }\n &.icon-menu:before {\n content: '\\e995';\n }\n &.icon-monitor-satellite:before {\n content: '\\e996';\n }\n &.icon-monitor:before {\n content: '\\e997';\n }\n &.icon-notification-bell:before {\n content: '\\e998';\n }\n &.icon-open-new-tab:before {\n content: '\\e999';\n }\n &.icon-options:before {\n content: '\\e99a';\n }\n &.icon-parallel:before {\n content: '\\e99b';\n }\n &.icon-pending-clock:before {\n content: '\\e99c';\n }\n &.icon-play:before {\n content: '\\e99d';\n }\n &.icon-redo:before {\n content: '\\e99e';\n }\n &.icon-refresh:before {\n content: '\\e99f';\n }\n &.icon-release:before {\n content: '\\e9a0';\n }\n &.icon-search:before {\n content: '\\e9a3';\n }\n &.icon-sequential:before {\n content: '\\e9a4';\n }\n &.icon-sort-asc:before {\n content: '\\e9a5';\n }\n &.icon-sort-desc:before {\n content: '\\e9a6';\n }\n &.icon-star-favorites-active:before {\n content: '\\e9a7';\n }\n &.icon-star-favorites-default:before {\n content: '\\e9a8';\n }\n &.icon-target:before {\n content: '\\e9a9';\n }\n &.icon-task:before {\n content: '\\e9aa';\n }\n &.icon-template:before {\n content: '\\e9ab';\n }\n &.icon-undo:before {\n content: '\\e9ac';\n }\n &.icon-unlock:before {\n content: '\\e9ad';\n }\n &.icon-variable:before {\n content: '\\e9ae';\n }\n &.icon-vault:before {\n content: '\\e9af';\n }\n &.icon-visibility-off:before {\n content: '\\e9b0';\n }\n &.icon-visibility-on:before {\n content: '\\e9b1';\n }\n &.icon-webhook:before {\n content: '\\e9b2';\n }\n &.icon-wrench:before {\n content: '\\e9b3';\n }\n &.icon-bright:before {\n content: '\\e961';\n }\n &.icon-rogue-commits:before {\n content: '\\e962';\n }\n &.icon-home:before {\n content: '\\e963';\n }\n &.icon-blocking-issues:before {\n content: '\\e964';\n }\n &.icon-print-link:before {\n content: '\\e965';\n }\n &.icon-logo-deploy:before {\n content: '\\e902';\n }\n &.icon-logo-experitest:before {\n content: '\\e903';\n }\n &.icon-logo-numerify:before {\n content: '\\e904';\n }\n &.icon-logo-arxan:before {\n content: '\\e905';\n }\n &.icon-logo-continuum:before {\n content: '\\e906';\n }\n &.icon-logo-versionone:before {\n content: '\\e907';\n }\n &.icon-logo-release:before {\n content: '\\e908';\n }\n &.icon-warning-solid:before {\n content: '\\e909';\n }\n &.icon-warning-outline:before {\n content: '\\e90a';\n }\n &.icon-info-solid:before {\n content: '\\e90b';\n }\n &.icon-minus-solid:before {\n content: '\\e90c';\n }\n &.icon-check-solid:before {\n content: '\\e90d';\n }\n &.icon-error-solid:before {\n content: '\\e90e';\n }\n &.icon-error-outlines:before {\n content: '\\e90f';\n }\n &.icon-add-outlined:before {\n content: '\\e910';\n }\n &.icon-add-solid:before {\n content: '\\e911';\n }\n &.icon-clear-solid:before {\n content: '\\e912';\n }\n &.icon-dark:before {\n content: '\\e913';\n }\n &.icon-location:before {\n content: '\\e914';\n }\n &.icon-roadmap:before {\n content: '\\e915';\n }\n &.icon-follow-solid:before {\n content: '\\e916';\n }\n &.icon-follow-outlined:before {\n content: '\\e917';\n }\n &.icon-video:before {\n content: '\\e918';\n }\n &.icon-thumbs-down:before {\n content: '\\e919';\n }\n &.icon-camera:before {\n content: '\\e91a';\n }\n &.icon-users:before {\n content: '\\e91b';\n }\n &.icon-user:before {\n content: '\\e91c';\n }\n &.icon-announcement:before {\n content: '\\e91d';\n }\n &.icon-not-allowed:before {\n content: '\\e91e';\n }\n &.icon-zoom-out:before {\n content: '\\e91f';\n }\n &.icon-zoom-in:before {\n content: '\\e920';\n }\n &.icon-triangle:before {\n content: '\\e921';\n }\n &.icon-delay:before {\n content: '\\e922';\n }\n &.icon-circle-outline:before {\n content: '\\e923';\n }\n &.icon-circle:before {\n content: '\\e924';\n }\n &.icon-add-from-list:before {\n content: '\\e925';\n }\n &.icon-sync:before {\n content: '\\e926';\n }\n &.icon-keyboard:before {\n content: '\\e927';\n }\n &.icon-planner:before {\n content: '\\e928';\n }\n &.icon-tag:before {\n content: '\\e929';\n }\n &.icon-progress:before {\n content: '\\e92a';\n }\n &.icon-timeline:before {\n content: '\\e92b';\n }\n &.icon-abort:before {\n content: '\\e92c';\n }\n &.icon-cancel:before {\n content: '\\e92d';\n }\n &.icon-power:before {\n content: '\\e92e';\n }\n &.icon-resize:before {\n content: '\\e92f';\n }\n &.icon-close:before {\n content: '\\e930';\n }\n &.icon-save:before {\n content: '\\e931';\n }\n &.icon-drag-vertical-up-down:before {\n content: '\\e932';\n }\n &.icon-add:before {\n content: '\\e933';\n }\n &.icon-minus:before {\n content: '\\e934';\n }\n &.icon-target-none:before {\n content: '\\e935';\n }\n &.icon-placeholder:before {\n content: '\\e936';\n }\n &.icon-server:before {\n content: '\\e937';\n }\n &.icon-square-wrench:before {\n content: '\\e938';\n }\n &.icon-square-wrench-check:before {\n content: '\\e939';\n }\n &.icon-square-settings:before {\n content: '\\e93a';\n }\n &.icon-trigger:before {\n content: '\\e93c';\n }\n &.icon-precondition:before {\n content: '\\e93d';\n }\n &.icon-composition:before {\n content: '\\e93e';\n }\n &.icon-block:before {\n content: '\\e93f';\n }\n &.icon-group:before {\n content: '\\e940';\n }\n &.icon-settings-admin-opaque:before {\n content: '\\e941';\n }\n &.icon-puzzle:before {\n content: '\\e942';\n }\n &.icon-alphabet-icon:before {\n content: '\\e943';\n }\n &.icon-crop:before {\n content: '\\e944';\n }\n &.icon-upload-file:before {\n content: '\\e945';\n }\n &.icon-container:before {\n content: '\\e946';\n }\n &.icon-flag-risk:before {\n content: '\\e947';\n }\n &.icon-learn:before {\n content: '\\e948';\n }\n &.icon-tree:before {\n content: '\\e949';\n }\n &.icon-process-template:before {\n content: '\\e94a';\n }\n &.icon-flag-attention:before {\n content: '\\e94b';\n }\n &.icon-collection:before {\n content: '\\e94c';\n }\n &.icon-table:before {\n content: '\\e94d';\n }\n &.icon-linkBrakeIt:before {\n content: '\\e94e';\n }\n &.icon-move-folder:before {\n content: '\\e94f';\n }\n &.icon-columns:before {\n content: '\\e950';\n }\n &.icon-file-word-doc:before {\n content: '\\e951';\n }\n &.icon-file-ppt:before {\n content: '\\e952';\n }\n &.icon-file-zip:before {\n content: '\\e953';\n }\n &.icon-file-xls:before {\n content: '\\e954';\n }\n &.icon-file-pdf:before {\n content: '\\e955';\n }\n &.icon-file-xml:before {\n content: '\\e956';\n }\n &.icon-dictionary-locked:before {\n content: '\\e957';\n }\n &.icon-dictionary:before {\n content: '\\e958';\n }\n &.icon-file-dotted:before {\n content: '\\e959';\n }\n &.icon-file-circle-check:before {\n content: '\\e95a';\n }\n &.icon-back:before {\n content: '\\e95b';\n }\n &.icon-chevron-left:before {\n content: '\\e95c';\n }\n &.icon-chevron-up:before {\n content: '\\e95d';\n }\n &.icon-chevron-down:before {\n content: '\\e95e';\n }\n &.icon-return-level-up:before {\n content: '\\e95f';\n }\n &.icon-return:before {\n content: '\\e960';\n }\n &.icon-edit:before {\n content: '\\e900';\n }\n &.icon-delete:before {\n content: '\\e901';\n }\n &.icon-settings:before {\n content: \"\\e93b\";\n }\n &.icon-network-drive:before {\n content: \"\\e9a1\";\n }\n &.icon-GitOps:before {\n content: \"\\e9a2\";\n }\n &.icon-rss:before {\n content: \"\\e9c1\";\n }\n &.icon-bug:before {\n content: \"\\e9c2\";\n }\n &.icon-cloud:before {\n content: \"\\e9c3\";\n }\n &.icon-more-horizontal:before {\n content: \"\\e9c4\";\n }\n &.icon-expand:before {\n content: \"\\e9c5\";\n }\n &.icon-collapse:before {\n content: \"\\e9c6\";\n }\n }\n }\n }"], ["\n &.", " {\n align-items: center;\n box-sizing: content-box;\n display: flex;\n float: left; // allows flex items to display inline\n font-size: 20px;\n justify-content: center;\n\n &.MuiIcon-fontSizeLarge {\n font-size: 28px;\n height: 35px;\n width: 35px;\n\n i {\n height: 28px\n }\n }\n &.MuiIcon-fontSizeSmall {\n font-size: 18px;\n\n i {\n height: 18px;\n }\n }\n\n i {\n height: 20px;\n\n &:before {\n font-family: 'dot' !important;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n\n &.icon-plugins:before {\n content: \"\\\\e9dc\";\n }\n\n &.icon-integrations:before {\n content: \"\\\\e9db\";\n }\n\n &.icon-line-graph:before {\n content: \"\\\\e9d7\";\n }\n\n &.icon-rocket-filled:before {\n content: \"\\\\e9d8\";\n }\n\n &.icon-circle-check-outline:before {\n content: \"\\\\e9d9\";\n }\n\n &.icon-circle-info-outline:before {\n content: \"\\\\e9da\";\n }\n\n &.icon-analytics:before {\n content: \"\\\\e9d4\";\n }\n\n &.icon-Increment:before {\n content: \"\\\\e9d5\";\n }\n\n &.icon-Portfolio:before {\n content: \"\\\\e9d6\";\n }\n\n &.icon-user-security:before {\n content: \"\\\\e9d2\";\n }\n\n &.icon-rocket:before {\n content: \"\\\\e9d3\";\n }\n\n &.icon-merge:before {\n content: \"\\\\e9d1\";\n }\n\n &.icon-cpu:before {\n content: \"\\\\e9d0\";\n }\n\n &.icon-progression:before {\n content: \"\\\\e9cf\";\n }\n\n &.icon-commit:before {\n content: \"\\\\e95f\";\n }\n &.icon-design:before {\n content: \"\\\\e960\";\n }\n &.icon-key:before {\n content: \"\\\\e981\";\n }\n &.icon-infrastructure:before {\n content: \"\\\\e989\";\n }\n &.icon-report:before {\n content: \"\\\\e9ce\";\n }\n &.icon-package:before {\n content: \"\\\\e9c9\";\n }\n &.icon-security-off:before {\n content: \"\\\\e9ca\";\n }\n &.icon-security-on:before {\n content: \"\\\\e9cb\";\n }\n &.icon-marker-check:before {\n content: \"\\\\e9cc\";\n }\n &.icon-restore:before {\n content: \"\\\\e9cd\";\n }\n &.icon-check-outlined:before {\n content: \"\\\\e9c7\";\n }\n &.icon-circle-half-full:before {\n content: \"\\\\e9c8\";\n }\n &.icon-host:before {\n content: '\\\\e9b9';\n }\n &.icon-cluster:before {\n content: '\\\\e9ba';\n }\n &.icon-environment:before {\n content: '\\\\e9bb';\n }\n &.icon-monitor-controls:before {\n content: '\\\\e9bc';\n }\n &.icon-flag:before {\n content: '\\\\e9bd';\n }\n &.icon-satelite:before {\n content: '\\\\e9be';\n }\n &.icon-satelite-group:before {\n content: '\\\\e9bf';\n }\n &.icon-monitor-gears:before {\n content: '\\\\e9c0';\n }\n &.icon-patch:before {\n content: '\\\\e9b6';\n }\n &.icon-branch:before {\n content: '\\\\e9b4';\n }\n &.icon-send-airplane:before {\n content: '\\\\e9b5';\n }\n &.icon-briefcase:before {\n content: '\\\\e9b7';\n }\n &.icon-cluster-dependencies:before {\n content: '\\\\e9b8';\n }\n &.icon-script:before {\n content: '\\\\e966';\n }\n &.icon-pattern-bundle:before {\n content: '\\\\e967';\n }\n &.icon-outline:before {\n content: '\\\\e968';\n }\n &.icon-apps:before {\n content: '\\\\e969';\n }\n &.icon-archive:before {\n content: '\\\\e96a';\n }\n &.icon-arrow-down:before {\n content: '\\\\e96b';\n }\n &.icon-arrow-right:before {\n content: '\\\\e96c';\n }\n &.icon-arrow-up:before {\n content: '\\\\e96d';\n }\n &.icon-attachment:before {\n content: '\\\\e96e';\n }\n &.icon-board:before {\n content: '\\\\e96f';\n }\n &.icon-calendar:before {\n content: '\\\\e970';\n }\n &.icon-change:before {\n content: '\\\\e971';\n }\n &.icon-chevron-right:before {\n content: '\\\\e972';\n }\n &.icon-circle-minus-outlines:before {\n content: '\\\\e973';\n }\n &.icon-circle-paused:before {\n content: '\\\\e974';\n }\n &.icon-column:before {\n content: '\\\\e975';\n }\n &.icon-comment:before {\n content: '\\\\e976';\n }\n &.icon-configuration-preferences:before {\n content: '\\\\e977';\n }\n &.icon-conversation-bubbles:before {\n content: '\\\\e978';\n }\n &.icon-dashboard:before {\n content: '\\\\e979';\n }\n &.icon-database:before {\n content: '\\\\e97a';\n }\n &.icon-delivery-eta-icon:before {\n content: '\\\\e97b';\n }\n &.icon-download:before {\n content: '\\\\e97c';\n }\n &.icon-drag:before {\n content: '\\\\e97d';\n }\n &.icon-duplicate:before {\n content: '\\\\e97e';\n }\n &.icon-exit:before {\n content: '\\\\e97f';\n }\n &.icon-expand-chevrons:before {\n content: '\\\\e980';\n }\n &.icon-expander:before {\n content: '\\\\e981';\n }\n &.icon-file-image:before {\n content: '\\\\e982';\n }\n &.icon-file-lines:before {\n content: '\\\\e983';\n }\n &.icon-file-warning:before {\n content: '\\\\e984';\n }\n &.icon-file:before {\n content: '\\\\e985';\n }\n &.icon-filter:before {\n content: '\\\\e986';\n }\n &.icon-flag-none:before {\n content: '\\\\e987';\n }\n &.icon-folder:before {\n content: '\\\\e988';\n }\n &.icon-full-screen:before {\n content: '\\\\e989';\n }\n &.icon-fullscreen-enter:before {\n content: '\\\\e98a';\n }\n &.icon-fullscreen-exit:before {\n content: '\\\\e98b';\n }\n &.icon-grid:before {\n content: '\\\\e98c';\n }\n &.icon-hard-drive:before {\n content: '\\\\e98d';\n }\n &.icon-help:before {\n content: '\\\\e98e';\n }\n &.icon-history:before {\n content: '\\\\e98f';\n }\n &.icon-inbox:before {\n content: '\\\\e990';\n }\n &.icon-link:before {\n content: '\\\\e991';\n }\n &.icon-list:before {\n content: '\\\\e992';\n }\n &.icon-lock:before {\n content: '\\\\e993';\n }\n &.icon-mail:before {\n content: '\\\\e994';\n }\n &.icon-menu:before {\n content: '\\\\e995';\n }\n &.icon-monitor-satellite:before {\n content: '\\\\e996';\n }\n &.icon-monitor:before {\n content: '\\\\e997';\n }\n &.icon-notification-bell:before {\n content: '\\\\e998';\n }\n &.icon-open-new-tab:before {\n content: '\\\\e999';\n }\n &.icon-options:before {\n content: '\\\\e99a';\n }\n &.icon-parallel:before {\n content: '\\\\e99b';\n }\n &.icon-pending-clock:before {\n content: '\\\\e99c';\n }\n &.icon-play:before {\n content: '\\\\e99d';\n }\n &.icon-redo:before {\n content: '\\\\e99e';\n }\n &.icon-refresh:before {\n content: '\\\\e99f';\n }\n &.icon-release:before {\n content: '\\\\e9a0';\n }\n &.icon-search:before {\n content: '\\\\e9a3';\n }\n &.icon-sequential:before {\n content: '\\\\e9a4';\n }\n &.icon-sort-asc:before {\n content: '\\\\e9a5';\n }\n &.icon-sort-desc:before {\n content: '\\\\e9a6';\n }\n &.icon-star-favorites-active:before {\n content: '\\\\e9a7';\n }\n &.icon-star-favorites-default:before {\n content: '\\\\e9a8';\n }\n &.icon-target:before {\n content: '\\\\e9a9';\n }\n &.icon-task:before {\n content: '\\\\e9aa';\n }\n &.icon-template:before {\n content: '\\\\e9ab';\n }\n &.icon-undo:before {\n content: '\\\\e9ac';\n }\n &.icon-unlock:before {\n content: '\\\\e9ad';\n }\n &.icon-variable:before {\n content: '\\\\e9ae';\n }\n &.icon-vault:before {\n content: '\\\\e9af';\n }\n &.icon-visibility-off:before {\n content: '\\\\e9b0';\n }\n &.icon-visibility-on:before {\n content: '\\\\e9b1';\n }\n &.icon-webhook:before {\n content: '\\\\e9b2';\n }\n &.icon-wrench:before {\n content: '\\\\e9b3';\n }\n &.icon-bright:before {\n content: '\\\\e961';\n }\n &.icon-rogue-commits:before {\n content: '\\\\e962';\n }\n &.icon-home:before {\n content: '\\\\e963';\n }\n &.icon-blocking-issues:before {\n content: '\\\\e964';\n }\n &.icon-print-link:before {\n content: '\\\\e965';\n }\n &.icon-logo-deploy:before {\n content: '\\\\e902';\n }\n &.icon-logo-experitest:before {\n content: '\\\\e903';\n }\n &.icon-logo-numerify:before {\n content: '\\\\e904';\n }\n &.icon-logo-arxan:before {\n content: '\\\\e905';\n }\n &.icon-logo-continuum:before {\n content: '\\\\e906';\n }\n &.icon-logo-versionone:before {\n content: '\\\\e907';\n }\n &.icon-logo-release:before {\n content: '\\\\e908';\n }\n &.icon-warning-solid:before {\n content: '\\\\e909';\n }\n &.icon-warning-outline:before {\n content: '\\\\e90a';\n }\n &.icon-info-solid:before {\n content: '\\\\e90b';\n }\n &.icon-minus-solid:before {\n content: '\\\\e90c';\n }\n &.icon-check-solid:before {\n content: '\\\\e90d';\n }\n &.icon-error-solid:before {\n content: '\\\\e90e';\n }\n &.icon-error-outlines:before {\n content: '\\\\e90f';\n }\n &.icon-add-outlined:before {\n content: '\\\\e910';\n }\n &.icon-add-solid:before {\n content: '\\\\e911';\n }\n &.icon-clear-solid:before {\n content: '\\\\e912';\n }\n &.icon-dark:before {\n content: '\\\\e913';\n }\n &.icon-location:before {\n content: '\\\\e914';\n }\n &.icon-roadmap:before {\n content: '\\\\e915';\n }\n &.icon-follow-solid:before {\n content: '\\\\e916';\n }\n &.icon-follow-outlined:before {\n content: '\\\\e917';\n }\n &.icon-video:before {\n content: '\\\\e918';\n }\n &.icon-thumbs-down:before {\n content: '\\\\e919';\n }\n &.icon-camera:before {\n content: '\\\\e91a';\n }\n &.icon-users:before {\n content: '\\\\e91b';\n }\n &.icon-user:before {\n content: '\\\\e91c';\n }\n &.icon-announcement:before {\n content: '\\\\e91d';\n }\n &.icon-not-allowed:before {\n content: '\\\\e91e';\n }\n &.icon-zoom-out:before {\n content: '\\\\e91f';\n }\n &.icon-zoom-in:before {\n content: '\\\\e920';\n }\n &.icon-triangle:before {\n content: '\\\\e921';\n }\n &.icon-delay:before {\n content: '\\\\e922';\n }\n &.icon-circle-outline:before {\n content: '\\\\e923';\n }\n &.icon-circle:before {\n content: '\\\\e924';\n }\n &.icon-add-from-list:before {\n content: '\\\\e925';\n }\n &.icon-sync:before {\n content: '\\\\e926';\n }\n &.icon-keyboard:before {\n content: '\\\\e927';\n }\n &.icon-planner:before {\n content: '\\\\e928';\n }\n &.icon-tag:before {\n content: '\\\\e929';\n }\n &.icon-progress:before {\n content: '\\\\e92a';\n }\n &.icon-timeline:before {\n content: '\\\\e92b';\n }\n &.icon-abort:before {\n content: '\\\\e92c';\n }\n &.icon-cancel:before {\n content: '\\\\e92d';\n }\n &.icon-power:before {\n content: '\\\\e92e';\n }\n &.icon-resize:before {\n content: '\\\\e92f';\n }\n &.icon-close:before {\n content: '\\\\e930';\n }\n &.icon-save:before {\n content: '\\\\e931';\n }\n &.icon-drag-vertical-up-down:before {\n content: '\\\\e932';\n }\n &.icon-add:before {\n content: '\\\\e933';\n }\n &.icon-minus:before {\n content: '\\\\e934';\n }\n &.icon-target-none:before {\n content: '\\\\e935';\n }\n &.icon-placeholder:before {\n content: '\\\\e936';\n }\n &.icon-server:before {\n content: '\\\\e937';\n }\n &.icon-square-wrench:before {\n content: '\\\\e938';\n }\n &.icon-square-wrench-check:before {\n content: '\\\\e939';\n }\n &.icon-square-settings:before {\n content: '\\\\e93a';\n }\n &.icon-trigger:before {\n content: '\\\\e93c';\n }\n &.icon-precondition:before {\n content: '\\\\e93d';\n }\n &.icon-composition:before {\n content: '\\\\e93e';\n }\n &.icon-block:before {\n content: '\\\\e93f';\n }\n &.icon-group:before {\n content: '\\\\e940';\n }\n &.icon-settings-admin-opaque:before {\n content: '\\\\e941';\n }\n &.icon-puzzle:before {\n content: '\\\\e942';\n }\n &.icon-alphabet-icon:before {\n content: '\\\\e943';\n }\n &.icon-crop:before {\n content: '\\\\e944';\n }\n &.icon-upload-file:before {\n content: '\\\\e945';\n }\n &.icon-container:before {\n content: '\\\\e946';\n }\n &.icon-flag-risk:before {\n content: '\\\\e947';\n }\n &.icon-learn:before {\n content: '\\\\e948';\n }\n &.icon-tree:before {\n content: '\\\\e949';\n }\n &.icon-process-template:before {\n content: '\\\\e94a';\n }\n &.icon-flag-attention:before {\n content: '\\\\e94b';\n }\n &.icon-collection:before {\n content: '\\\\e94c';\n }\n &.icon-table:before {\n content: '\\\\e94d';\n }\n &.icon-linkBrakeIt:before {\n content: '\\\\e94e';\n }\n &.icon-move-folder:before {\n content: '\\\\e94f';\n }\n &.icon-columns:before {\n content: '\\\\e950';\n }\n &.icon-file-word-doc:before {\n content: '\\\\e951';\n }\n &.icon-file-ppt:before {\n content: '\\\\e952';\n }\n &.icon-file-zip:before {\n content: '\\\\e953';\n }\n &.icon-file-xls:before {\n content: '\\\\e954';\n }\n &.icon-file-pdf:before {\n content: '\\\\e955';\n }\n &.icon-file-xml:before {\n content: '\\\\e956';\n }\n &.icon-dictionary-locked:before {\n content: '\\\\e957';\n }\n &.icon-dictionary:before {\n content: '\\\\e958';\n }\n &.icon-file-dotted:before {\n content: '\\\\e959';\n }\n &.icon-file-circle-check:before {\n content: '\\\\e95a';\n }\n &.icon-back:before {\n content: '\\\\e95b';\n }\n &.icon-chevron-left:before {\n content: '\\\\e95c';\n }\n &.icon-chevron-up:before {\n content: '\\\\e95d';\n }\n &.icon-chevron-down:before {\n content: '\\\\e95e';\n }\n &.icon-return-level-up:before {\n content: '\\\\e95f';\n }\n &.icon-return:before {\n content: '\\\\e960';\n }\n &.icon-edit:before {\n content: '\\\\e900';\n }\n &.icon-delete:before {\n content: '\\\\e901';\n }\n &.icon-settings:before {\n content: \"\\\\e93b\";\n }\n &.icon-network-drive:before {\n content: \"\\\\e9a1\";\n }\n &.icon-GitOps:before {\n content: \"\\\\e9a2\";\n }\n &.icon-rss:before {\n content: \"\\\\e9c1\";\n }\n &.icon-bug:before {\n content: \"\\\\e9c2\";\n }\n &.icon-cloud:before {\n content: \"\\\\e9c3\";\n }\n &.icon-more-horizontal:before {\n content: \"\\\\e9c4\";\n }\n &.icon-expand:before {\n content: \"\\\\e9c5\";\n }\n &.icon-collapse:before {\n content: \"\\\\e9c6\";\n }\n }\n }\n }"])), rootClassName$S);
|
|
143
146
|
var templateObject_1$Y;
|
|
144
147
|
|
|
145
148
|
var DotIcon = function DotIcon(_a) {
|
|
@@ -162,7 +165,7 @@
|
|
|
162
165
|
|
|
163
166
|
|
|
164
167
|
if (title) {
|
|
165
|
-
console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip`
|
|
168
|
+
console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
166
169
|
}
|
|
167
170
|
}, []);
|
|
168
171
|
return /*#__PURE__*/React__default["default"].createElement(DotTooltip, {
|
|
@@ -204,9 +207,12 @@
|
|
|
204
207
|
var rootClassName$R = 'dot-accordion';
|
|
205
208
|
var summaryClassName = 'dot-accordion-summary';
|
|
206
209
|
var detailClassName = 'dot-accordion-details';
|
|
207
|
-
var StyledAccordion = styled__default["default"](core.Accordion)(
|
|
210
|
+
var StyledAccordion = styled__default["default"](core.Accordion).withConfig({
|
|
211
|
+
displayName: "Accordionstyles__StyledAccordion",
|
|
212
|
+
componentId: "sc-1amx4r3-0"
|
|
213
|
+
})(templateObject_2$T || (templateObject_2$T = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
208
214
|
var theme = _a.theme;
|
|
209
|
-
return styled.css(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n &.", " {\n background: ", ";\n\n .", " {\n align-items: center;\n display: flex;\n\n .MuiAccordionSummary-content {\n width: calc(100% - ", "px);\n }\n\n .MuiTypography-root {\n margin-bottom: 0;\n }\n .MuiTypography-body1 {\n padding: 2px 0;\n }\n }\n }\n "], ["\n &.", " {\n background: ", ";\n\n .", " {\n align-items: center;\n display: flex;\n\n .MuiAccordionSummary-content {\n width: calc(100% - ", "px);\n }\n\n .MuiTypography-root {\n margin-bottom: 0;\n }\n .MuiTypography-body1 {\n padding: 2px 0;\n }\n }\n }\n "])), rootClassName$R, theme.palette.product === 'agility' && theme.palette.layer.n50, summaryClassName, theme.spacing(5));
|
|
215
|
+
return styled.css(templateObject_1$X || (templateObject_1$X = __makeTemplateObject(["\n &.", " {\n background: ", ";\n\n .", " {\n align-items: center;\n display: flex;\n\n .MuiAccordionSummary-content {\n align-items: center;\n gap: ", "px;\n width: calc(100% - ", "px);\n\n .dot-tooltip {\n overflow: hidden;\n }\n }\n\n .MuiTypography-root {\n margin-bottom: 0;\n }\n .MuiTypography-body1 {\n padding: 2px 0;\n }\n }\n }\n "], ["\n &.", " {\n background: ", ";\n\n .", " {\n align-items: center;\n display: flex;\n\n .MuiAccordionSummary-content {\n align-items: center;\n gap: ", "px;\n width: calc(100% - ", "px);\n\n .dot-tooltip {\n overflow: hidden;\n }\n }\n\n .MuiTypography-root {\n margin-bottom: 0;\n }\n .MuiTypography-body1 {\n padding: 2px 0;\n }\n }\n }\n "])), rootClassName$R, theme.palette.product === 'agility' && theme.palette.layer.n50, summaryClassName, theme.spacing(1), theme.spacing(5));
|
|
210
216
|
});
|
|
211
217
|
var templateObject_1$X, templateObject_2$T;
|
|
212
218
|
|
|
@@ -282,7 +288,10 @@
|
|
|
282
288
|
};
|
|
283
289
|
|
|
284
290
|
var rootClassName$Q = 'dot-action-toolbar';
|
|
285
|
-
var StyledToolbar = styled__default["default"](core.Toolbar)(
|
|
291
|
+
var StyledToolbar = styled__default["default"](core.Toolbar).withConfig({
|
|
292
|
+
displayName: "ActionToolbarstyles__StyledToolbar",
|
|
293
|
+
componentId: "sc-5llm03-0"
|
|
294
|
+
})(templateObject_2$S || (templateObject_2$S = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
286
295
|
var theme = _a.theme;
|
|
287
296
|
return styled.css(templateObject_1$W || (templateObject_1$W = __makeTemplateObject(["\n &.", " {\n border-bottom: 1px solid\n ", ";\n }\n "], ["\n &.", " {\n border-bottom: 1px solid\n ", ";\n }\n "])), rootClassName$Q, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[100]);
|
|
288
297
|
});
|
|
@@ -305,7 +314,10 @@
|
|
|
305
314
|
};
|
|
306
315
|
|
|
307
316
|
var rootClassName$P = 'dot-alert-banner';
|
|
308
|
-
var StyledAlertBanner = styled__default["default"](lab.Alert)(
|
|
317
|
+
var StyledAlertBanner = styled__default["default"](lab.Alert).withConfig({
|
|
318
|
+
displayName: "AlertBannerstyles__StyledAlertBanner",
|
|
319
|
+
componentId: "sc-1u3aqgz-0"
|
|
320
|
+
})(templateObject_2$R || (templateObject_2$R = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
309
321
|
var theme = _a.theme;
|
|
310
322
|
return styled.css(templateObject_1$V || (templateObject_1$V = __makeTemplateObject(["\n &.", " {\n border-radius: 0;\n padding: ", ";\n display: flex;\n align-items: center;\n .MuiAlert-icon,\n .MuiAlert-message {\n padding: 0;\n .dot-typography {\n margin-bottom: 0;\n }\n }\n &.MuiAlert-standardSuccess {\n .MuiAlert-icon,\n .dot-typography {\n color: ", ";\n }\n }\n &.MuiAlert-standardInfo {\n background-color: ", ";\n .MuiAlert-icon,\n .dot-typography {\n color: ", ";\n }\n }\n &.MuiAlert-standardWarning {\n background-color: ", ";\n color: ", ";\n .MuiAlert-icon,\n .dot-typography {\n color: ", ";\n }\n }\n &.MuiAlert-standardError {\n .MuiAlert-icon,\n .dot-typography {\n color: ", ";\n }\n }\n }\n "], ["\n &.", " {\n border-radius: 0;\n padding: ", ";\n display: flex;\n align-items: center;\n .MuiAlert-icon,\n .MuiAlert-message {\n padding: 0;\n .dot-typography {\n margin-bottom: 0;\n }\n }\n &.MuiAlert-standardSuccess {\n .MuiAlert-icon,\n .dot-typography {\n color: ", ";\n }\n }\n &.MuiAlert-standardInfo {\n background-color: ", ";\n .MuiAlert-icon,\n .dot-typography {\n color: ", ";\n }\n }\n &.MuiAlert-standardWarning {\n background-color: ", ";\n color: ", ";\n .MuiAlert-icon,\n .dot-typography {\n color: ", ";\n }\n }\n &.MuiAlert-standardError {\n .MuiAlert-icon,\n .dot-typography {\n color: ", ";\n }\n }\n }\n "])), rootClassName$P, theme.spacing(2, 2), theme.palette.success[700], theme.palette.primary[50], theme.palette.primary[500], theme.palette.warning[100], theme.palette.grey[700], theme.palette.grey[700], theme.palette.error[700]);
|
|
311
323
|
});
|
|
@@ -676,7 +688,7 @@
|
|
|
676
688
|
}
|
|
677
689
|
};
|
|
678
690
|
var avatarColors = {
|
|
679
|
-
|
|
691
|
+
default: {
|
|
680
692
|
color: n700,
|
|
681
693
|
backgroundColor: n100
|
|
682
694
|
},
|
|
@@ -720,7 +732,7 @@
|
|
|
720
732
|
product: 'agility',
|
|
721
733
|
avatarColors: __assign({}, avatarColors),
|
|
722
734
|
background: {
|
|
723
|
-
|
|
735
|
+
default: n0$2
|
|
724
736
|
},
|
|
725
737
|
icon: {
|
|
726
738
|
checkOutline: '#1E88E5',
|
|
@@ -784,7 +796,7 @@
|
|
|
784
796
|
product: 'agility',
|
|
785
797
|
avatarColors: __assign({}, avatarColors),
|
|
786
798
|
background: {
|
|
787
|
-
|
|
799
|
+
default: n0$1
|
|
788
800
|
},
|
|
789
801
|
icon: {
|
|
790
802
|
checkOutline: '#42A5F5',
|
|
@@ -888,7 +900,7 @@
|
|
|
888
900
|
type: 'light',
|
|
889
901
|
avatarColors: __assign({}, avatarColors),
|
|
890
902
|
background: {
|
|
891
|
-
|
|
903
|
+
default: n0
|
|
892
904
|
},
|
|
893
905
|
primary: {
|
|
894
906
|
main: b500,
|
|
@@ -1062,8 +1074,8 @@
|
|
|
1062
1074
|
|
|
1063
1075
|
var calculateNumberFromText = function calculateNumberFromText(text) {
|
|
1064
1076
|
var charCodes = text.split('') // => ["A", "A"]
|
|
1065
|
-
.map(function (
|
|
1066
|
-
return
|
|
1077
|
+
.map(function (char) {
|
|
1078
|
+
return char.charCodeAt(0);
|
|
1067
1079
|
}) // => [65, 65]
|
|
1068
1080
|
.join(''); // => "6565"
|
|
1069
1081
|
|
|
@@ -1089,7 +1101,7 @@
|
|
|
1089
1101
|
children = _a.children,
|
|
1090
1102
|
className = _a.className,
|
|
1091
1103
|
dataTestId = _a["data-testid"],
|
|
1092
|
-
|
|
1104
|
+
onClose = _a.onClose,
|
|
1093
1105
|
severity = _a.severity,
|
|
1094
1106
|
_b = _a.textVariant,
|
|
1095
1107
|
textVariant = _b === void 0 ? 'body1' : _b;
|
|
@@ -1118,8 +1130,8 @@
|
|
|
1118
1130
|
},
|
|
1119
1131
|
"data-testid": dataTestId,
|
|
1120
1132
|
iconMapping: AlertBannerIconMapping,
|
|
1121
|
-
onClose: function
|
|
1122
|
-
return
|
|
1133
|
+
onClose: function (event) {
|
|
1134
|
+
return onClose ? onClose(event) : null;
|
|
1123
1135
|
},
|
|
1124
1136
|
severity: severity
|
|
1125
1137
|
}, /*#__PURE__*/React__default["default"].createElement(DotTypography, {
|
|
@@ -1146,7 +1158,10 @@
|
|
|
1146
1158
|
};
|
|
1147
1159
|
|
|
1148
1160
|
var rootClassName$O = 'dot-icon-btn';
|
|
1149
|
-
var StyledIconButton = styled__default["default"](core.IconButton)(
|
|
1161
|
+
var StyledIconButton = styled__default["default"](core.IconButton).withConfig({
|
|
1162
|
+
displayName: "IconButtonstyles__StyledIconButton",
|
|
1163
|
+
componentId: "eko0kb-0"
|
|
1164
|
+
})(templateObject_2$Q || (templateObject_2$Q = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
1150
1165
|
var theme = _a.theme;
|
|
1151
1166
|
return styled.css(templateObject_1$T || (templateObject_1$T = __makeTemplateObject(["\n &.", " {\n border: ", ";\n border-color: ", ";\n color: ", ";\n font-size: inherit;\n padding: 10px;\n\n &:hover {\n background: ", ";\n }\n\n &:active,\n &:focus,\n &:focus-visible,\n &.Mui-focusVisible {\n background: ", ";\n border-color: ", ";\n }\n\n .dot-icon.MuiIcon-fontSizeSmall {\n padding: 1px;\n }\n\n &.MuiIconButton-sizeSmall {\n padding: 3px;\n }\n }\n "], ["\n &.", " {\n border: ", ";\n border-color: ", ";\n color: ", ";\n font-size: inherit;\n padding: 10px;\n\n &:hover {\n background: ", ";\n }\n\n &:active,\n &:focus,\n &:focus-visible,\n &.Mui-focusVisible {\n background: ", ";\n border-color: ", ";\n }\n\n .dot-icon.MuiIcon-fontSizeSmall {\n padding: 1px;\n }\n\n &.MuiIconButton-sizeSmall {\n padding: 3px;\n }\n }\n "])), rootClassName$O, theme.palette.product === 'agility' && '1px solid transparent', theme.palette.product === 'agility' && theme.palette.layer.n400, theme.palette.product === 'agility' && theme.palette.agilityInterface.textColor, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && g500);
|
|
1152
1167
|
});
|
|
@@ -1165,7 +1180,7 @@
|
|
|
1165
1180
|
iconId = _a.iconId,
|
|
1166
1181
|
_e = _a.iconSize,
|
|
1167
1182
|
iconSize = _e === void 0 ? 'small' : _e,
|
|
1168
|
-
|
|
1183
|
+
onClick = _a.onClick,
|
|
1169
1184
|
titleTooltip = _a.titleTooltip,
|
|
1170
1185
|
tooltip = _a.tooltip,
|
|
1171
1186
|
_f = _a.size,
|
|
@@ -1174,7 +1189,7 @@
|
|
|
1174
1189
|
React.useEffect(function () {
|
|
1175
1190
|
// deprecation warning
|
|
1176
1191
|
if (titleTooltip) {
|
|
1177
|
-
console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip`
|
|
1192
|
+
console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
1178
1193
|
}
|
|
1179
1194
|
}, []);
|
|
1180
1195
|
return /*#__PURE__*/React__default["default"].createElement(DotTooltip, {
|
|
@@ -1188,8 +1203,8 @@
|
|
|
1188
1203
|
"data-testid": dataTestId,
|
|
1189
1204
|
disableRipple: disableRipple,
|
|
1190
1205
|
disabled: disabled,
|
|
1191
|
-
onClick: function
|
|
1192
|
-
return
|
|
1206
|
+
onClick: function (event) {
|
|
1207
|
+
return onClick && onClick(event);
|
|
1193
1208
|
},
|
|
1194
1209
|
size: size
|
|
1195
1210
|
}, /*#__PURE__*/React__default["default"].createElement(DotIcon, {
|
|
@@ -1200,7 +1215,10 @@
|
|
|
1200
1215
|
};
|
|
1201
1216
|
|
|
1202
1217
|
var rootClassName$N = 'dot-link';
|
|
1203
|
-
var StyledLink = styled__default["default"](core.Link)(
|
|
1218
|
+
var StyledLink = styled__default["default"](core.Link).withConfig({
|
|
1219
|
+
displayName: "Linkstyles__StyledLink",
|
|
1220
|
+
componentId: "sc-1lpmaww-0"
|
|
1221
|
+
})(templateObject_2$P || (templateObject_2$P = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
1204
1222
|
var theme = _a.theme;
|
|
1205
1223
|
return styled.css(templateObject_1$S || (templateObject_1$S = __makeTemplateObject(["\n &.", " {\n color: ", ";\n cursor: pointer;\n\n &:hover :not(.MuiLink-underlineHover) {\n text-decoration: none;\n }\n }\n "], ["\n &.", " {\n color: ", ";\n cursor: pointer;\n\n &:hover :not(.MuiLink-underlineHover) {\n text-decoration: none;\n }\n }\n "])), rootClassName$N, theme.palette.product === 'agility' && theme.palette.layer.n700);
|
|
1206
1224
|
});
|
|
@@ -1237,7 +1255,7 @@
|
|
|
1237
1255
|
|
|
1238
1256
|
React.useEffect(function () {
|
|
1239
1257
|
if (title) {
|
|
1240
|
-
console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip`
|
|
1258
|
+
console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
1241
1259
|
}
|
|
1242
1260
|
}, []);
|
|
1243
1261
|
return /*#__PURE__*/React__default["default"].createElement(DotTooltip, {
|
|
@@ -1266,7 +1284,10 @@
|
|
|
1266
1284
|
medium: 5,
|
|
1267
1285
|
large: 7
|
|
1268
1286
|
};
|
|
1269
|
-
var StyledAvatar = styled__default["default"](core.Avatar)(
|
|
1287
|
+
var StyledAvatar = styled__default["default"](core.Avatar).withConfig({
|
|
1288
|
+
displayName: "Avatarstyles__StyledAvatar",
|
|
1289
|
+
componentId: "sc-13bzj2s-0"
|
|
1290
|
+
})(templateObject_2$O || (templateObject_2$O = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
1270
1291
|
var theme = _a.theme;
|
|
1271
1292
|
return styled.css(templateObject_1$R || (templateObject_1$R = __makeTemplateObject(["\n &.MuiAvatar-root {\n background-color: ", ";\n border: 0px;\n &:focus-visible {\n box-shadow: 0px 0px 0px 3px ", ",\n 0px 0px 0px 5px ", ";\n outline: 0;\n }\n\n .dot-i,\n .dot-typography {\n color: ", ";\n }\n\n &.small {\n height: ", "px;\n width: ", "px;\n }\n\n &.medium {\n height: ", "px;\n width: ", "px;\n }\n\n &.large {\n height: ", "px;\n width: ", "px;\n }\n }\n "], ["\n &.MuiAvatar-root {\n background-color: ", ";\n border: 0px;\n &:focus-visible {\n box-shadow: 0px 0px 0px 3px ", ",\n 0px 0px 0px 5px ", ";\n outline: 0;\n }\n\n .dot-i,\n .dot-typography {\n color: ", ";\n }\n\n &.small {\n height: ", "px;\n width: ", "px;\n }\n\n &.medium {\n height: ", "px;\n width: ", "px;\n }\n\n &.large {\n height: ", "px;\n width: ", "px;\n }\n }\n "])), function (_a) {
|
|
1272
1293
|
var color = _a.color;
|
|
@@ -1333,7 +1354,7 @@
|
|
|
1333
1354
|
dataTestId = _a["data-testid"],
|
|
1334
1355
|
iconId = _a.iconId,
|
|
1335
1356
|
imageSrc = _a.imageSrc,
|
|
1336
|
-
|
|
1357
|
+
onClick = _a.onClick,
|
|
1337
1358
|
_c = _a.size,
|
|
1338
1359
|
size = _c === void 0 ? 'medium' : _c,
|
|
1339
1360
|
_d = _a.text,
|
|
@@ -1363,10 +1384,10 @@
|
|
|
1363
1384
|
img: 'dot-img'
|
|
1364
1385
|
},
|
|
1365
1386
|
color: getAvatarColor(),
|
|
1366
|
-
component:
|
|
1387
|
+
component: onClick ? 'button' : component,
|
|
1367
1388
|
"data-testid": dataTestId,
|
|
1368
|
-
onClick: function
|
|
1369
|
-
return
|
|
1389
|
+
onClick: function (event) {
|
|
1390
|
+
return onClick ? onClick(event) : null;
|
|
1370
1391
|
},
|
|
1371
1392
|
src: type === 'image' ? imageSrc : null,
|
|
1372
1393
|
style: style,
|
|
@@ -1385,7 +1406,10 @@
|
|
|
1385
1406
|
var listItemRootClass = 'dot-list-item';
|
|
1386
1407
|
var nestedListClassName = 'dot-nested-list';
|
|
1387
1408
|
var nestedDrawerClassName = 'dot-nested-drawer';
|
|
1388
|
-
var StyledList = styled__default["default"](core.List)(
|
|
1409
|
+
var StyledList = styled__default["default"](core.List).withConfig({
|
|
1410
|
+
displayName: "Liststyles__StyledList",
|
|
1411
|
+
componentId: "wxwqwr-0"
|
|
1412
|
+
})(templateObject_2$N || (templateObject_2$N = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
1389
1413
|
var theme = _a.theme;
|
|
1390
1414
|
return styled.css(templateObject_1$Q || (templateObject_1$Q = __makeTemplateObject(["\n &.", " {\n background: ", ";\n\n &.", " .", " {\n padding-left: ", "px;\n }\n\n .MuiListSubheader-root {\n padding: 0;\n\n .MuiTypography-root {\n padding: ", "px;\n }\n }\n }\n "], ["\n &.", " {\n background: ", ";\n\n &.", " .", " {\n padding-left: ", "px;\n }\n\n .MuiListSubheader-root {\n padding: 0;\n\n .MuiTypography-root {\n padding: ", "px;\n }\n }\n }\n "])), rootClassName$L, theme.palette.layer.n0, nestedListClassName, listItemRootClass, theme.spacing(4), theme.spacing(1));
|
|
1391
1415
|
});
|
|
@@ -1406,14 +1430,20 @@
|
|
|
1406
1430
|
var flyoutListItemClassName = 'dot-flyout-list-item';
|
|
1407
1431
|
var flyoutItemLinkClassName = 'dot-flyout-item-link';
|
|
1408
1432
|
var listItemLinkClassName = 'dot-list-item-link';
|
|
1409
|
-
var StyledListItem = styled__default["default"](core.ListItem)(
|
|
1433
|
+
var StyledListItem = styled__default["default"](core.ListItem).withConfig({
|
|
1434
|
+
displayName: "ListItemstyles__StyledListItem",
|
|
1435
|
+
componentId: "sc-1fawh8v-0"
|
|
1436
|
+
})(templateObject_2$M || (templateObject_2$M = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
1410
1437
|
var theme = _a.theme;
|
|
1411
1438
|
return styled.css(templateObject_1$P || (templateObject_1$P = __makeTemplateObject(["\n &.", " {\n &.", " {\n padding: 0;\n }\n\n p.MuiTypography-root {\n margin-bottom: 0;\n }\n\n .", " {\n align-items: center;\n display: flex;\n flex-grow: 2;\n }\n\n .", " .MuiIcon-root {\n margin-right: ", "px;\n }\n\n .dot-icon i:before {\n color: ", ";\n }\n }\n "], ["\n &.", " {\n &.", " {\n padding: 0;\n }\n\n p.MuiTypography-root {\n margin-bottom: 0;\n }\n\n .", " {\n align-items: center;\n display: flex;\n flex-grow: 2;\n }\n\n .", " .MuiIcon-root {\n margin-right: ", "px;\n }\n\n .dot-icon i:before {\n color: ", ";\n }\n }\n "])), listItemRootClass, flyoutListItemClassName, listItemLinkClassName, flyoutItemLinkClassName, theme.spacing(4), theme.palette.text.primary);
|
|
1412
1439
|
});
|
|
1413
1440
|
var templateObject_1$P, templateObject_2$M;
|
|
1414
1441
|
|
|
1415
1442
|
var rootClassName$K = 'dot-progress';
|
|
1416
|
-
var StyledCircularProgress = styled__default["default"](core.CircularProgress)(
|
|
1443
|
+
var StyledCircularProgress = styled__default["default"](core.CircularProgress).withConfig({
|
|
1444
|
+
displayName: "Progressstyles__StyledCircularProgress",
|
|
1445
|
+
componentId: "sc-1gs77rb-0"
|
|
1446
|
+
})(templateObject_1$O || (templateObject_1$O = __makeTemplateObject(["\n &.", " {\n &.MuiCircularProgress-colorSecondary {\n color: #649a3d;\n }\n }\n"], ["\n &.", " {\n &.MuiCircularProgress-colorSecondary {\n color: #649a3d;\n }\n }\n"])), rootClassName$K);
|
|
1417
1447
|
var templateObject_1$O;
|
|
1418
1448
|
|
|
1419
1449
|
var DotProgress = function DotProgress(_a) {
|
|
@@ -1436,7 +1466,7 @@
|
|
|
1436
1466
|
React.useEffect(function () {
|
|
1437
1467
|
// deprecation warning
|
|
1438
1468
|
if (title) {
|
|
1439
|
-
console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip`
|
|
1469
|
+
console.warn('The use of `title` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
1440
1470
|
}
|
|
1441
1471
|
}, []);
|
|
1442
1472
|
return /*#__PURE__*/React__default["default"].createElement(DotTooltip, {
|
|
@@ -1475,7 +1505,10 @@
|
|
|
1475
1505
|
var flyoutMenuClassName = 'dot-flyout-menu';
|
|
1476
1506
|
var rootClassName$J = 'dot-menu';
|
|
1477
1507
|
var popperClassName = 'dot-popper';
|
|
1478
|
-
var StyledPopper = styled__default["default"](core.Popper)(
|
|
1508
|
+
var StyledPopper = styled__default["default"](core.Popper).withConfig({
|
|
1509
|
+
displayName: "Menustyles__StyledPopper",
|
|
1510
|
+
componentId: "sc-134fmqu-0"
|
|
1511
|
+
})(templateObject_2$L || (templateObject_2$L = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
1479
1512
|
var theme = _a.theme;
|
|
1480
1513
|
return styled.css(templateObject_1$N || (templateObject_1$N = __makeTemplateObject(["\n &.", " {\n z-index: ", ";\n }\n &.", ", &.", " {\n &.loading .MuiPaper-root {\n align-items: center;\n display: flex;\n justify-content: center;\n min-height: 200px;\n min-width: 200px;\n }\n\n ul,\n .dot-action-item {\n background: ", ";\n }\n\n ul {\n box-sizing: content-box;\n min-width: 112px;\n max-height: calc(100vh - 24px);\n overflow: auto;\n\n .dot-li {\n min-height: auto;\n\n &:hover {\n background: ", ";\n }\n\n &:active,\n &:focus {\n background: ", ";\n }\n }\n\n .dot-link {\n color: ", ";\n }\n }\n\n .dot-action-item {\n height: ", "px;\n border-top: 1px solid ", ";\n line-height: inherit;\n\n button.dot-button {\n border-radius: ", ";\n justify-content: flex-start;\n height: 100%;\n margin: 0;\n\n &:focus-visible {\n background-color: ", ";\n }\n\n .MuiButton-label {\n gap: ", "px;\n\n .MuiButton-startIcon {\n margin-left: 0;\n\n .dot-icon {\n flex-shrink: 0;\n }\n }\n }\n }\n }\n }\n "], ["\n &.", " {\n z-index: ", ";\n }\n &.", ", &.", " {\n &.loading .MuiPaper-root {\n align-items: center;\n display: flex;\n justify-content: center;\n min-height: 200px;\n min-width: 200px;\n }\n\n ul,\n .dot-action-item {\n background: ", ";\n }\n\n ul {\n box-sizing: content-box;\n min-width: 112px;\n max-height: calc(100vh - 24px);\n overflow: auto;\n\n .dot-li {\n min-height: auto;\n\n &:hover {\n background: ", ";\n }\n\n &:active,\n &:focus {\n background: ", ";\n }\n }\n\n .dot-link {\n color: ", ";\n }\n }\n\n .dot-action-item {\n height: ", "px;\n border-top: 1px solid ", ";\n line-height: inherit;\n\n button.dot-button {\n border-radius: ", ";\n justify-content: flex-start;\n height: 100%;\n margin: 0;\n\n &:focus-visible {\n background-color: ", ";\n }\n\n .MuiButton-label {\n gap: ", "px;\n\n .MuiButton-startIcon {\n margin-left: 0;\n\n .dot-icon {\n flex-shrink: 0;\n }\n }\n }\n }\n }\n }\n "])), popperClassName, levelSecond, rootClassName$J, popperClassName, theme.palette.product === 'agility' && theme.palette.agilityInterface.menuBg, theme.palette.product === 'agility' && theme.palette.agilityInterface.fixedCol, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.spacing(7), theme.palette.grey[100], theme.spacing(0, 0, 0.5, 0.5), theme.palette.product === 'agility' && theme.palette.type === 'dark' ? theme.palette.layer.n200 : theme.palette.layer.n100, theme.spacing(3));
|
|
1481
1514
|
});
|
|
@@ -1624,7 +1657,7 @@
|
|
|
1624
1657
|
"aria-label": itemAriaLabel,
|
|
1625
1658
|
className: "dot-li " + (classes ? classes : ''),
|
|
1626
1659
|
key: index,
|
|
1627
|
-
onClick: function
|
|
1660
|
+
onClick: function (event) {
|
|
1628
1661
|
return handleSelect(event, key);
|
|
1629
1662
|
},
|
|
1630
1663
|
style: {
|
|
@@ -1644,7 +1677,10 @@
|
|
|
1644
1677
|
};
|
|
1645
1678
|
|
|
1646
1679
|
var rootClassName$I = 'dot-drawer';
|
|
1647
|
-
var StyledDrawer = styled__default["default"](core.Drawer)(
|
|
1680
|
+
var StyledDrawer = styled__default["default"](core.Drawer).withConfig({
|
|
1681
|
+
displayName: "Drawerstyles__StyledDrawer",
|
|
1682
|
+
componentId: "sc-1uiowy0-0"
|
|
1683
|
+
})(templateObject_2$K || (templateObject_2$K = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
1648
1684
|
var theme = _a.theme;
|
|
1649
1685
|
return styled.css(templateObject_1$M || (templateObject_1$M = __makeTemplateObject(["\n &.", " .MuiBackdrop-root {\n background-color: ", ";\n }\n\n .dot-drawer-paper {\n background-color: ", ";\n height: ", ";\n padding: ", "px;\n width: ", ";\n }\n "], ["\n &.", " .MuiBackdrop-root {\n background-color: ", ";\n }\n\n .dot-drawer-paper {\n background-color: ", ";\n height: ", ";\n padding: ", "px;\n width: ", ";\n }\n "])), rootClassName$I, styles.alpha(theme.palette.grey[900], 0.7), theme.palette.product === 'agility' && theme.palette.layer.n50, function (_a) {
|
|
1650
1686
|
var height = _a.height,
|
|
@@ -1659,7 +1695,10 @@
|
|
|
1659
1695
|
var templateObject_1$M, templateObject_2$K;
|
|
1660
1696
|
|
|
1661
1697
|
var rootClassName$H = 'dot-drawer-header';
|
|
1662
|
-
var StyleDrawerHeader = styled__default["default"].div(
|
|
1698
|
+
var StyleDrawerHeader = styled__default["default"].div.withConfig({
|
|
1699
|
+
displayName: "DrawerHeaderstyles__StyleDrawerHeader",
|
|
1700
|
+
componentId: "sc-2d2xd3-0"
|
|
1701
|
+
})(templateObject_2$J || (templateObject_2$J = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
1663
1702
|
var theme = _a.theme;
|
|
1664
1703
|
return styled.css(templateObject_1$L || (templateObject_1$L = __makeTemplateObject(["\n &.", " {\n padding: ", ";\n display: flex;\n .close-button {\n align-self: self-start;\n padding: 0;\n margin-left: auto;\n }\n }\n "], ["\n &.", " {\n padding: ", ";\n display: flex;\n .close-button {\n align-self: self-start;\n padding: 0;\n margin-left: auto;\n }\n }\n "])), rootClassName$H, theme.spacing(0, 0, 2));
|
|
1665
1704
|
});
|
|
@@ -1685,7 +1724,10 @@
|
|
|
1685
1724
|
};
|
|
1686
1725
|
|
|
1687
1726
|
var rootClassName$G = 'dot-drawer-body';
|
|
1688
|
-
var StyleDrawerBody = styled__default["default"].div(
|
|
1727
|
+
var StyleDrawerBody = styled__default["default"].div.withConfig({
|
|
1728
|
+
displayName: "DrawerBodystyles__StyleDrawerBody",
|
|
1729
|
+
componentId: "sc-1mpmjdk-0"
|
|
1730
|
+
})(templateObject_2$I || (templateObject_2$I = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
1689
1731
|
_a.theme;
|
|
1690
1732
|
return styled.css(templateObject_1$K || (templateObject_1$K = __makeTemplateObject(["\n &.", " {\n display: flex;\n .dot-drawer-close-button {\n align-self: self-start;\n padding: 0;\n margin-left: auto;\n }\n }\n "], ["\n &.", " {\n display: flex;\n .dot-drawer-close-button {\n align-self: self-start;\n padding: 0;\n margin-left: auto;\n }\n }\n "])), rootClassName$G);
|
|
1691
1733
|
});
|
|
@@ -1712,7 +1754,10 @@
|
|
|
1712
1754
|
};
|
|
1713
1755
|
|
|
1714
1756
|
var rootClassName$F = 'dot-drawer-footer';
|
|
1715
|
-
var StyleDrawerFooter = styled__default["default"].div(
|
|
1757
|
+
var StyleDrawerFooter = styled__default["default"].div.withConfig({
|
|
1758
|
+
displayName: "DrawerFooterstyles__StyleDrawerFooter",
|
|
1759
|
+
componentId: "sc-1ki05ze-0"
|
|
1760
|
+
})(templateObject_2$H || (templateObject_2$H = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
1716
1761
|
var theme = _a.theme;
|
|
1717
1762
|
return styled.css(templateObject_1$J || (templateObject_1$J = __makeTemplateObject(["\n &.", " {\n padding: ", ";\n }\n "], ["\n &.", " {\n padding: ", ";\n }\n "])), rootClassName$F, theme.spacing(2, 0, 0));
|
|
1718
1763
|
});
|
|
@@ -1743,7 +1788,7 @@
|
|
|
1743
1788
|
drawerHeaderProps = _a.drawerHeaderProps,
|
|
1744
1789
|
height = _a.height,
|
|
1745
1790
|
ModalProps = _a.ModalProps,
|
|
1746
|
-
|
|
1791
|
+
onClose = _a.onClose,
|
|
1747
1792
|
open = _a.open,
|
|
1748
1793
|
PaperProps = _a.PaperProps,
|
|
1749
1794
|
_c = _a.variant,
|
|
@@ -1767,8 +1812,8 @@
|
|
|
1767
1812
|
},
|
|
1768
1813
|
"data-testid": dataTestId,
|
|
1769
1814
|
height: height,
|
|
1770
|
-
onClose: function
|
|
1771
|
-
return
|
|
1815
|
+
onClose: function (event) {
|
|
1816
|
+
return onClose && onClose(event);
|
|
1772
1817
|
},
|
|
1773
1818
|
open: open,
|
|
1774
1819
|
variant: variant,
|
|
@@ -1777,14 +1822,14 @@
|
|
|
1777
1822
|
ariaLabel: drawerHeaderProps.ariaLabel,
|
|
1778
1823
|
className: drawerHeaderProps.className,
|
|
1779
1824
|
"data-testid": drawerHeaderProps["data-testid"],
|
|
1780
|
-
onClose:
|
|
1825
|
+
onClose: onClose,
|
|
1781
1826
|
variant: variant
|
|
1782
1827
|
}, drawerHeaderProps.children), drawerBodyProps && /*#__PURE__*/React__default["default"].createElement(DotDrawerBody, {
|
|
1783
1828
|
ariaLabel: drawerBodyProps.ariaLabel,
|
|
1784
1829
|
className: drawerBodyProps.className,
|
|
1785
1830
|
"data-testid": drawerBodyProps["data-testid"],
|
|
1786
1831
|
headerExists: drawerHeaderProps ? true : false,
|
|
1787
|
-
onClose:
|
|
1832
|
+
onClose: onClose,
|
|
1788
1833
|
variant: variant
|
|
1789
1834
|
}, drawerBodyProps.children), !drawerBodyProps && children, drawerFooterProps && /*#__PURE__*/React__default["default"].createElement(DotDrawerFooter, {
|
|
1790
1835
|
ariaLabel: drawerFooterProps.ariaLabel,
|
|
@@ -1794,7 +1839,10 @@
|
|
|
1794
1839
|
};
|
|
1795
1840
|
|
|
1796
1841
|
var fadeIn = styled.keyframes(templateObject_1$I || (templateObject_1$I = __makeTemplateObject(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"], ["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
1797
|
-
var StyledDotDrawer = styled__default["default"](DotDrawer)(
|
|
1842
|
+
var StyledDotDrawer = styled__default["default"](DotDrawer).withConfig({
|
|
1843
|
+
displayName: "NestedListstyles__StyledDotDrawer",
|
|
1844
|
+
componentId: "sc-1wwoqos-0"
|
|
1845
|
+
})(templateObject_4$5 || (templateObject_4$5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
1798
1846
|
var open = _a.open;
|
|
1799
1847
|
return styled.css(templateObject_3$8 || (templateObject_3$8 = __makeTemplateObject(["\n &.", " {\n .dot-drawer-paper {\n z-index: ", ";\n animation: ", ";\n }\n }\n "], ["\n &.", " {\n .dot-drawer-paper {\n z-index: ", ";\n animation: ", ";\n }\n }\n "])), nestedDrawerClassName, open ? levelFirst : levelBottom, open && styled.css(templateObject_2$G || (templateObject_2$G = __makeTemplateObject(["\n ", " 0.2s cubic-bezier(1,0,1,.01);\n "], ["\n ", " 0.2s cubic-bezier(1,0,1,.01);\n "])), fadeIn));
|
|
1800
1848
|
});
|
|
@@ -2040,7 +2088,7 @@
|
|
|
2040
2088
|
|
|
2041
2089
|
if (type === 'expandable') {
|
|
2042
2090
|
return /*#__PURE__*/React__default["default"].createElement(core.Collapse, {
|
|
2043
|
-
|
|
2091
|
+
in: open,
|
|
2044
2092
|
timeout: "auto",
|
|
2045
2093
|
unmountOnExit: true
|
|
2046
2094
|
}, /*#__PURE__*/React__default["default"].createElement(DotList, {
|
|
@@ -2203,7 +2251,10 @@
|
|
|
2203
2251
|
var ForwardRef$1 = /*#__PURE__*/React__namespace.forwardRef(SvgLogoDigitalAi);
|
|
2204
2252
|
|
|
2205
2253
|
var rootClassName$E = 'dot-sidebar';
|
|
2206
|
-
var StyledSidebar = styled__default["default"].aside(
|
|
2254
|
+
var StyledSidebar = styled__default["default"].aside.withConfig({
|
|
2255
|
+
displayName: "Sidebarstyles__StyledSidebar",
|
|
2256
|
+
componentId: "l3atb4-0"
|
|
2257
|
+
})(templateObject_2$F || (templateObject_2$F = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
2207
2258
|
var theme = _a.theme;
|
|
2208
2259
|
return styled.css(templateObject_1$H || (templateObject_1$H = __makeTemplateObject(["\n &.", " {\n align-items: stretch;\n background: ", ";\n border-width: 0 1px;\n border-style: solid;\n border-color: ", ";\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n display: flex;\n height: 100%;\n flex-direction: column;\n justify-content: space-between;\n letter-spacing: 0.01em;\n padding: ", ";\n -o-transition: width cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n -moz-transition: width cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n -webkit-transition: width cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n transition: width cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n\n header {\n align-items: center;\n border-bottom: 1px solid;\n border-bottom-color: ", ";\n display: flex;\n height: 40px;\n flex-shrink: 0;\n overflow: hidden;\n margin-bottom: ", ";\n padding: ", ";\n white-space: nowrap;\n\n &.app-logo {\n box-sizing: border-box;\n\n .dot-app-logo {\n svg,\n img {\n max-width: 100%;\n }\n }\n }\n\n .dot-avatar {\n margin-right: ", "px;\n }\n }\n\n .go-back {\n align-items: center;\n border-bottom: 1px solid;\n border-bottom-color: ", ";\n display: flex;\n\n .go-back-button {\n margin: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px ", ",\n 0 0 0 4px ", ";\n }\n }\n }\n\n hr.MuiDivider-root {\n background-color: ", ";\n margin: ", ";\n }\n\n .MuiListSubheader-root {\n border-bottom: 1px solid;\n border-bottom-color: ", ";\n margin: ", ";\n\n .dot-typography {\n margin: 0;\n }\n }\n\n ul.side-nav {\n background: transparent;\n flex-grow: 2;\n overflow-x: hidden;\n overflow-y: auto;\n padding: 0;\n width: auto;\n\n .dot-nested-list {\n background: transparent;\n }\n\n .", " {\n .dot-drawer-paper {\n border-right: 1px solid\n ", ";\n box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);\n padding-top: ", ";\n }\n\n .MuiTypography-root.MuiTypography-subtitle2 {\n border: ", ";\n color: ", ";\n font-size: ", ";\n line-height: 40px;\n margin: ", ";\n padding: ", ";\n }\n\n .", " {\n margin: 0;\n padding-left: ", "px;\n }\n }\n\n .dot-list-item {\n height: ", ";\n padding: 0;\n margin-bottom: ", ";\n\n &.MuiListItem-root.Mui-selected,\n &.MuiListItem-root.Mui-selected:hover,\n &:hover {\n background-color: ", ";\n }\n\n &.Mui-focusVisible {\n box-shadow: inset 0 0 0 2px ", ";\n border: 2px solid ", ";\n }\n\n &:hover,\n &:active,\n &:focus {\n .dot-typography,\n .dot-icon i.dot-i:before {\n color: ", ";\n }\n }\n\n &.open {\n background-color: ", ";\n border: ", ";\n border-radius: ", ";\n\n &:hover {\n background-color: ", ";\n }\n }\n\n .MuiTouchRipple-root {\n display: ", ";\n }\n\n .dot-list-item-link .dot-icon {\n margin-right: ", "px;\n }\n\n .dot-icon {\n border-radius: 50%;\n height: 40px;\n margin: ", ";\n width: 40px;\n }\n\n .dot-typography {\n white-space: nowrap;\n }\n }\n }\n\n .toggle-nav {\n border-top: 1px solid;\n border-top-color: ", ";\n padding: ", "px;\n text-align: right;\n\n .dot-icon {\n transform: rotate(0deg);\n -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n }\n }\n\n .powered-by {\n border-top: 1px solid;\n border-top-color: ", ";\n color: ", ";\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n font-size: 12px;\n overflow: hidden;\n padding: ", "px;\n\n p.desc {\n white-space: nowrap;\n }\n\n .company-name {\n margin-top: ", "px;\n }\n\n .d-icon {\n display: none;\n }\n }\n\n &.collapsed {\n overflow: hidden;\n padding: ", ";\n width: 58px;\n -o-transition: all cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n -moz-transition: all cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n -webkit-transition: all cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n transition: all cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n\n li.MuiListSubheader-root .dot-typography,\n .go-back .MuiTypography-root,\n .MuiListItem-divider .dot-list-item-link,\n .child,\n .powered-by .company-name,\n .powered-by p.desc {\n display: none;\n }\n\n .dot-nested-drawer li.MuiListSubheader-root .dot-typography,\n .powered-by .d-icon {\n display: block;\n }\n\n header .dot-app-logo {\n text-align: center;\n }\n\n ul.side-nav {\n width: 56px;\n .dot-list-item {\n margin-left: 0;\n }\n\n .toggle-nav {\n align-self: center;\n }\n }\n\n .powered-by {\n align-items: center;\n }\n }\n }\n "], ["\n &.", " {\n align-items: stretch;\n background: ", ";\n border-width: 0 1px;\n border-style: solid;\n border-color: ", ";\n box-shadow: ", ";\n box-sizing: border-box;\n color: ", ";\n display: flex;\n height: 100%;\n flex-direction: column;\n justify-content: space-between;\n letter-spacing: 0.01em;\n padding: ", ";\n -o-transition: width cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n -moz-transition: width cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n -webkit-transition: width cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n transition: width cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n\n header {\n align-items: center;\n border-bottom: 1px solid;\n border-bottom-color: ", ";\n display: flex;\n height: 40px;\n flex-shrink: 0;\n overflow: hidden;\n margin-bottom: ", ";\n padding: ", ";\n white-space: nowrap;\n\n &.app-logo {\n box-sizing: border-box;\n\n .dot-app-logo {\n svg,\n img {\n max-width: 100%;\n }\n }\n }\n\n .dot-avatar {\n margin-right: ", "px;\n }\n }\n\n .go-back {\n align-items: center;\n border-bottom: 1px solid;\n border-bottom-color: ", ";\n display: flex;\n\n .go-back-button {\n margin: ", ";\n background-color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px ", ",\n 0 0 0 4px ", ";\n }\n }\n }\n\n hr.MuiDivider-root {\n background-color: ", ";\n margin: ", ";\n }\n\n .MuiListSubheader-root {\n border-bottom: 1px solid;\n border-bottom-color: ", ";\n margin: ", ";\n\n .dot-typography {\n margin: 0;\n }\n }\n\n ul.side-nav {\n background: transparent;\n flex-grow: 2;\n overflow-x: hidden;\n overflow-y: auto;\n padding: 0;\n width: auto;\n\n .dot-nested-list {\n background: transparent;\n }\n\n .", " {\n .dot-drawer-paper {\n border-right: 1px solid\n ", ";\n box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);\n padding-top: ", ";\n }\n\n .MuiTypography-root.MuiTypography-subtitle2 {\n border: ", ";\n color: ", ";\n font-size: ", ";\n line-height: 40px;\n margin: ", ";\n padding: ", ";\n }\n\n .", " {\n margin: 0;\n padding-left: ", "px;\n }\n }\n\n .dot-list-item {\n height: ", ";\n padding: 0;\n margin-bottom: ", ";\n\n &.MuiListItem-root.Mui-selected,\n &.MuiListItem-root.Mui-selected:hover,\n &:hover {\n background-color: ", ";\n }\n\n &.Mui-focusVisible {\n box-shadow: inset 0 0 0 2px ", ";\n border: 2px solid ", ";\n }\n\n &:hover,\n &:active,\n &:focus {\n .dot-typography,\n .dot-icon i.dot-i:before {\n color: ", ";\n }\n }\n\n &.open {\n background-color: ", ";\n border: ", ";\n border-radius: ", ";\n\n &:hover {\n background-color: ", ";\n }\n }\n\n .MuiTouchRipple-root {\n display: ", ";\n }\n\n .dot-list-item-link .dot-icon {\n margin-right: ", "px;\n }\n\n .dot-icon {\n border-radius: 50%;\n height: 40px;\n margin: ", ";\n width: 40px;\n }\n\n .dot-typography {\n white-space: nowrap;\n }\n }\n }\n\n .toggle-nav {\n border-top: 1px solid;\n border-top-color: ", ";\n padding: ", "px;\n text-align: right;\n\n .dot-icon {\n transform: rotate(0deg);\n -o-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n -moz-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.3s;\n }\n }\n\n .powered-by {\n border-top: 1px solid;\n border-top-color: ", ";\n color: ", ";\n display: flex;\n flex-direction: column;\n flex-shrink: 0;\n font-size: 12px;\n overflow: hidden;\n padding: ", "px;\n\n p.desc {\n white-space: nowrap;\n }\n\n .company-name {\n margin-top: ", "px;\n }\n\n .d-icon {\n display: none;\n }\n }\n\n &.collapsed {\n overflow: hidden;\n padding: ", ";\n width: 58px;\n -o-transition: all cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n -moz-transition: all cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n -webkit-transition: all cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n transition: all cubic-bezier(0.4, 0, 0.6, 1) 0.3s;\n\n li.MuiListSubheader-root .dot-typography,\n .go-back .MuiTypography-root,\n .MuiListItem-divider .dot-list-item-link,\n .child,\n .powered-by .company-name,\n .powered-by p.desc {\n display: none;\n }\n\n .dot-nested-drawer li.MuiListSubheader-root .dot-typography,\n .powered-by .d-icon {\n display: block;\n }\n\n header .dot-app-logo {\n text-align: center;\n }\n\n ul.side-nav {\n width: 56px;\n .dot-list-item {\n margin-left: 0;\n }\n\n .toggle-nav {\n align-self: center;\n }\n }\n\n .powered-by {\n align-items: center;\n }\n }\n }\n "])), rootClassName$E, theme.palette.product === 'agility' ? theme.palette.layer.n50 : theme.palette.grey[50], theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '0 0 5px rgba(0, 0, 0, 0.15)', theme.palette.product === 'agility' ? theme.palette.layer.n700 : theme.palette.grey[700], theme.palette.product === 'agility' && theme.spacing(2) + "px", theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && theme.spacing(1) + "px", theme.palette.product === 'agililty' ? theme.spacing(0, 0, 1) : theme.spacing(1, 2), theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(0.5, 1), theme.palette.layer.n100, theme.palette.layer.n200, theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' ? theme.spacing(2, 0) : theme.spacing(1, 0), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(0, 0, 1), nestedDrawerClassName, theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.product === 'agility' && '10px', theme.palette.product === 'agility' && 'none', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavSubHeaderText, theme.palette.product === 'agility' && '11px', theme.palette.product === 'agility' && '10px 0 0', theme.palette.product === 'agility' && '0 8px', listItemRootClass, theme.spacing(2), theme.palette.product === 'agility' ? '40px' : '44px', theme.palette.product === 'agility' && theme.spacing(1) + "px", theme.palette.product === 'agility' && 'transparent', theme.palette.layer.n0, theme.palette.layer.n900, theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverText, theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' ? "1px solid " + theme.palette.agilityInterface.sideNavHoverBorder : 'none', theme.palette.product === 'agility' && '4px', theme.palette.product === 'agility' && theme.palette.agilityInterface.sideNavHoverBg, theme.palette.product === 'agility' && 'none', theme.spacing(1), theme.spacing(0, 1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.spacing(1), theme.palette.product === 'agility' ? theme.palette.agilityInterface.sideNavBorder : theme.palette.grey[100], theme.palette.grey[400], theme.spacing(1), theme.spacing(1), theme.palette.product === 'agility' && theme.spacing(2, 0));
|
|
2209
2260
|
});
|
|
@@ -2392,13 +2443,19 @@
|
|
|
2392
2443
|
|
|
2393
2444
|
var rootClassName$D = 'dot-app-toolbar';
|
|
2394
2445
|
var denseClassName = 'dense';
|
|
2395
|
-
var StyledMainMenu = styled__default["default"](DotDrawer)(
|
|
2446
|
+
var StyledMainMenu = styled__default["default"](DotDrawer).withConfig({
|
|
2447
|
+
displayName: "AppToolbarstyles__StyledMainMenu",
|
|
2448
|
+
componentId: "sc-3kokby-0"
|
|
2449
|
+
})(templateObject_2$E || (templateObject_2$E = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
2396
2450
|
var theme = _a.theme;
|
|
2397
2451
|
return styled.css(templateObject_1$G || (templateObject_1$G = __makeTemplateObject(["\n &.dot-main-menu {\n .dot-drawer-body {\n padding: ", ";\n\n .dot-drawer-close-button {\n display: none;\n }\n }\n\n &.", " .dot-drawer-paper {\n top: 48px;\n\n .dot-sidebar {\n height: calc(100vh - 48px);\n }\n }\n\n .dot-drawer-paper {\n height: 100%;\n top: 64px;\n padding: 0;\n overflow-y: hidden;\n\n .dot-sidebar {\n height: calc(100vh - 64px);\n }\n }\n }\n "], ["\n &.dot-main-menu {\n .dot-drawer-body {\n padding: ", ";\n\n .dot-drawer-close-button {\n display: none;\n }\n }\n\n &.", " .dot-drawer-paper {\n top: 48px;\n\n .dot-sidebar {\n height: calc(100vh - 48px);\n }\n }\n\n .dot-drawer-paper {\n height: 100%;\n top: 64px;\n padding: 0;\n overflow-y: hidden;\n\n .dot-sidebar {\n height: calc(100vh - 64px);\n }\n }\n }\n "])), theme.spacing(0), denseClassName);
|
|
2398
2452
|
});
|
|
2399
|
-
var StyledAppToolbar = styled__default["default"].header(
|
|
2453
|
+
var StyledAppToolbar = styled__default["default"].header.withConfig({
|
|
2454
|
+
displayName: "AppToolbarstyles__StyledAppToolbar",
|
|
2455
|
+
componentId: "sc-3kokby-1"
|
|
2456
|
+
})(templateObject_4$4 || (templateObject_4$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
2400
2457
|
var theme = _a.theme;
|
|
2401
|
-
return styled.css(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n &.", " {\n align-items: center;\n background: ", ";\n border-bottom: 4px solid ", ";\n box-sizing: border-box;\n color: ", ";\n display: flex;\n height: 64px;\n padding: ", ";\n position: fixed;\n width: 100%;\n z-index: ", ";\n top: 0;\n left: 0;\n right: 0;\n\n /* For case without menu icon so that we have total of 18px padding on the left side */\n &.without-menu-icon {\n padding-left: ", "px;\n }\n\n &.", " {\n height: 48px;\n }\n\n .dot-icon-btn {\n
|
|
2458
|
+
return styled.css(templateObject_3$7 || (templateObject_3$7 = __makeTemplateObject(["\n &.", " {\n align-items: center;\n background: ", ";\n border-bottom: 4px solid ", ";\n box-sizing: border-box;\n color: ", ";\n display: flex;\n height: 64px;\n padding: ", ";\n position: fixed;\n width: 100%;\n z-index: ", ";\n top: 0;\n left: 0;\n right: 0;\n\n /* For case without menu icon so that we have total of 18px padding on the left side */\n &.without-menu-icon {\n padding-left: ", "px;\n }\n\n &.", " {\n height: 48px;\n }\n\n .dot-main-menu-btn,\n .dot-right-side {\n .dot-icon-btn {\n border: ", ";\n color: ", ";\n\n &:hover,\n &:active,\n &:focus {\n background: ", ";\n }\n }\n }\n\n .dot-main-menu-btn {\n text-align: center;\n }\n\n .dot-branding {\n align-items: center;\n display: flex;\n padding: ", ";\n\n .primary-logo,\n .app-logo {\n margin-right: ", "px;\n }\n\n .primary-logo,\n .dot-app-logo {\n display: flex;\n max-width: 200px;\n svg,\n img {\n max-height: 36px;\n max-width: 200px;\n }\n }\n\n a {\n line-height: 0;\n }\n\n .dot-product-name {\n color: ", ";\n font-size: 18px;\n margin: ", ";\n }\n\n .divider {\n margin-left: ", "px;\n }\n }\n\n div.dot-right-side {\n display: flex;\n flex-grow: 2;\n justify-content: flex-end;\n }\n\n .avatar-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n button.dot-avatar:focus-visible {\n box-shadow: 0px 0px 0px 3px ", ",\n 0px 0px 0px 5px ", ";\n }\n }\n }\n "], ["\n &.", " {\n align-items: center;\n background: ", ";\n border-bottom: 4px solid ", ";\n box-sizing: border-box;\n color: ", ";\n display: flex;\n height: 64px;\n padding: ", ";\n position: fixed;\n width: 100%;\n z-index: ", ";\n top: 0;\n left: 0;\n right: 0;\n\n /* For case without menu icon so that we have total of 18px padding on the left side */\n &.without-menu-icon {\n padding-left: ", "px;\n }\n\n &.", " {\n height: 48px;\n }\n\n .dot-main-menu-btn,\n .dot-right-side {\n .dot-icon-btn {\n border: ", ";\n color: ", ";\n\n &:hover,\n &:active,\n &:focus {\n background: ", ";\n }\n }\n }\n\n .dot-main-menu-btn {\n text-align: center;\n }\n\n .dot-branding {\n align-items: center;\n display: flex;\n padding: ", ";\n\n .primary-logo,\n .app-logo {\n margin-right: ", "px;\n }\n\n .primary-logo,\n .dot-app-logo {\n display: flex;\n max-width: 200px;\n svg,\n img {\n max-height: 36px;\n max-width: 200px;\n }\n }\n\n a {\n line-height: 0;\n }\n\n .dot-product-name {\n color: ", ";\n font-size: 18px;\n margin: ", ";\n }\n\n .divider {\n margin-left: ", "px;\n }\n }\n\n div.dot-right-side {\n display: flex;\n flex-grow: 2;\n justify-content: flex-end;\n }\n\n .avatar-wrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n button.dot-avatar:focus-visible {\n box-shadow: 0px 0px 0px 3px ", ",\n 0px 0px 0px 5px ", ";\n }\n }\n }\n "])), rootClassName$D, theme.palette.product === 'agility' ? theme.palette.agilityInterface.headerBg : theme.palette.grey[700], theme.palette.grey[100], theme.palette.grey[0], theme.spacing(1.5, 2, 1.5, 1), levelFourth, theme.spacing(1.5), denseClassName, theme.palette.product === 'agility' && 'none', theme.palette.grey[100], theme.palette.product === 'agility' && theme.palette.agilityInterface.topBarIconHoverBg, theme.spacing(0, 4, 0, 0.75), theme.spacing(1.5), theme.palette.grey[100], theme.spacing(0, 1.5), theme.spacing(2), theme.palette.layer.n900, theme.palette.layer.n0);
|
|
2402
2459
|
});
|
|
2403
2460
|
var templateObject_1$G, templateObject_2$E, templateObject_3$7, templateObject_4$4;
|
|
2404
2461
|
|
|
@@ -2411,6 +2468,7 @@
|
|
|
2411
2468
|
borderColor = _a.borderColor,
|
|
2412
2469
|
children = _a.children,
|
|
2413
2470
|
className = _a.className,
|
|
2471
|
+
closeMenuOnItemClick = _a.closeMenuOnItemClick,
|
|
2414
2472
|
customLogo = _a.customLogo,
|
|
2415
2473
|
dataTestId = _a["data-testid"],
|
|
2416
2474
|
_b = _a.dense,
|
|
@@ -2443,17 +2501,20 @@
|
|
|
2443
2501
|
|
|
2444
2502
|
var targetEl = event.target;
|
|
2445
2503
|
var clickInsideMenu = (_a = mainMenuRef.current) === null || _a === void 0 ? void 0 : _a.contains(targetEl);
|
|
2446
|
-
var hasLink = (_b = targetEl.closest('a')) === null || _b === void 0 ? void 0 : _b.hasAttribute('href');
|
|
2504
|
+
var hasLink = (_b = targetEl.closest('a')) === null || _b === void 0 ? void 0 : _b.hasAttribute('href'); // Close menu on click only in two cases:
|
|
2505
|
+
// 1. 'closeMenuOnItemClick' is set to true
|
|
2506
|
+
// 2. item has a link and 'closeMenuOnItemClick' is NOT explicitly set to false
|
|
2447
2507
|
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
}
|
|
2508
|
+
var shouldCloseMenu = clickInsideMenu && (closeMenuOnItemClick || hasLink && closeMenuOnItemClick !== false);
|
|
2509
|
+
shouldCloseMenu && updateMenuOpen(false);
|
|
2451
2510
|
};
|
|
2452
2511
|
|
|
2453
2512
|
if (mainMenuRef === null || mainMenuRef === void 0 ? void 0 : mainMenuRef.current) {
|
|
2454
2513
|
mainMenuRef.current.addEventListener('click', handleInsideMenuClick);
|
|
2455
2514
|
return function () {
|
|
2456
|
-
|
|
2515
|
+
var _a;
|
|
2516
|
+
|
|
2517
|
+
(_a = mainMenuRef.current) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', handleInsideMenuClick);
|
|
2457
2518
|
};
|
|
2458
2519
|
} // deprecation warning
|
|
2459
2520
|
|
|
@@ -2474,8 +2535,8 @@
|
|
|
2474
2535
|
}, /*#__PURE__*/React__default["default"].createElement(DotIconButton, {
|
|
2475
2536
|
"data-testid": "main-menu-icon",
|
|
2476
2537
|
iconId: menuOpen ? 'close' : 'menu',
|
|
2477
|
-
iconSize: "
|
|
2478
|
-
onClick: function
|
|
2538
|
+
iconSize: "medium",
|
|
2539
|
+
onClick: function () {
|
|
2479
2540
|
return updateMenuOpen(!menuOpen);
|
|
2480
2541
|
},
|
|
2481
2542
|
tooltip: "Open Menu"
|
|
@@ -2483,7 +2544,7 @@
|
|
|
2483
2544
|
anchor: "left",
|
|
2484
2545
|
className: mainMenuClasses,
|
|
2485
2546
|
"data-testid": "main-menu",
|
|
2486
|
-
onClose: function
|
|
2547
|
+
onClose: function () {
|
|
2487
2548
|
return updateMenuOpen(false);
|
|
2488
2549
|
},
|
|
2489
2550
|
open: menuOpen,
|
|
@@ -2520,9 +2581,9 @@
|
|
|
2520
2581
|
return /*#__PURE__*/React__default["default"].createElement(DotIconButton, {
|
|
2521
2582
|
className: item.className,
|
|
2522
2583
|
iconId: item.iconId,
|
|
2523
|
-
iconSize: "
|
|
2584
|
+
iconSize: "medium",
|
|
2524
2585
|
key: index,
|
|
2525
|
-
onClick: function
|
|
2586
|
+
onClick: function (event) {
|
|
2526
2587
|
return item.onClick && item.onClick(event);
|
|
2527
2588
|
},
|
|
2528
2589
|
size: "medium",
|
|
@@ -2534,14 +2595,20 @@
|
|
|
2534
2595
|
};
|
|
2535
2596
|
|
|
2536
2597
|
var rootClassName$C = 'dot-autocomplete';
|
|
2537
|
-
var StyledAutocomplete = styled__default["default"](lab.Autocomplete)(
|
|
2598
|
+
var StyledAutocomplete = styled__default["default"](lab.Autocomplete).withConfig({
|
|
2599
|
+
displayName: "AutoCompletestyles__StyledAutocomplete",
|
|
2600
|
+
componentId: "j2sgjy-0"
|
|
2601
|
+
})(templateObject_2$D || (templateObject_2$D = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
2538
2602
|
_a.theme;
|
|
2539
2603
|
return styled.css(templateObject_1$F || (templateObject_1$F = __makeTemplateObject(["\n &.", " {\n }\n "], ["\n &.", " {\n }\n "])), rootClassName$C);
|
|
2540
2604
|
});
|
|
2541
2605
|
var templateObject_1$F, templateObject_2$D;
|
|
2542
2606
|
|
|
2543
2607
|
var rootClassName$B = 'dot-chip';
|
|
2544
|
-
var StyledChip = styled__default["default"](core.Chip)(
|
|
2608
|
+
var StyledChip = styled__default["default"](core.Chip).withConfig({
|
|
2609
|
+
displayName: "Chipstyles__StyledChip",
|
|
2610
|
+
componentId: "f1tsra-0"
|
|
2611
|
+
})(templateObject_2$C || (templateObject_2$C = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
2545
2612
|
var theme = _a.theme;
|
|
2546
2613
|
return styled.css(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n &.", " {\n border-color: ", ";\n\n .dot-icon i {\n height: auto;\n }\n\n &.MuiChip-sizeSmall {\n .dot-icon,\n .dot-avatar {\n width: 18px;\n height: 18px;\n }\n }\n\n &.Mui-error {\n background-color: ", ";\n border-color: ", ";\n .MuiChip-deleteIcon {\n color: ", ";\n }\n }\n\n &:not(.Mui-error) {\n &:hover {\n background-color: ", ";\n }\n\n .MuiChip-deleteIcon {\n &:hover {\n color: ", ";\n }\n }\n }\n\n .MuiChip-deleteIcon {\n width: 18px;\n height: 18px;\n color: ", ";\n }\n }\n "], ["\n &.", " {\n border-color: ", ";\n\n .dot-icon i {\n height: auto;\n }\n\n &.MuiChip-sizeSmall {\n .dot-icon,\n .dot-avatar {\n width: 18px;\n height: 18px;\n }\n }\n\n &.Mui-error {\n background-color: ", ";\n border-color: ", ";\n .MuiChip-deleteIcon {\n color: ", ";\n }\n }\n\n &:not(.Mui-error) {\n &:hover {\n background-color: ", ";\n }\n\n .MuiChip-deleteIcon {\n &:hover {\n color: ", ";\n }\n }\n }\n\n .MuiChip-deleteIcon {\n width: 18px;\n height: 18px;\n color: ", ";\n }\n }\n "])), rootClassName$B, theme.palette.grey[300], theme.palette.error[50], theme.palette.error.main, theme.palette.error.main, theme.palette.grey[50], theme.palette.grey[400], theme.palette.grey[300]);
|
|
2547
2614
|
});
|
|
@@ -2561,7 +2628,7 @@
|
|
|
2561
2628
|
isClickable = _d === void 0 ? false : _d,
|
|
2562
2629
|
_e = _a.isDeletable,
|
|
2563
2630
|
isDeletable = _e === void 0 ? true : _e,
|
|
2564
|
-
|
|
2631
|
+
onClick = _a.onClick,
|
|
2565
2632
|
onDelete = _a.onDelete,
|
|
2566
2633
|
_f = _a.size,
|
|
2567
2634
|
size = _f === void 0 ? 'medium' : _f,
|
|
@@ -2580,8 +2647,8 @@
|
|
|
2580
2647
|
disabled: disabled,
|
|
2581
2648
|
icon: avatar ? null : startIcon,
|
|
2582
2649
|
label: children,
|
|
2583
|
-
onClick: function
|
|
2584
|
-
return
|
|
2650
|
+
onClick: function (event) {
|
|
2651
|
+
return onClick && onClick(event);
|
|
2585
2652
|
},
|
|
2586
2653
|
onDelete: isDeletable && onDelete ? function (event) {
|
|
2587
2654
|
return onDelete(event);
|
|
@@ -2595,8 +2662,14 @@
|
|
|
2595
2662
|
var rootSelectClassName = 'dot-select-field';
|
|
2596
2663
|
var warningClassName = 'dot-warning';
|
|
2597
2664
|
var adornmentIconClassName = 'dot-adornment-icon';
|
|
2598
|
-
var StyledAdornment = styled__default["default"](core.InputAdornment)(
|
|
2599
|
-
|
|
2665
|
+
var StyledAdornment = styled__default["default"](core.InputAdornment).withConfig({
|
|
2666
|
+
displayName: "InputFormFieldsstyles__StyledAdornment",
|
|
2667
|
+
componentId: "sc-1mbn9f0-0"
|
|
2668
|
+
})(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n .dot-icon {\n font-size: 24px;\n height: 24px;\n padding: 0;\n width: 24px;\n }\n"], ["\n .dot-icon {\n font-size: 24px;\n height: 24px;\n padding: 0;\n width: 24px;\n }\n"])));
|
|
2669
|
+
var StyledTextField = styled__default["default"](core.TextField).withConfig({
|
|
2670
|
+
displayName: "InputFormFieldsstyles__StyledTextField",
|
|
2671
|
+
componentId: "sc-1mbn9f0-1"
|
|
2672
|
+
})(templateObject_3$6 || (templateObject_3$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
2600
2673
|
var theme = _a.theme,
|
|
2601
2674
|
InputProps = _a.InputProps;
|
|
2602
2675
|
return styled.css(templateObject_2$B || (templateObject_2$B = __makeTemplateObject(["\n &.", " {\n .MuiInputBase-root {\n background: ", "\n }\n .MuiInputBase-input {\n box-sizing: content-box;\n }\n .MuiOutlinedInput-notchedOutline {\n border-color: ", "\n }\n .MuiOutlinedInput-input {\n padding: ", ";\n }\n .MuiOutlinedInput-inputMarginDense {\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n }\n .MuiOutlinedInput-inputMultiline {\n padding: 0;\n }\n }\n &.", ", &.", " {\n .dot-adornment-icon .dot-icon i {\n margin-top: -2px;\n }\n .MuiFormLabel-root.Mui-focused {\n color: ", "\n }\n select.dot-select {\n background: ", ";\n }\n .MuiSelect-select:focus {\n background-color: transparent;\n }\n .Mui-error .", " {\n color: ", ";\n }\n .MuiSelect-icon {\n right: ", ";\n }\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n .", " {\n color: ", ";\n }\n }\n .MuiOutlinedInput-adornedStart {\n padding-left: 12px;\n }\n .MuiOutlinedInput-adornedEnd {\n padding-right: 12px;\n }\n .MuiFormHelperText-root {\n font-size: ", "px;\n margin: ", ";\n display: flex;\n align-items: flex-end;\n &:not(.Mui-error) {\n color: ", ";\n }\n }\n .Mui-focused .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n "], ["\n &.", " {\n .MuiInputBase-root {\n background: ", "\n }\n .MuiInputBase-input {\n box-sizing: content-box;\n }\n .MuiOutlinedInput-notchedOutline {\n border-color: ", "\n }\n .MuiOutlinedInput-input {\n padding: ", ";\n }\n .MuiOutlinedInput-inputMarginDense {\n padding-top: 10.5px;\n padding-bottom: 10.5px;\n }\n .MuiOutlinedInput-inputMultiline {\n padding: 0;\n }\n }\n &.", ", &.", " {\n .dot-adornment-icon .dot-icon i {\n margin-top: -2px;\n }\n .MuiFormLabel-root.Mui-focused {\n color: ", "\n }\n select.dot-select {\n background: ", ";\n }\n .MuiSelect-select:focus {\n background-color: transparent;\n }\n .Mui-error .", " {\n color: ", ";\n }\n .MuiSelect-icon {\n right: ", ";\n }\n &.", " {\n .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n .MuiInputLabel-outlined.MuiInputLabel-shrink {\n color: ", ";\n }\n .", " {\n color: ", ";\n }\n }\n .MuiOutlinedInput-adornedStart {\n padding-left: 12px;\n }\n .MuiOutlinedInput-adornedEnd {\n padding-right: 12px;\n }\n .MuiFormHelperText-root {\n font-size: ", "px;\n margin: ", ";\n display: flex;\n align-items: flex-end;\n &:not(.Mui-error) {\n color: ", ";\n }\n }\n .Mui-focused .MuiOutlinedInput-notchedOutline {\n border-color: ", ";\n }\n "])), rootClassName$A, theme.palette.product === 'agility' && theme.palette.layer.n0, theme.palette.product === 'agility' && theme.palette.layer.n100, InputProps.startAdornment ? "18px 12px 18px 0px" : "18px 12px", rootSelectClassName, rootClassName$A, theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.layer.n0, adornmentIconClassName, theme.palette.error[500], InputProps.endAdornment ? "44px" : "12px", warningClassName, theme.palette.warning[500], theme.palette.grey[700], adornmentIconClassName, theme.palette.warning[500], theme.typography.body2.fontSize, theme.spacing(0, 0, 0, 2), theme.palette.grey[700], theme.palette.product === 'agility' && agilityGreen);
|
|
@@ -2604,7 +2677,10 @@
|
|
|
2604
2677
|
var templateObject_1$D, templateObject_2$B, templateObject_3$6;
|
|
2605
2678
|
|
|
2606
2679
|
var rootClassName$z = 'dot-button';
|
|
2607
|
-
var StyledButton = styled__default["default"](core.Button)(
|
|
2680
|
+
var StyledButton = styled__default["default"](core.Button).withConfig({
|
|
2681
|
+
displayName: "Buttonstyles__StyledButton",
|
|
2682
|
+
componentId: "sx99hh-0"
|
|
2683
|
+
})(templateObject_2$A || (templateObject_2$A = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
2608
2684
|
var theme = _a.theme;
|
|
2609
2685
|
return styled.css(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n &.", " {\n margin: ", "px;\n min-width: auto;\n white-space: nowrap;\n\n &.MuiButton-containedPrimary {\n background-color: ", ";\n }\n\n &.MuiButton-containedSecondary {\n background-color: ", ";\n\n &:hover,\n &:active {\n background-color: ", ";\n }\n }\n\n &.MuiButton-text {\n padding: 6px 16px;\n }\n\n span.dot-icon {\n padding: 0;\n\n i {\n height: auto;\n }\n }\n }\n "], ["\n &.", " {\n margin: ", "px;\n min-width: auto;\n white-space: nowrap;\n\n &.MuiButton-containedPrimary {\n background-color: ", ";\n }\n\n &.MuiButton-containedSecondary {\n background-color: ", ";\n\n &:hover,\n &:active {\n background-color: ", ";\n }\n }\n\n &.MuiButton-text {\n padding: 6px 16px;\n }\n\n span.dot-icon {\n padding: 0;\n\n i {\n height: auto;\n }\n }\n }\n "])), rootClassName$z, theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen, theme.palette.error.main, core.darken(theme.palette.error.main, 0.2));
|
|
2610
2686
|
});
|
|
@@ -2628,7 +2704,7 @@
|
|
|
2628
2704
|
fullWidth = _e === void 0 ? false : _e,
|
|
2629
2705
|
_f = _a.isSubmit,
|
|
2630
2706
|
isSubmit = _f === void 0 ? false : _f,
|
|
2631
|
-
|
|
2707
|
+
onClick = _a.onClick,
|
|
2632
2708
|
_g = _a.size,
|
|
2633
2709
|
size = _g === void 0 ? 'medium' : _g,
|
|
2634
2710
|
startIcon = _a.startIcon,
|
|
@@ -2667,7 +2743,7 @@
|
|
|
2667
2743
|
React.useEffect(function () {
|
|
2668
2744
|
// deprecation warning
|
|
2669
2745
|
if (titleTooltip) {
|
|
2670
|
-
console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip`
|
|
2746
|
+
console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
2671
2747
|
}
|
|
2672
2748
|
}, []);
|
|
2673
2749
|
return /*#__PURE__*/React__default["default"].createElement(DotTooltip, {
|
|
@@ -2684,8 +2760,8 @@
|
|
|
2684
2760
|
disabled: disabled,
|
|
2685
2761
|
endIcon: endIcon,
|
|
2686
2762
|
fullWidth: fullWidth,
|
|
2687
|
-
onClick: function
|
|
2688
|
-
return
|
|
2763
|
+
onClick: function (event) {
|
|
2764
|
+
return onClick && onClick(event);
|
|
2689
2765
|
},
|
|
2690
2766
|
ref: ref,
|
|
2691
2767
|
size: size,
|
|
@@ -2741,9 +2817,14 @@
|
|
|
2741
2817
|
inputId = _a.inputId,
|
|
2742
2818
|
inputRef = _a.inputRef,
|
|
2743
2819
|
label = _a.label,
|
|
2820
|
+
loading = _a.loading,
|
|
2744
2821
|
_g = _a.multiple,
|
|
2745
2822
|
multiple = _g === void 0 ? true : _g,
|
|
2746
2823
|
onChange = _a.onChange,
|
|
2824
|
+
onClose = _a.onClose,
|
|
2825
|
+
onInputChange = _a.onInputChange,
|
|
2826
|
+
onOpen = _a.onOpen,
|
|
2827
|
+
open = _a.open,
|
|
2747
2828
|
options = _a.options,
|
|
2748
2829
|
placeholder = _a.placeholder,
|
|
2749
2830
|
_h = _a.required,
|
|
@@ -2844,14 +2925,14 @@
|
|
|
2844
2925
|
/* Add this to short circuit blur event (otherwise button click will not work):
|
|
2845
2926
|
* https://github.com/mui-org/material-ui/issues/19038 */
|
|
2846
2927
|
onBlur: handleBlur,
|
|
2847
|
-
onKeyDown: function
|
|
2928
|
+
onKeyDown: function (event) {
|
|
2848
2929
|
if (event.key === 'Tab' && textFieldInput) {
|
|
2849
2930
|
event.preventDefault();
|
|
2850
2931
|
textFieldInput.focus();
|
|
2851
2932
|
}
|
|
2852
2933
|
},
|
|
2853
2934
|
// We want to close the popper each time focus is shifted from action item
|
|
2854
|
-
onMouseDown: function
|
|
2935
|
+
onMouseDown: function (e) {
|
|
2855
2936
|
e.preventDefault();
|
|
2856
2937
|
}
|
|
2857
2938
|
}, /*#__PURE__*/React__default["default"].createElement(DotButton, {
|
|
@@ -2866,6 +2947,24 @@
|
|
|
2866
2947
|
}),
|
|
2867
2948
|
type: "text"
|
|
2868
2949
|
}, text))));
|
|
2950
|
+
}; // Use passed in onOpen callback (if exists), otherwise create custom function
|
|
2951
|
+
|
|
2952
|
+
|
|
2953
|
+
var handleOpen = onOpen || function () {
|
|
2954
|
+
return setIsOpened(true);
|
|
2955
|
+
}; // Use passed in onClose callback (if exists), otherwise create custom function
|
|
2956
|
+
|
|
2957
|
+
|
|
2958
|
+
var handleClose = onClose || function (event) {
|
|
2959
|
+
// We want to close popper in each occasion where focus isn't set to action item
|
|
2960
|
+
if (!('relatedTarget' in event) || event.relatedTarget !== actionItemRef.current) {
|
|
2961
|
+
setIsOpened(false);
|
|
2962
|
+
}
|
|
2963
|
+
}; // Execute it only if 'onInputChange' prop is defined
|
|
2964
|
+
|
|
2965
|
+
|
|
2966
|
+
var handleInputChange = onInputChange && function (event, inputValue, reason) {
|
|
2967
|
+
onInputChange(event, inputValue, reason);
|
|
2869
2968
|
};
|
|
2870
2969
|
|
|
2871
2970
|
return /*#__PURE__*/React__default["default"].createElement(StyledAutocomplete, {
|
|
@@ -2879,15 +2978,16 @@
|
|
|
2879
2978
|
disabled: disabled,
|
|
2880
2979
|
filterSelectedOptions: true,
|
|
2881
2980
|
freeSolo: freesolo,
|
|
2882
|
-
getOptionLabel: function
|
|
2981
|
+
getOptionLabel: function (option) {
|
|
2883
2982
|
return parseAutoCompleteValue(option);
|
|
2884
2983
|
},
|
|
2885
2984
|
groupBy: group ? function (option) {
|
|
2886
2985
|
return option.group;
|
|
2887
2986
|
} : undefined,
|
|
2987
|
+
loading: loading,
|
|
2888
2988
|
multiple: multiple,
|
|
2889
2989
|
onBlur: handleBlur,
|
|
2890
|
-
onChange: function
|
|
2990
|
+
onChange: function (event, val, reason) {
|
|
2891
2991
|
valuesChanged({
|
|
2892
2992
|
event: event,
|
|
2893
2993
|
val: val,
|
|
@@ -2895,19 +2995,13 @@
|
|
|
2895
2995
|
});
|
|
2896
2996
|
setIsOpened(false);
|
|
2897
2997
|
},
|
|
2898
|
-
onClose:
|
|
2899
|
-
// We want to close popper in each occasion where focus isn't set to action item
|
|
2900
|
-
if (!('relatedTarget' in event) || event.relatedTarget !== actionItemRef.current) {
|
|
2901
|
-
setIsOpened(false);
|
|
2902
|
-
}
|
|
2903
|
-
},
|
|
2998
|
+
onClose: handleClose,
|
|
2904
2999
|
// We want to close the popper each time focus is shifted from the autocomplete
|
|
2905
|
-
onOpen:
|
|
2906
|
-
|
|
2907
|
-
|
|
2908
|
-
open: isOpened,
|
|
3000
|
+
onOpen: handleOpen,
|
|
3001
|
+
onInputChange: handleInputChange,
|
|
3002
|
+
open: open || isOpened,
|
|
2909
3003
|
options: sortOptions(),
|
|
2910
|
-
renderInput: function
|
|
3004
|
+
renderInput: function (params) {
|
|
2911
3005
|
// InputBaseComponentProps is used here because that is the base
|
|
2912
3006
|
// type of 'inputProps' of 'StyledTextField' component. TS treats
|
|
2913
3007
|
// 'inputProps' as 'object' type and will complain when accessing
|
|
@@ -2935,10 +3029,16 @@
|
|
|
2935
3029
|
inputProps: __assign(__assign({}, inputProps), {
|
|
2936
3030
|
className: useStylesWithRootClass(inputProps.className, 'dot-input')
|
|
2937
3031
|
}),
|
|
3032
|
+
InputProps: __assign(__assign({}, params.InputProps), {
|
|
3033
|
+
endAdornment: loading ? /*#__PURE__*/React__default["default"].createElement(DotProgress, {
|
|
3034
|
+
color: "inherit",
|
|
3035
|
+
size: 20
|
|
3036
|
+
}) : params.InputProps.endAdornment
|
|
3037
|
+
}),
|
|
2938
3038
|
inputRef: textFieldRef,
|
|
2939
3039
|
label: label,
|
|
2940
3040
|
name: label,
|
|
2941
|
-
onKeyDown: function
|
|
3041
|
+
onKeyDown: function (event) {
|
|
2942
3042
|
var _a; // Intercept 'tab' key press while action item element exists
|
|
2943
3043
|
|
|
2944
3044
|
|
|
@@ -2987,7 +3087,10 @@
|
|
|
2987
3087
|
};
|
|
2988
3088
|
|
|
2989
3089
|
var rootClassName$y = 'dot-badge';
|
|
2990
|
-
var StyledBadge = styled__default["default"](core.Badge)(
|
|
3090
|
+
var StyledBadge = styled__default["default"](core.Badge).withConfig({
|
|
3091
|
+
displayName: "Badgestyles__StyledBadge",
|
|
3092
|
+
componentId: "sc-1brv3h5-0"
|
|
3093
|
+
})(templateObject_2$z || (templateObject_2$z = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function () {
|
|
2991
3094
|
return styled.css(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n &.", " {\n .MuiBadge-badge {\n background-color: ", ";\n }\n }\n "], ["\n &.", " {\n .MuiBadge-badge {\n background-color: ", ";\n }\n }\n "])), rootClassName$y, function (_a) {
|
|
2992
3095
|
var $badgeColor = _a.$badgeColor;
|
|
2993
3096
|
return $badgeColor;
|
|
@@ -3024,11 +3127,17 @@
|
|
|
3024
3127
|
|
|
3025
3128
|
var rootClassName$x = 'dot-breadcrumbs';
|
|
3026
3129
|
var breadcrumbsWrapperClass = 'dot-breadcrumbs-wrapper';
|
|
3027
|
-
var StyledBreadcrumbsWrapper = styled__default["default"].div(
|
|
3130
|
+
var StyledBreadcrumbsWrapper = styled__default["default"].div.withConfig({
|
|
3131
|
+
displayName: "Breadcrumbsstyles__StyledBreadcrumbsWrapper",
|
|
3132
|
+
componentId: "sc-7cg374-0"
|
|
3133
|
+
})(templateObject_2$y || (templateObject_2$y = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
3028
3134
|
var theme = _a.theme;
|
|
3029
3135
|
return styled.css(templateObject_1$A || (templateObject_1$A = __makeTemplateObject(["\n &.", " {\n overflow: hidden;\n\n .dot-breadcrumbs-menu {\n .MuiMenuItem-root {\n padding: 0;\n }\n\n a.breadcrumb {\n width: 100%;\n padding: ", ";\n }\n }\n }\n "], ["\n &.", " {\n overflow: hidden;\n\n .dot-breadcrumbs-menu {\n .MuiMenuItem-root {\n padding: 0;\n }\n\n a.breadcrumb {\n width: 100%;\n padding: ", ";\n }\n }\n }\n "])), rootClassName$x, theme.spacing(0.5, 2));
|
|
3030
3136
|
});
|
|
3031
|
-
var StyledBreadcrumbs = styled__default["default"](core.Breadcrumbs)(
|
|
3137
|
+
var StyledBreadcrumbs = styled__default["default"](core.Breadcrumbs).withConfig({
|
|
3138
|
+
displayName: "Breadcrumbsstyles__StyledBreadcrumbs",
|
|
3139
|
+
componentId: "sc-7cg374-1"
|
|
3140
|
+
})(templateObject_4$3 || (templateObject_4$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
3032
3141
|
var theme = _a.theme;
|
|
3033
3142
|
return styled.css(templateObject_3$5 || (templateObject_3$5 = __makeTemplateObject(["\n &.", " {\n margin-bottom: 0;\n\n .MuiBreadcrumbs-ol {\n flex-wrap: nowrap;\n }\n .MuiBreadcrumbs-li,\n .separator {\n color: ", ";\n margin: 0;\n white-space: nowrap;\n }\n .separator {\n font-size: 12px;\n width: 20px;\n height: 20px;\n padding: 0;\n }\n .MuiBreadcrumbs-separator {\n margin: 0;\n }\n .MuiLink-underlineHover {\n cursor: pointer;\n }\n\n .MuiBreadcrumbs-li:last-child {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .breadcrumb {\n padding: ", ";\n }\n\n .current-page {\n color: ", ";\n cursor: default;\n }\n }\n "], ["\n &.", " {\n margin-bottom: 0;\n\n .MuiBreadcrumbs-ol {\n flex-wrap: nowrap;\n }\n .MuiBreadcrumbs-li,\n .separator {\n color: ", ";\n margin: 0;\n white-space: nowrap;\n }\n .separator {\n font-size: 12px;\n width: 20px;\n height: 20px;\n padding: 0;\n }\n .MuiBreadcrumbs-separator {\n margin: 0;\n }\n .MuiLink-underlineHover {\n cursor: pointer;\n }\n\n .MuiBreadcrumbs-li:last-child {\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .breadcrumb {\n padding: ", ";\n }\n\n .current-page {\n color: ", ";\n cursor: default;\n }\n }\n "])), rootClassName$x, theme.palette.grey[300], theme.spacing(0.5, 2), theme.palette.grey[700]);
|
|
3034
3143
|
});
|
|
@@ -3318,12 +3427,18 @@
|
|
|
3318
3427
|
var onMenuLeave = function onMenuLeave(_event) {
|
|
3319
3428
|
setMenuOpen(false);
|
|
3320
3429
|
};
|
|
3430
|
+
|
|
3431
|
+
React.useEffect(function () {
|
|
3432
|
+
// deprecation warning
|
|
3433
|
+
if (minWidth) {
|
|
3434
|
+
console.warn('The use of `minWidth` is deprecated and will be removed in the next major release');
|
|
3435
|
+
}
|
|
3436
|
+
}, []);
|
|
3321
3437
|
/* Build and connect expansion menu if 'expansionMenu' is set to true.
|
|
3322
3438
|
In order for this to be functioning properly we need to set 'items' in
|
|
3323
3439
|
the dependencies list as it will re-trigger hook if items array change.
|
|
3324
3440
|
*/
|
|
3325
3441
|
|
|
3326
|
-
|
|
3327
3442
|
React.useEffect(function () {
|
|
3328
3443
|
if (!expansionMenu || !breadcrumbRef || !breadcrumbRef.current) return;
|
|
3329
3444
|
var expandElement = getExpandElement(breadcrumbRef.current);
|
|
@@ -3379,7 +3494,10 @@
|
|
|
3379
3494
|
};
|
|
3380
3495
|
|
|
3381
3496
|
var rootClassName$w = 'dot-button-toggle';
|
|
3382
|
-
var StyledToggleButtonGroup = styled__default["default"](lab.ToggleButtonGroup)(
|
|
3497
|
+
var StyledToggleButtonGroup = styled__default["default"](lab.ToggleButtonGroup).withConfig({
|
|
3498
|
+
displayName: "ButtonTogglestyles__StyledToggleButtonGroup",
|
|
3499
|
+
componentId: "sc-1oh4ljv-0"
|
|
3500
|
+
})(templateObject_2$x || (templateObject_2$x = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
3383
3501
|
var theme = _a.theme;
|
|
3384
3502
|
return styled.css(templateObject_1$z || (templateObject_1$z = __makeTemplateObject(["\n &.", " {\n .dot-icon {\n + p {\n margin-left: ", "px;\n }\n i {\n height: auto;\n }\n }\n .MuiToggleButton-label {\n color: ", ";\n p {\n margin-bottom: 0;\n }\n }\n .MuiToggleButtonGroup-groupedHorizontal {\n border: 1px solid ", ";\n border-radius: 0px;\n\n :first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n margin-left: 0;\n }\n :last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-right: 0;\n }\n }\n }\n\n .MuiButtonBase-root {\n &.Mui-disabled p,\n &.Mui-disabled .dot-icon {\n color: ", ";\n }\n }\n "], ["\n &.", " {\n .dot-icon {\n + p {\n margin-left: ", "px;\n }\n i {\n height: auto;\n }\n }\n .MuiToggleButton-label {\n color: ", ";\n p {\n margin-bottom: 0;\n }\n }\n .MuiToggleButtonGroup-groupedHorizontal {\n border: 1px solid ", ";\n border-radius: 0px;\n\n :first-child {\n border-top-left-radius: 4px;\n border-bottom-left-radius: 4px;\n margin-left: 0;\n }\n :last-child {\n border-top-right-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-right: 0;\n }\n }\n }\n\n .MuiButtonBase-root {\n &.Mui-disabled p,\n &.Mui-disabled .dot-icon {\n color: ", ";\n }\n }\n "])), rootClassName$w, theme.spacing(1), theme.palette.layer.n700, theme.palette.layer.n300, theme.palette.grey[200]);
|
|
3385
3503
|
});
|
|
@@ -3462,7 +3580,10 @@
|
|
|
3462
3580
|
};
|
|
3463
3581
|
|
|
3464
3582
|
var rootClassName$v = 'dot-card-footer';
|
|
3465
|
-
var StyledDiv = styled__default["default"].div(
|
|
3583
|
+
var StyledDiv = styled__default["default"].div.withConfig({
|
|
3584
|
+
displayName: "CardFooterstyles__StyledDiv",
|
|
3585
|
+
componentId: "koblh6-0"
|
|
3586
|
+
})(templateObject_2$w || (templateObject_2$w = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
3466
3587
|
var theme = _a.theme;
|
|
3467
3588
|
return styled.css(templateObject_1$y || (templateObject_1$y = __makeTemplateObject(["\n &.", " {\n padding: ", "px;\n }\n "], ["\n &.", " {\n padding: ", "px;\n }\n "])), rootClassName$v, theme.spacing(2));
|
|
3468
3589
|
});
|
|
@@ -3518,11 +3639,17 @@
|
|
|
3518
3639
|
};
|
|
3519
3640
|
|
|
3520
3641
|
var rootClassName$u = 'dot-form-control-label';
|
|
3521
|
-
var StyledFormControlLabel = styled__default["default"](core.FormControlLabel)(
|
|
3642
|
+
var StyledFormControlLabel = styled__default["default"](core.FormControlLabel).withConfig({
|
|
3643
|
+
displayName: "FormControlLabelstyles__StyledFormControlLabel",
|
|
3644
|
+
componentId: "sc-1vt0om4-0"
|
|
3645
|
+
})(templateObject_1$x || (templateObject_1$x = __makeTemplateObject(["\n &.", " {\n .MuiFormControlLabel-label {\n margin-bottom: 0;\n padding: 0 0 0 4px;\n }\n &.MuiFormControlLabel-labelPlacementBottom {\n .MuiFormControlLabel-label {\n padding: 4px 0 0 0;\n }\n }\n &.MuiFormControlLabel-labelPlacementTop {\n .MuiFormControlLabel-label {\n padding: 0 0 4px 0;\n }\n }\n &.MuiFormControlLabel-labelPlacementStart {\n .MuiFormControlLabel-label {\n padding: 0 4px 0;\n }\n }\n }\n"], ["\n &.", " {\n .MuiFormControlLabel-label {\n margin-bottom: 0;\n padding: 0 0 0 4px;\n }\n &.MuiFormControlLabel-labelPlacementBottom {\n .MuiFormControlLabel-label {\n padding: 4px 0 0 0;\n }\n }\n &.MuiFormControlLabel-labelPlacementTop {\n .MuiFormControlLabel-label {\n padding: 0 0 4px 0;\n }\n }\n &.MuiFormControlLabel-labelPlacementStart {\n .MuiFormControlLabel-label {\n padding: 0 4px 0;\n }\n }\n }\n"])), rootClassName$u);
|
|
3522
3646
|
var templateObject_1$x;
|
|
3523
3647
|
|
|
3524
3648
|
var rootClassName$t = 'dot-checkbox';
|
|
3525
|
-
var StyledCheckbox = styled__default["default"](core.Checkbox)(
|
|
3649
|
+
var StyledCheckbox = styled__default["default"](core.Checkbox).withConfig({
|
|
3650
|
+
displayName: "Checkboxstyles__StyledCheckbox",
|
|
3651
|
+
componentId: "sc-1ubsn6i-0"
|
|
3652
|
+
})(templateObject_2$v || (templateObject_2$v = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
3526
3653
|
var theme = _a.theme;
|
|
3527
3654
|
return styled.css(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n &.", " {\n padding: ", "px;\n }\n "], ["\n &.", " {\n padding: ", "px;\n }\n "])), rootClassName$t, theme.spacing(1));
|
|
3528
3655
|
});
|
|
@@ -3587,21 +3714,30 @@
|
|
|
3587
3714
|
var startAdornmentClassName = 'dot-start-adornment';
|
|
3588
3715
|
var endAdornmentClassName = 'dot-end-adornment';
|
|
3589
3716
|
var placementClassName = 'dot-';
|
|
3590
|
-
var StyledFormControl = styled__default["default"](core.FormControl)(
|
|
3717
|
+
var StyledFormControl = styled__default["default"](core.FormControl).withConfig({
|
|
3718
|
+
displayName: "FormControlstyles__StyledFormControl",
|
|
3719
|
+
componentId: "sc-532kip-0"
|
|
3720
|
+
})(templateObject_1$v || (templateObject_1$v = __makeTemplateObject(["\n &.", " {\n .MuiFormLabel-root {\n width: 100%;\n line-height: 24px;\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n .", " {\n padding-left: 4px;\n }\n .", " {\n padding-right: 4px;\n }\n }\n &.", " {\n .MuiFormHelperText-root,\n .MuiFormLabel-root {\n display: flex;\n flex-direction: row-reverse;\n }\n }\n &.", " {\n .MuiFormHelperText-root,\n .MuiFormLabel-root {\n display: flex;\n justify-content: center;\n }\n }\n }\n"], ["\n &.", " {\n .MuiFormLabel-root {\n width: 100%;\n line-height: 24px;\n margin-bottom: 4px;\n display: flex;\n align-items: center;\n .", " {\n padding-left: 4px;\n }\n .", " {\n padding-right: 4px;\n }\n }\n &.", " {\n .MuiFormHelperText-root,\n .MuiFormLabel-root {\n display: flex;\n flex-direction: row-reverse;\n }\n }\n &.", " {\n .MuiFormHelperText-root,\n .MuiFormLabel-root {\n display: flex;\n justify-content: center;\n }\n }\n }\n"])), rootClassName$s, endAdornmentClassName, startAdornmentClassName, placementClassName + "start", placementClassName + "bottom");
|
|
3591
3721
|
var templateObject_1$v;
|
|
3592
3722
|
|
|
3593
3723
|
var rootClassName$r = 'dot-checkbox-group';
|
|
3594
3724
|
var wrapperClassName$1 = 'dot-checkbox-group-wrapper';
|
|
3595
3725
|
var checkboxListClassName = 'dot-checkbox-list';
|
|
3596
3726
|
var checkboxListItemClassName = 'dot-checkbox-list-item';
|
|
3597
|
-
var StyledCheckboxGroup = styled__default["default"].div(
|
|
3727
|
+
var StyledCheckboxGroup = styled__default["default"].div.withConfig({
|
|
3728
|
+
displayName: "CheckboxGroupstyles__StyledCheckboxGroup",
|
|
3729
|
+
componentId: "bhb21v-0"
|
|
3730
|
+
})(templateObject_2$u || (templateObject_2$u = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
3598
3731
|
var theme = _a.theme;
|
|
3599
3732
|
return styled.css(templateObject_1$u || (templateObject_1$u = __makeTemplateObject(["{\n &.", " {\n .", " {\n width: 100%;\n }\n\n .MuiFormLabel-root {\n display: inline;\n width: 100%;\n }\n\n .", " {\n list-style: none;\n margin-top: 0;\n padding-left: ", "px;\n\n .", " {\n margin: 0;\n }\n }\n }\n "], ["{\n &.", " {\n .", " {\n width: 100%;\n }\n\n .MuiFormLabel-root {\n display: inline;\n width: 100%;\n }\n\n .", " {\n list-style: none;\n margin-top: 0;\n padding-left: ", "px;\n\n .", " {\n margin: 0;\n }\n }\n }\n "])), wrapperClassName$1, rootClassName$r, checkboxListClassName, theme.spacing(2.5), rootClassName$u);
|
|
3600
3733
|
});
|
|
3601
3734
|
var templateObject_1$u, templateObject_2$u;
|
|
3602
3735
|
|
|
3603
3736
|
var rootClassName$q = 'dot-form-group';
|
|
3604
|
-
var StyledFormGroup = styled__default["default"](core.FormGroup)(
|
|
3737
|
+
var StyledFormGroup = styled__default["default"](core.FormGroup).withConfig({
|
|
3738
|
+
displayName: "FormGroupstyles__StyledFormGroup",
|
|
3739
|
+
componentId: "sc-1dlipcr-0"
|
|
3740
|
+
})(templateObject_2$t || (templateObject_2$t = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
3605
3741
|
var theme = _a.theme,
|
|
3606
3742
|
row = _a.row;
|
|
3607
3743
|
return styled.css(templateObject_1$t || (templateObject_1$t = __makeTemplateObject(["\n &.", " {\n & > * {\n margin: ", ";\n }\n }\n "], ["\n &.", " {\n & > * {\n margin: ", ";\n }\n }\n "])), rootClassName$q, row ? theme.spacing(0.5) + "px" : 0);
|
|
@@ -3707,7 +3843,7 @@
|
|
|
3707
3843
|
label: label,
|
|
3708
3844
|
labelPlacement: labelPlacement,
|
|
3709
3845
|
name: name,
|
|
3710
|
-
onChange: function
|
|
3846
|
+
onChange: function (event) {
|
|
3711
3847
|
return handleChange(event, {
|
|
3712
3848
|
label: label,
|
|
3713
3849
|
value: value
|
|
@@ -3752,7 +3888,10 @@
|
|
|
3752
3888
|
}
|
|
3753
3889
|
|
|
3754
3890
|
var rootClassName$p = 'dot-dialog';
|
|
3755
|
-
var StyledDialog = styled__default["default"](core.Dialog)(
|
|
3891
|
+
var StyledDialog = styled__default["default"](core.Dialog).withConfig({
|
|
3892
|
+
displayName: "Dialogstyles__StyledDialog",
|
|
3893
|
+
componentId: "sc-1tkr4ex-0"
|
|
3894
|
+
})(templateObject_2$s || (templateObject_2$s = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
3756
3895
|
var theme = _a.theme;
|
|
3757
3896
|
return styled.css(templateObject_1$s || (templateObject_1$s = __makeTemplateObject(["\n &.", " {\n .MuiDialog-paper {\n background-color: ", ";\n min-width: 280px;\n max-height: 80vh;\n max-width: 80vw;\n }\n\n .MuiDialogTitle-root {\n align-items: center;\n display: flex;\n flex-wrap: nowrap;\n padding: ", ";\n h2 {\n flex-grow: 1;\n }\n\n .dot-icon-button {\n margin-left: ", "px;\n }\n }\n\n .dot-dialog-content {\n padding: ", ";\n overflow-y: auto;\n }\n\n .dot-dialog-actions {\n padding: ", ";\n\n .cancel-button {\n color: inherit;\n }\n }\n }\n "], ["\n &.", " {\n .MuiDialog-paper {\n background-color: ", ";\n min-width: 280px;\n max-height: 80vh;\n max-width: 80vw;\n }\n\n .MuiDialogTitle-root {\n align-items: center;\n display: flex;\n flex-wrap: nowrap;\n padding: ", ";\n h2 {\n flex-grow: 1;\n }\n\n .dot-icon-button {\n margin-left: ", "px;\n }\n }\n\n .dot-dialog-content {\n padding: ", ";\n overflow-y: auto;\n }\n\n .dot-dialog-actions {\n padding: ", ";\n\n .cancel-button {\n color: inherit;\n }\n }\n }\n "])), rootClassName$p, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.spacing(1, 2), theme.spacing(1), theme.spacing(1, 2), theme.spacing(2));
|
|
3758
3897
|
});
|
|
@@ -3845,7 +3984,7 @@
|
|
|
3845
3984
|
endIcon: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.endIcon,
|
|
3846
3985
|
onClick: handleCancel,
|
|
3847
3986
|
startIcon: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.startIcon,
|
|
3848
|
-
|
|
3987
|
+
tooltip: cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.tooltip,
|
|
3849
3988
|
type: "text"
|
|
3850
3989
|
}, (cancelButtonProps === null || cancelButtonProps === void 0 ? void 0 : cancelButtonProps.label) || 'Cancel'), hasPrimaryAction && /*#__PURE__*/React__default["default"].createElement(DotButton, {
|
|
3851
3990
|
autoFocus: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.autoFocus,
|
|
@@ -3856,7 +3995,7 @@
|
|
|
3856
3995
|
endIcon: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.endIcon,
|
|
3857
3996
|
onClick: handleSubmit,
|
|
3858
3997
|
startIcon: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.startIcon,
|
|
3859
|
-
|
|
3998
|
+
tooltip: submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.tooltip,
|
|
3860
3999
|
type: (submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.type) || 'primary'
|
|
3861
4000
|
}, (submitButtonProps === null || submitButtonProps === void 0 ? void 0 : submitButtonProps.label) || 'OK')));
|
|
3862
4001
|
};
|
|
@@ -3925,7 +4064,10 @@
|
|
|
3925
4064
|
className: rootClasses
|
|
3926
4065
|
}, children);
|
|
3927
4066
|
};
|
|
3928
|
-
var StyledGrid = styled__default["default"](Grid)(
|
|
4067
|
+
var StyledGrid = styled__default["default"](Grid).withConfig({
|
|
4068
|
+
displayName: "CssGrid__StyledGrid",
|
|
4069
|
+
componentId: "hupbhx-0"
|
|
4070
|
+
})(templateObject_2$r || (templateObject_2$r = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
3929
4071
|
var columns = _a.columns,
|
|
3930
4072
|
_b = _a.columnsBreakpoints,
|
|
3931
4073
|
columnsBreakpoints = _b === void 0 ? __assign({}, defaultColumns) : _b,
|
|
@@ -3957,7 +4099,10 @@
|
|
|
3957
4099
|
className: className
|
|
3958
4100
|
}, children);
|
|
3959
4101
|
};
|
|
3960
|
-
var CssCell = styled__default["default"](Cell)(
|
|
4102
|
+
var CssCell = styled__default["default"](Cell).withConfig({
|
|
4103
|
+
displayName: "CssCell",
|
|
4104
|
+
componentId: "sc-1podmpa-0"
|
|
4105
|
+
})(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
3961
4106
|
var _b = _a.alignItems,
|
|
3962
4107
|
alignItems = _b === void 0 ? 'stretch' : _b,
|
|
3963
4108
|
area = _a.area,
|
|
@@ -3985,11 +4130,20 @@
|
|
|
3985
4130
|
var gridClassName = 'debug-grid';
|
|
3986
4131
|
var gridClassContainer = 'debug-grid-container';
|
|
3987
4132
|
var cellClassName = 'debug-cell';
|
|
3988
|
-
var StyledGridOverlay = styled__default["default"](CssGrid)(
|
|
4133
|
+
var StyledGridOverlay = styled__default["default"](CssGrid).withConfig({
|
|
4134
|
+
displayName: "CssGridDebug__StyledGridOverlay",
|
|
4135
|
+
componentId: "sc-1agvp15-0"
|
|
4136
|
+
})(templateObject_2$p || (templateObject_2$p = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function () {
|
|
3989
4137
|
return styled.css(templateObject_1$p || (templateObject_1$p = __makeTemplateObject(["\n &.", " {\n position: absolute;\n z-index: ", ";\n width: 100%;\n .", " {\n background: rgba(255, 192, 203, 0.4);\n height: 100vh;\n }\n }\n "], ["\n &.", " {\n position: absolute;\n z-index: ", ";\n width: 100%;\n .", " {\n background: rgba(255, 192, 203, 0.4);\n height: 100vh;\n }\n }\n "])), gridClassName, levelBottom, cellClassName);
|
|
3990
4138
|
});
|
|
3991
|
-
var StyledInfo = styled__default["default"].div
|
|
3992
|
-
|
|
4139
|
+
var StyledInfo = styled__default["default"].div.withConfig({
|
|
4140
|
+
displayName: "CssGridDebug__StyledInfo",
|
|
4141
|
+
componentId: "sc-1agvp15-1"
|
|
4142
|
+
})(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n &.breakpoint-info {\n border-radius: 4px 0 0 4px;\n padding: 8px;\n position: fixed;\n background: rgba(255, 255, 255, 0.8);\n right: -1px;\n bottom: 10px;\n box-shadow: 2px 2px 2px #9c9c9c;\n font-family: sans-serif;\n font-size: 11px;\n width: 100px;\n border: 1px solid red;\n ul {\n list-style: none;\n padding-left: 4px;\n margin: 0;\n }\n .list {\n padding-top: 4px;\n }\n .header {\n font-weight: bold;\n }\n .message {\n padding-top: 8px;\n color: red;\n }\n }\n"], ["\n &.breakpoint-info {\n border-radius: 4px 0 0 4px;\n padding: 8px;\n position: fixed;\n background: rgba(255, 255, 255, 0.8);\n right: -1px;\n bottom: 10px;\n box-shadow: 2px 2px 2px #9c9c9c;\n font-family: sans-serif;\n font-size: 11px;\n width: 100px;\n border: 1px solid red;\n ul {\n list-style: none;\n padding-left: 4px;\n margin: 0;\n }\n .list {\n padding-top: 4px;\n }\n .header {\n font-weight: bold;\n }\n .message {\n padding-top: 8px;\n color: red;\n }\n }\n"])));
|
|
4143
|
+
var StyledDivContainer = styled__default["default"].div.withConfig({
|
|
4144
|
+
displayName: "CssGridDebug__StyledDivContainer",
|
|
4145
|
+
componentId: "sc-1agvp15-2"
|
|
4146
|
+
})(templateObject_4$2 || (templateObject_4$2 = __makeTemplateObject(["\n &.", " {\n position: relative;\n }\n"], ["\n &.", " {\n position: relative;\n }\n"])), gridClassContainer);
|
|
3993
4147
|
var CssGridDebug = function CssGridDebug(_a) {
|
|
3994
4148
|
var _b = _a.showInfo,
|
|
3995
4149
|
showInfo = _b === void 0 ? false : _b;
|
|
@@ -4077,7 +4231,10 @@
|
|
|
4077
4231
|
var templateObject_1$p, templateObject_2$p, templateObject_3$4, templateObject_4$2;
|
|
4078
4232
|
|
|
4079
4233
|
var rootClassName$n = 'dot-empty-state';
|
|
4080
|
-
var StyledEmptyState = styled__default["default"].div(
|
|
4234
|
+
var StyledEmptyState = styled__default["default"].div.withConfig({
|
|
4235
|
+
displayName: "EmptyStatestyles__StyledEmptyState",
|
|
4236
|
+
componentId: "sc-1sftmht-0"
|
|
4237
|
+
})(templateObject_2$o || (templateObject_2$o = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
4081
4238
|
var theme = _a.theme;
|
|
4082
4239
|
return styled.css(templateObject_1$o || (templateObject_1$o = __makeTemplateObject(["\n &.dot-empty-state {\n margin: 0 auto;\n max-width: 600px;\n text-align: center;\n\n .empty-state-image {\n min-height: 239px;\n margin-bottom: ", "px;\n }\n\n h2 {\n margin-bottom: ", "px;\n }\n\n .dot-button {\n margin-top: ", "px;\n }\n }\n "], ["\n &.dot-empty-state {\n margin: 0 auto;\n max-width: 600px;\n text-align: center;\n\n .empty-state-image {\n min-height: 239px;\n margin-bottom: ", "px;\n }\n\n h2 {\n margin-bottom: ", "px;\n }\n\n .dot-button {\n margin-top: ", "px;\n }\n }\n "])), theme.spacing(5), theme.spacing(1), theme.spacing(4));
|
|
4083
4240
|
});
|
|
@@ -4111,15 +4268,24 @@
|
|
|
4111
4268
|
|
|
4112
4269
|
var wrapperClassName = 'dot-radio-group-wrapper';
|
|
4113
4270
|
var groupClassName = 'dot-radio-group';
|
|
4114
|
-
var StyledRadioGroupWrapper = styled__default["default"].div(
|
|
4115
|
-
|
|
4271
|
+
var StyledRadioGroupWrapper = styled__default["default"].div.withConfig({
|
|
4272
|
+
displayName: "RadioGroupstyles__StyledRadioGroupWrapper",
|
|
4273
|
+
componentId: "sc-84g3mq-0"
|
|
4274
|
+
})(templateObject_1$n || (templateObject_1$n = __makeTemplateObject(["\n &.", " {\n .MuiFormControl-root {\n width: 100%;\n }\n\n .MuiFormLabel-root {\n display: inline;\n width: 100%;\n }\n }\n"], ["\n &.", " {\n .MuiFormControl-root {\n width: 100%;\n }\n\n .MuiFormLabel-root {\n display: inline;\n width: 100%;\n }\n }\n"])), wrapperClassName);
|
|
4275
|
+
var StyledRadioGroup = styled__default["default"](core.RadioGroup).withConfig({
|
|
4276
|
+
displayName: "RadioGroupstyles__StyledRadioGroup",
|
|
4277
|
+
componentId: "sc-84g3mq-1"
|
|
4278
|
+
})(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
4116
4279
|
var theme = _a.theme;
|
|
4117
4280
|
return styled.css(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["{\n &.", " {\n padding-left: ", "px;\n\n .", " {\n margin: 0;\n }\n }\n "], ["{\n &.", " {\n padding-left: ", "px;\n\n .", " {\n margin: 0;\n }\n }\n "])), groupClassName, theme.spacing(2.5), rootClassName$u);
|
|
4118
4281
|
});
|
|
4119
4282
|
var templateObject_1$n, templateObject_2$n, templateObject_3$3;
|
|
4120
4283
|
|
|
4121
4284
|
var rootClassName$m = 'dot-form';
|
|
4122
|
-
var StyledFormContainer = styled__default["default"].div(
|
|
4285
|
+
var StyledFormContainer = styled__default["default"].div.withConfig({
|
|
4286
|
+
displayName: "Formstyles__StyledFormContainer",
|
|
4287
|
+
componentId: "bbovqo-0"
|
|
4288
|
+
})(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
4123
4289
|
var theme = _a.theme;
|
|
4124
4290
|
return styled.css(templateObject_1$m || (templateObject_1$m = __makeTemplateObject(["\n &.", " {\n margin: ", ";\n\n .", ",\n .", ",\n .", ",\n .", " {\n margin: ", ";\n }\n\n .", ", .", " {\n .", " {\n margin: 0;\n }\n }\n }\n "], ["\n &.", " {\n margin: ", ";\n\n .", ",\n .", ",\n .", ",\n .", " {\n margin: ", ";\n }\n\n .", ", .", " {\n .", " {\n margin: 0;\n }\n }\n }\n "])), rootClassName$m, theme.spacing(3, 0), rootClassName$s, rootClassName$u, rootClassName$A, rootSelectClassName, theme.spacing(1, 0), rootClassName$r, groupClassName, rootClassName$u);
|
|
4125
4291
|
});
|
|
@@ -4143,7 +4309,10 @@
|
|
|
4143
4309
|
};
|
|
4144
4310
|
|
|
4145
4311
|
var rootClassName$l = 'dot-dynamic-form';
|
|
4146
|
-
var StyledDynamicForm = styled__default["default"](DotForm)(
|
|
4312
|
+
var StyledDynamicForm = styled__default["default"](DotForm).withConfig({
|
|
4313
|
+
displayName: "DynamicFormstyles__StyledDynamicForm",
|
|
4314
|
+
componentId: "sc-1lnljcn-0"
|
|
4315
|
+
})(templateObject_2$l || (templateObject_2$l = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function () {
|
|
4147
4316
|
return styled.css(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n &.", " {\n }\n "], ["\n &.", " {\n }\n "])), rootClassName$l);
|
|
4148
4317
|
});
|
|
4149
4318
|
var templateObject_1$l, templateObject_2$l;
|
|
@@ -4541,6 +4710,15 @@
|
|
|
4541
4710
|
warning = _g === void 0 ? false : _g;
|
|
4542
4711
|
var rootStyles = useStylesWithRootClass(rootSelectClassName, className);
|
|
4543
4712
|
var hasWarning = !error && warning && warningClassName;
|
|
4713
|
+
|
|
4714
|
+
var getOption = function getOption(option) {
|
|
4715
|
+
return typeof option === 'string' ? option : option.option;
|
|
4716
|
+
};
|
|
4717
|
+
|
|
4718
|
+
var getValue = function getValue(option) {
|
|
4719
|
+
return typeof option === 'string' ? option : (option === null || option === void 0 ? void 0 : option.value) || option.option;
|
|
4720
|
+
};
|
|
4721
|
+
|
|
4544
4722
|
return /*#__PURE__*/React__default["default"].createElement(StyledTextField, {
|
|
4545
4723
|
InputProps: {
|
|
4546
4724
|
startAdornment: startIcon && /*#__PURE__*/React__default["default"].createElement(StyledAdornment, {
|
|
@@ -4553,7 +4731,7 @@
|
|
|
4553
4731
|
}, endIcon)
|
|
4554
4732
|
},
|
|
4555
4733
|
SelectProps: {
|
|
4556
|
-
|
|
4734
|
+
native: true
|
|
4557
4735
|
},
|
|
4558
4736
|
autoFocus: autoFocus,
|
|
4559
4737
|
className: rootStyles + " " + hasWarning,
|
|
@@ -4584,14 +4762,17 @@
|
|
|
4584
4762
|
}, options.map(function (option) {
|
|
4585
4763
|
return /*#__PURE__*/React__default["default"].createElement("option", {
|
|
4586
4764
|
className: "dot-option",
|
|
4587
|
-
key: option,
|
|
4588
|
-
value: option
|
|
4589
|
-
}, option);
|
|
4765
|
+
key: getValue(option),
|
|
4766
|
+
value: getValue(option)
|
|
4767
|
+
}, getOption(option));
|
|
4590
4768
|
}));
|
|
4591
4769
|
};
|
|
4592
4770
|
|
|
4593
4771
|
var rootClassName$k = 'dot-progress-button';
|
|
4594
|
-
var StyledProgressButton = styled__default["default"](DotButton)(
|
|
4772
|
+
var StyledProgressButton = styled__default["default"](DotButton).withConfig({
|
|
4773
|
+
displayName: "ProgressButtonstyles__StyledProgressButton",
|
|
4774
|
+
componentId: "sc-1fvgky0-0"
|
|
4775
|
+
})(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
4595
4776
|
var theme = _a.theme;
|
|
4596
4777
|
return styled.css(templateObject_1$k || (templateObject_1$k = __makeTemplateObject(["\n &.", " {\n .hidden {\n // hide children but preserve its space so that\n // button's dimensions don't change\n visibility: hidden;\n }\n .progress-circle {\n color: ", ";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: auto;\n }\n }\n "], ["\n &.", " {\n .hidden {\n // hide children but preserve its space so that\n // button's dimensions don't change\n visibility: hidden;\n }\n .progress-circle {\n color: ", ";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n margin: auto;\n }\n }\n "])), rootClassName$k, theme.palette.layer.n300);
|
|
4597
4778
|
});
|
|
@@ -4645,7 +4826,10 @@
|
|
|
4645
4826
|
};
|
|
4646
4827
|
|
|
4647
4828
|
var rootClassName$j = 'dot-radio';
|
|
4648
|
-
var StyledRadioButton = styled__default["default"](core.Radio)(
|
|
4829
|
+
var StyledRadioButton = styled__default["default"](core.Radio).withConfig({
|
|
4830
|
+
displayName: "RadioButtonstyles__StyledRadioButton",
|
|
4831
|
+
componentId: "brp0sc-0"
|
|
4832
|
+
})(templateObject_2$j || (templateObject_2$j = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
4649
4833
|
_a.theme;
|
|
4650
4834
|
return styled.css(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["{\n &.", " {\n padding: 8px;\n }\n "], ["{\n &.", " {\n padding: 8px;\n }\n "])), rootClassName$j);
|
|
4651
4835
|
});
|
|
@@ -4782,9 +4966,12 @@
|
|
|
4782
4966
|
};
|
|
4783
4967
|
|
|
4784
4968
|
var rootClassName$i = 'dot-switch';
|
|
4785
|
-
var StyledSwitch = styled__default["default"](core.Switch)(
|
|
4969
|
+
var StyledSwitch = styled__default["default"](core.Switch).withConfig({
|
|
4970
|
+
displayName: "Switchstyles__StyledSwitch",
|
|
4971
|
+
componentId: "eign2a-0"
|
|
4972
|
+
})(templateObject_2$i || (templateObject_2$i = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
4786
4973
|
var theme = _a.theme;
|
|
4787
|
-
return styled.css(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["{\n &.dot-switch {\n span.Mui-disabled {\n color: ", ";\n }\n\n .MuiSwitch-switchBase\n :not(.Mui-checked) \n :not(.Mui-disabled) {\n color: ", ";\n }\n }\n "], ["{\n &.dot-switch {\n span.Mui-disabled {\n color: ", ";\n }\n\n .MuiSwitch-switchBase\n :not(.Mui-checked) \n :not(.Mui-disabled) {\n color: ", ";\n }\n }\n "])), theme.palette.grey[200], theme.palette.background
|
|
4974
|
+
return styled.css(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["{\n &.dot-switch {\n span.Mui-disabled {\n color: ", ";\n }\n\n .MuiSwitch-switchBase\n :not(.Mui-checked) \n :not(.Mui-disabled) {\n color: ", ";\n }\n }\n "], ["{\n &.dot-switch {\n span.Mui-disabled {\n color: ", ";\n }\n\n .MuiSwitch-switchBase\n :not(.Mui-checked) \n :not(.Mui-disabled) {\n color: ", ";\n }\n }\n "])), theme.palette.grey[200], theme.palette.background.default);
|
|
4788
4975
|
});
|
|
4789
4976
|
var templateObject_1$i, templateObject_2$i;
|
|
4790
4977
|
|
|
@@ -5095,7 +5282,7 @@
|
|
|
5095
5282
|
key: index
|
|
5096
5283
|
}, props, {
|
|
5097
5284
|
disabled: disabled,
|
|
5098
|
-
onClick: function
|
|
5285
|
+
onClick: function (e) {
|
|
5099
5286
|
var _a;
|
|
5100
5287
|
|
|
5101
5288
|
(_a = props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
|
@@ -5453,7 +5640,10 @@
|
|
|
5453
5640
|
};
|
|
5454
5641
|
|
|
5455
5642
|
var rootClassName$h = 'dot-inline-edit';
|
|
5456
|
-
var StyledInlineEdit = styled__default["default"].div(
|
|
5643
|
+
var StyledInlineEdit = styled__default["default"].div.withConfig({
|
|
5644
|
+
displayName: "InlineEditstyles__StyledInlineEdit",
|
|
5645
|
+
componentId: "sc-10l2c0v-0"
|
|
5646
|
+
})(templateObject_2$h || (templateObject_2$h = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
5457
5647
|
var theme = _a.theme;
|
|
5458
5648
|
return styled.css(templateObject_1$h || (templateObject_1$h = __makeTemplateObject(["\n &.dot-inline-edit {\n color: ", ";\n\n &:not(.disabled):not(.editing) {\n &:hover,\n &:focus {\n .MuiInputAdornment-root {\n display: flex;\n }\n }\n }\n\n .MuiInputAdornment-root {\n display: none;\n }\n\n .editing-actions {\n display: flex;\n justify-content: flex-end;\n margin-top: ", "px;\n\n .dot-icon-btn {\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n margin-left: ", "px;\n padding: ", "px;\n\n &:hover {\n background: ", ";\n }\n }\n }\n\n .inline-edit {\n &:hover,\n &:focus,\n &:active {\n cursor: pointer;\n }\n }\n\n // icon already has spacing, strip the extra\n .MuiOutlinedInput-adornedEnd {\n padding-right: 0;\n margin-left: 0;\n\n .dot-icon {\n height: auto;\n width: auto;\n }\n }\n }\n "], ["\n &.dot-inline-edit {\n color: ", ";\n\n &:not(.disabled):not(.editing) {\n &:hover,\n &:focus {\n .MuiInputAdornment-root {\n display: flex;\n }\n }\n }\n\n .MuiInputAdornment-root {\n display: none;\n }\n\n .editing-actions {\n display: flex;\n justify-content: flex-end;\n margin-top: ", "px;\n\n .dot-icon-btn {\n background: ", ";\n border: 1px solid ", ";\n color: ", ";\n margin-left: ", "px;\n padding: ", "px;\n\n &:hover {\n background: ", ";\n }\n }\n }\n\n .inline-edit {\n &:hover,\n &:focus,\n &:active {\n cursor: pointer;\n }\n }\n\n // icon already has spacing, strip the extra\n .MuiOutlinedInput-adornedEnd {\n padding-right: 0;\n margin-left: 0;\n\n .dot-icon {\n height: auto;\n width: auto;\n }\n }\n }\n "])), theme.palette.grey[700], theme.spacing(0.5), theme.palette.grey[0], theme.palette.grey[300], theme.palette.grey[700], theme.spacing(1), theme.spacing(0.25), theme.palette.grey[50]);
|
|
5459
5649
|
});
|
|
@@ -5585,10 +5775,10 @@
|
|
|
5585
5775
|
"aria-label": ariaLabel,
|
|
5586
5776
|
className: rootClasses + " " + (editing ? 'editing' : disabled ? 'disabled' : ''),
|
|
5587
5777
|
"data-testid": "inline-edit-wrapper",
|
|
5588
|
-
onClick: function
|
|
5778
|
+
onClick: function (event) {
|
|
5589
5779
|
return !disabled && handleClick(event);
|
|
5590
5780
|
},
|
|
5591
|
-
onKeyDown: function
|
|
5781
|
+
onKeyDown: function (event) {
|
|
5592
5782
|
return onKeyPress(event);
|
|
5593
5783
|
}
|
|
5594
5784
|
}, /*#__PURE__*/React__default["default"].createElement(core.TextField, {
|
|
@@ -5613,7 +5803,7 @@
|
|
|
5613
5803
|
},
|
|
5614
5804
|
multiline: false,
|
|
5615
5805
|
name: name,
|
|
5616
|
-
onChange: function
|
|
5806
|
+
onChange: function (event) {
|
|
5617
5807
|
return setInputValue(event.target.value);
|
|
5618
5808
|
},
|
|
5619
5809
|
required: required,
|
|
@@ -5639,7 +5829,10 @@
|
|
|
5639
5829
|
};
|
|
5640
5830
|
|
|
5641
5831
|
var rootClassName$g = 'dot-navigation-rail';
|
|
5642
|
-
var StyledNavigationRail = styled__default["default"].div(
|
|
5832
|
+
var StyledNavigationRail = styled__default["default"].div.withConfig({
|
|
5833
|
+
displayName: "NavigationRailstyles__StyledNavigationRail",
|
|
5834
|
+
componentId: "sc-160kivd-0"
|
|
5835
|
+
})(templateObject_2$g || (templateObject_2$g = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
5643
5836
|
var theme = _a.theme,
|
|
5644
5837
|
railItemPosition = _a.railItemPosition;
|
|
5645
5838
|
return styled.css(templateObject_1$g || (templateObject_1$g = __makeTemplateObject(["\n &.", " {\n background-color: ", ";\n border-left: 1px solid ", ";\n display: flex;\n flex-direction: column;\n justify-content: ", ";\n padding: ", ";\n width: 72px;\n\n .rail-item-button {\n flex-basis: 72px;\n border-radius: 0;\n margin: 0;\n padding: 0;\n width: 100%;\n white-space: normal;\n\n &.selected {\n background-color: ", ";\n }\n\n &:focus-visible {\n background-color: ", ";\n }\n\n .MuiButton-label {\n display: flex;\n flex-direction: column;\n word-break: break-word;\n }\n }\n }\n "], ["\n &.", " {\n background-color: ", ";\n border-left: 1px solid ", ";\n display: flex;\n flex-direction: column;\n justify-content: ", ";\n padding: ", ";\n width: 72px;\n\n .rail-item-button {\n flex-basis: 72px;\n border-radius: 0;\n margin: 0;\n padding: 0;\n width: 100%;\n white-space: normal;\n\n &.selected {\n background-color: ", ";\n }\n\n &:focus-visible {\n background-color: ", ";\n }\n\n .MuiButton-label {\n display: flex;\n flex-direction: column;\n word-break: break-word;\n }\n }\n }\n "])), rootClassName$g, theme.palette.layer.n50, theme.palette.layer.n100, railItemPosition, theme.spacing(1, 0, 0), theme.palette.layer.n0, theme.palette.layer.n100);
|
|
@@ -5705,7 +5898,10 @@
|
|
|
5705
5898
|
};
|
|
5706
5899
|
|
|
5707
5900
|
var rootClassName$f = 'dot-pill';
|
|
5708
|
-
var StyledPill = styled__default["default"](core.Chip)(
|
|
5901
|
+
var StyledPill = styled__default["default"](core.Chip).withConfig({
|
|
5902
|
+
displayName: "Pillstyles__StyledPill",
|
|
5903
|
+
componentId: "l7oxi2-0"
|
|
5904
|
+
})(templateObject_2$f || (templateObject_2$f = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
5709
5905
|
var theme = _a.theme;
|
|
5710
5906
|
return styled.css(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n &.", " {\n background-color: ", ";\n color: ", ";\n\n &.error {\n background-color: ", ";\n color: ", ";\n }\n\n &.success {\n background-color: ", ";\n color: ", ";\n }\n &.warning {\n background-color: ", ";\n color: ", ";\n }\n\n &.in-progress {\n background-color: ", ";\n color: ", ";\n }\n "], ["\n &.", " {\n background-color: ", ";\n color: ", ";\n\n &.error {\n background-color: ", ";\n color: ", ";\n }\n\n &.success {\n background-color: ", ";\n color: ", ";\n }\n &.warning {\n background-color: ", ";\n color: ", ";\n }\n\n &.in-progress {\n background-color: ", ";\n color: ", ";\n }\n "])), rootClassName$f, function (_a) {
|
|
5711
5907
|
var backgroundcolor = _a.backgroundcolor;
|
|
@@ -5744,7 +5940,10 @@
|
|
|
5744
5940
|
};
|
|
5745
5941
|
|
|
5746
5942
|
var rootClassName$e = 'dot-skeleton';
|
|
5747
|
-
var StyledSkeleton = styled__default["default"](lab.Skeleton)(
|
|
5943
|
+
var StyledSkeleton = styled__default["default"](lab.Skeleton).withConfig({
|
|
5944
|
+
displayName: "Skeletonstyles__StyledSkeleton",
|
|
5945
|
+
componentId: "sc-17ayzv5-0"
|
|
5946
|
+
})(templateObject_2$e || (templateObject_2$e = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
5748
5947
|
var theme = _a.theme;
|
|
5749
5948
|
return styled.css(templateObject_1$e || (templateObject_1$e = __makeTemplateObject(["\n &.", " {\n background-color: ", ";\n }\n "], ["\n &.", " {\n background-color: ", ";\n }\n "])), rootClassName$e, theme.palette.grey[100]);
|
|
5750
5949
|
});
|
|
@@ -5775,7 +5974,10 @@
|
|
|
5775
5974
|
};
|
|
5776
5975
|
|
|
5777
5976
|
var rootClassName$d = 'dot-snackbar';
|
|
5778
|
-
var StyledSnackbar = styled__default["default"](core.Snackbar)(
|
|
5977
|
+
var StyledSnackbar = styled__default["default"](core.Snackbar).withConfig({
|
|
5978
|
+
displayName: "Snackbarstyles__StyledSnackbar",
|
|
5979
|
+
componentId: "sc-1huxoy3-0"
|
|
5980
|
+
})(templateObject_2$d || (templateObject_2$d = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
5779
5981
|
var theme = _a.theme;
|
|
5780
5982
|
return styled.css(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n &.", " {\n .MuiSvgIcon-root {\n color: ", ";\n }\n .MuiAlert-icon {\n padding: 11px 0px;\n }\n .MuiAlert-message {\n padding: 13px 0px;\n word-break: break-all;\n }\n &.MuiSnackbar-anchorOriginTopRight{\n top: 0px;\n z-index: ", ";\n }\n .MuiAlert-root {\n &.MuiAlert-standardInfo{\n background-color: ", ";\n }\n &.MuiAlert-standardWarning{\n color: ", ";\n .MuiSvgIcon-root{\n color: ", ";\n }\n }\n max-width: 500px;\n min-width: 344px;\n color: ", ";\n z-index: ", ";\n position: relative;\n margin-top: 108px;\n background-color: ", ";\n @media (min-width: 720px) {\n .MuiAlert-root {\n top: 112px;\n position: relative;\n }\n }\n }\n "], ["\n &.", " {\n .MuiSvgIcon-root {\n color: ", ";\n }\n .MuiAlert-icon {\n padding: 11px 0px;\n }\n .MuiAlert-message {\n padding: 13px 0px;\n word-break: break-all;\n }\n &.MuiSnackbar-anchorOriginTopRight{\n top: 0px;\n z-index: ", ";\n }\n .MuiAlert-root {\n &.MuiAlert-standardInfo{\n background-color: ", ";\n }\n &.MuiAlert-standardWarning{\n color: ", ";\n .MuiSvgIcon-root{\n color: ", ";\n }\n }\n max-width: 500px;\n min-width: 344px;\n color: ", ";\n z-index: ", ";\n position: relative;\n margin-top: 108px;\n background-color: ", ";\n @media (min-width: 720px) {\n .MuiAlert-root {\n top: 112px;\n position: relative;\n }\n }\n }\n "])), rootClassName$d, theme.palette.layer.n0, levelFourth, theme.palette.primary[500], theme.palette.grey[900], theme.palette.grey[900], theme.palette.layer.n0, levelFourth, function (props) {
|
|
5781
5983
|
return theme.palette[props.severity].main;
|
|
@@ -5839,17 +6041,20 @@
|
|
|
5839
6041
|
};
|
|
5840
6042
|
|
|
5841
6043
|
var rootClassName$c = 'dot-snackbar-container';
|
|
5842
|
-
var StyledSnackbarContainer = styled__default["default"].div(
|
|
6044
|
+
var StyledSnackbarContainer = styled__default["default"].div.withConfig({
|
|
6045
|
+
displayName: "SnackbarContainerstyles__StyledSnackbarContainer",
|
|
6046
|
+
componentId: "sc-1ogwjuc-0"
|
|
6047
|
+
})(templateObject_2$c || (templateObject_2$c = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function () {
|
|
5843
6048
|
return styled.css(templateObject_1$c || (templateObject_1$c = __makeTemplateObject(["\n &.", " {\n position: absolute;\n top: 0;\n width: 250px;\n height: auto;\n right: 0;\n & > div {\n position: relative;\n }\n }\n "], ["\n &.", " {\n position: absolute;\n top: 0;\n width: 250px;\n height: auto;\n right: 0;\n & > div {\n position: relative;\n }\n }\n "])), rootClassName$c);
|
|
5844
6049
|
});
|
|
5845
6050
|
var templateObject_1$c, templateObject_2$c;
|
|
5846
6051
|
|
|
5847
6052
|
var DotSnackbarContext = /*#__PURE__*/React.createContext({
|
|
5848
6053
|
alerts: [],
|
|
5849
|
-
enqueueMessage: function
|
|
6054
|
+
enqueueMessage: function (_message, _severity) {
|
|
5850
6055
|
return null;
|
|
5851
6056
|
},
|
|
5852
|
-
removeMessage: function
|
|
6057
|
+
removeMessage: function (_id) {
|
|
5853
6058
|
return null;
|
|
5854
6059
|
}
|
|
5855
6060
|
});
|
|
@@ -5925,11 +6130,17 @@
|
|
|
5925
6130
|
};
|
|
5926
6131
|
|
|
5927
6132
|
var rootClassName$b = 'dot-split-button-group';
|
|
5928
|
-
var StyledSplitButtonGroup = styled__default["default"](core.ButtonGroup)(
|
|
6133
|
+
var StyledSplitButtonGroup = styled__default["default"](core.ButtonGroup).withConfig({
|
|
6134
|
+
displayName: "SplitButtonstyles__StyledSplitButtonGroup",
|
|
6135
|
+
componentId: "ild520-0"
|
|
6136
|
+
})(templateObject_2$b || (templateObject_2$b = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
5929
6137
|
var theme = _a.theme;
|
|
5930
6138
|
return styled.css(templateObject_1$b || (templateObject_1$b = __makeTemplateObject(["\n &.", " {\n box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%),\n 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);\n &.disabled {\n box-shadow: none;\n\n .dot-button {\n background: ", ";\n border: 1px solid ", ";\n }\n }\n\n &.outlined,\n &.text {\n box-shadow: none;\n .expand-button {\n border-left: none;\n }\n }\n\n &.outlined .dot-button {\n border-color: ", ";\n }\n\n &.destructive .expand-button {\n border-left-color: ", ";\n }\n\n .dot-button {\n box-shadow: none;\n margin: 0;\n padding: ", ";\n }\n\n .expand-button {\n border-left: 1px solid ", ";\n\n &.Mui-disabled {\n border-left: 0;\n }\n\n .MuiButton-label,\n .dot-icon {\n width: 14px;\n height: 14px;\n }\n }\n }\n "], ["\n &.", " {\n box-shadow: 0px 3px 1px -2px rgb(0 0 0 / 20%),\n 0px 2px 2px 0px rgb(0 0 0 / 14%), 0px 1px 5px 0px rgb(0 0 0 / 12%);\n &.disabled {\n box-shadow: none;\n\n .dot-button {\n background: ", ";\n border: 1px solid ", ";\n }\n }\n\n &.outlined,\n &.text {\n box-shadow: none;\n .expand-button {\n border-left: none;\n }\n }\n\n &.outlined .dot-button {\n border-color: ", ";\n }\n\n &.destructive .expand-button {\n border-left-color: ", ";\n }\n\n .dot-button {\n box-shadow: none;\n margin: 0;\n padding: ", ";\n }\n\n .expand-button {\n border-left: 1px solid ", ";\n\n &.Mui-disabled {\n border-left: 0;\n }\n\n .MuiButton-label,\n .dot-icon {\n width: 14px;\n height: 14px;\n }\n }\n }\n "])), rootClassName$b, theme.palette.grey['50'], theme.palette.grey['200'], theme.palette.grey['300'], theme.palette.error['800'], theme.spacing(0.75, 1.5), theme.palette.primary['800']);
|
|
5931
6139
|
});
|
|
5932
|
-
var StyledMenu$1 = styled__default["default"](DotMenu)(
|
|
6140
|
+
var StyledMenu$1 = styled__default["default"](DotMenu).withConfig({
|
|
6141
|
+
displayName: "SplitButtonstyles__StyledMenu",
|
|
6142
|
+
componentId: "ild520-1"
|
|
6143
|
+
})(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n &.dot-menu {\n z-index: ", ";\n }\n"], ["\n &.dot-menu {\n z-index: ", ";\n }\n"])), levelTop);
|
|
5933
6144
|
var templateObject_1$b, templateObject_2$b, templateObject_3$2;
|
|
5934
6145
|
|
|
5935
6146
|
var DotSplitButton = function DotSplitButton(_a) {
|
|
@@ -5985,7 +6196,7 @@
|
|
|
5985
6196
|
React.useEffect(function () {
|
|
5986
6197
|
// deprecation warning
|
|
5987
6198
|
if (titleTooltip) {
|
|
5988
|
-
console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip`
|
|
6199
|
+
console.warn('The use of `titleTooltip` is deprecated and will be removed in the next major release, please use `tooltip` instead.');
|
|
5989
6200
|
}
|
|
5990
6201
|
}, []);
|
|
5991
6202
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(StyledSplitButtonGroup, {
|
|
@@ -6000,7 +6211,7 @@
|
|
|
6000
6211
|
disableRipple: disableRipple,
|
|
6001
6212
|
disabled: disabled,
|
|
6002
6213
|
isSubmit: isSubmit,
|
|
6003
|
-
onClick: function
|
|
6214
|
+
onClick: function (event) {
|
|
6004
6215
|
return handleClick(event);
|
|
6005
6216
|
},
|
|
6006
6217
|
size: size,
|
|
@@ -6011,7 +6222,7 @@
|
|
|
6011
6222
|
"data-testid": dataTestId,
|
|
6012
6223
|
disableRipple: disableRipple,
|
|
6013
6224
|
disabled: disabled,
|
|
6014
|
-
onClick: function
|
|
6225
|
+
onClick: function () {
|
|
6015
6226
|
return setOpen(!open);
|
|
6016
6227
|
},
|
|
6017
6228
|
size: size,
|
|
@@ -6026,7 +6237,7 @@
|
|
|
6026
6237
|
id: "dot-menu-id",
|
|
6027
6238
|
menuItems: options,
|
|
6028
6239
|
menuPlacement: "bottom-end",
|
|
6029
|
-
onLeave: function
|
|
6240
|
+
onLeave: function () {
|
|
6030
6241
|
return setOpen(false);
|
|
6031
6242
|
},
|
|
6032
6243
|
onSelect: handleClick,
|
|
@@ -6035,7 +6246,10 @@
|
|
|
6035
6246
|
};
|
|
6036
6247
|
|
|
6037
6248
|
var rootClassName$a = 'dot-table-pagination';
|
|
6038
|
-
var StyledTablePagination = styled__default["default"].div(
|
|
6249
|
+
var StyledTablePagination = styled__default["default"].div.withConfig({
|
|
6250
|
+
displayName: "TablePaginationstyles__StyledTablePagination",
|
|
6251
|
+
componentId: "bs7p0b-0"
|
|
6252
|
+
})(templateObject_2$a || (templateObject_2$a = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
6039
6253
|
var theme = _a.theme,
|
|
6040
6254
|
typography = _a.typography;
|
|
6041
6255
|
return styled.css(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n .", " {\n .dot-caption {\n font-size: ", "px;\n margin: 0;\n }\n\n .dot-menu {\n margin-bottom: 0;\n }\n\n border-top: 1px solid\n ", ";\n }\n "], ["\n .", " {\n .dot-caption {\n font-size: ", "px;\n margin: 0;\n }\n\n .dot-menu {\n margin-bottom: 0;\n }\n\n border-top: 1px solid\n ", ";\n }\n "])), rootClassName$a, theme.typography[typography].fontSize, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]);
|
|
@@ -6095,15 +6309,24 @@
|
|
|
6095
6309
|
};
|
|
6096
6310
|
|
|
6097
6311
|
var rootClassName$9 = 'dot-table';
|
|
6098
|
-
var StyledPaper = styled__default["default"](core.Paper)(
|
|
6312
|
+
var StyledPaper = styled__default["default"](core.Paper).withConfig({
|
|
6313
|
+
displayName: "Tablestyles__StyledPaper",
|
|
6314
|
+
componentId: "s95z6y-0"
|
|
6315
|
+
})(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
6099
6316
|
var theme = _a.theme;
|
|
6100
6317
|
return styled.css(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n &.", " {\n background: ", ";\n border: 1px solid\n ", ";\n\n // while loading, change opacity, disable pointer events\n // and hide pagination.\n &.loading {\n opacity: 0.4;\n pointer-events: none;\n .dot-table-pagination {\n display: none;\n }\n }\n }\n "], ["\n &.", " {\n background: ", ";\n border: 1px solid\n ", ";\n\n // while loading, change opacity, disable pointer events\n // and hide pagination.\n &.loading {\n opacity: 0.4;\n pointer-events: none;\n .dot-table-pagination {\n display: none;\n }\n }\n }\n "])), rootClassName$9, theme.palette.product === 'agility' && theme.palette.layer.n50, theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200]);
|
|
6101
6318
|
});
|
|
6102
|
-
var StyledTableContainer = styled__default["default"](core.TableContainer)(
|
|
6319
|
+
var StyledTableContainer = styled__default["default"](core.TableContainer).withConfig({
|
|
6320
|
+
displayName: "Tablestyles__StyledTableContainer",
|
|
6321
|
+
componentId: "s95z6y-1"
|
|
6322
|
+
})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
6103
6323
|
var theme = _a.theme;
|
|
6104
6324
|
return styled.css(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n &.dot-table-container {\n border-radius: 4px;\n align-items: stretch;\n flex-direction: column;\n justify-content: center;\n\n table {\n width: 100%;\n\n td,\n th {\n .dot-cell-typography {\n margin: 0;\n }\n }\n\n .Mui-selected:not(:hover) {\n background-color: ", ";\n }\n\n .MuiTableRow-head {\n height: 56px;\n }\n\n .MuiTableCell-root {\n border-bottom: 1px solid\n ", ";\n\n &.MuiTableCell-stickyHeader {\n background: ", ";\n }\n }\n\n .MuiTableRow-root {\n height: 52px;\n }\n }\n }\n "], ["\n &.dot-table-container {\n border-radius: 4px;\n align-items: stretch;\n flex-direction: column;\n justify-content: center;\n\n table {\n width: 100%;\n\n td,\n th {\n .dot-cell-typography {\n margin: 0;\n }\n }\n\n .Mui-selected:not(:hover) {\n background-color: ", ";\n }\n\n .MuiTableRow-head {\n height: 56px;\n }\n\n .MuiTableCell-root {\n border-bottom: 1px solid\n ", ";\n\n &.MuiTableCell-stickyHeader {\n background: ", ";\n }\n }\n\n .MuiTableRow-root {\n height: 52px;\n }\n }\n }\n "])), theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[200], theme.palette.product === 'agility' ? theme.palette.layer.n100 : theme.palette.grey[200], theme.palette.product === 'agility' && theme.palette.layer.n50);
|
|
6105
6325
|
});
|
|
6106
|
-
var StyledMenu = styled__default["default"](DotMenu)(
|
|
6326
|
+
var StyledMenu = styled__default["default"](DotMenu).withConfig({
|
|
6327
|
+
displayName: "Tablestyles__StyledMenu",
|
|
6328
|
+
componentId: "s95z6y-2"
|
|
6329
|
+
})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n .dot-ul > li {\n padding: 0;\n > button {\n width: 100%;\n margin: 0;\n // When we have DotButton as the action item inside of the menu\n // it looks more natural when it is \"left-aligned\"\n justify-content: flex-start;\n }\n }\n"], ["\n .dot-ul > li {\n padding: 0;\n > button {\n width: 100%;\n margin: 0;\n // When we have DotButton as the action item inside of the menu\n // it looks more natural when it is \"left-aligned\"\n justify-content: flex-start;\n }\n }\n"])));
|
|
6107
6330
|
var templateObject_1$9, templateObject_2$9, templateObject_3$1, templateObject_4$1, templateObject_5;
|
|
6108
6331
|
|
|
6109
6332
|
var getFormattedTableCellValue = function getFormattedTableCellValue(value, typographyVariant) {
|
|
@@ -6174,7 +6397,10 @@
|
|
|
6174
6397
|
};
|
|
6175
6398
|
|
|
6176
6399
|
var rootClassName$8 = 'dot-td';
|
|
6177
|
-
var StyledTableCell = styled__default["default"](core.TableCell)(
|
|
6400
|
+
var StyledTableCell = styled__default["default"](core.TableCell).withConfig({
|
|
6401
|
+
displayName: "TableCellstyles__StyledTableCell",
|
|
6402
|
+
componentId: "e84k25-0"
|
|
6403
|
+
})(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function () {
|
|
6178
6404
|
return styled.css(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n &.", " {\n padding-top: 0;\n padding-bottom: 0;\n\n &.noWrap,\n &.actionItems {\n max-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n &.actionItems {\n text-overflow: clip;\n text-align: right;\n }\n\n .action-cell-wrapper {\n width: 100%;\n }\n }\n "], ["\n &.", " {\n padding-top: 0;\n padding-bottom: 0;\n\n &.noWrap,\n &.actionItems {\n max-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n &.actionItems {\n text-overflow: clip;\n text-align: right;\n }\n\n .action-cell-wrapper {\n width: 100%;\n }\n }\n "])), rootClassName$8);
|
|
6179
6405
|
});
|
|
6180
6406
|
var templateObject_1$8, templateObject_2$8;
|
|
@@ -6238,7 +6464,7 @@
|
|
|
6238
6464
|
className: "dot-table-action-icon",
|
|
6239
6465
|
iconId: "options",
|
|
6240
6466
|
iconSize: "small",
|
|
6241
|
-
onClick: function
|
|
6467
|
+
onClick: function () {
|
|
6242
6468
|
return onActionMenuTrigger(wrapperRef.current, value);
|
|
6243
6469
|
},
|
|
6244
6470
|
size: "small"
|
|
@@ -6272,7 +6498,10 @@
|
|
|
6272
6498
|
};
|
|
6273
6499
|
|
|
6274
6500
|
var rootClassName$7 = 'dot-td-checkbox';
|
|
6275
|
-
var StyledTableBodyCheckboxCell = styled__default["default"](core.TableCell)(
|
|
6501
|
+
var StyledTableBodyCheckboxCell = styled__default["default"](core.TableCell).withConfig({
|
|
6502
|
+
displayName: "TableBodyCheckboxCellstyles__StyledTableBodyCheckboxCell",
|
|
6503
|
+
componentId: "ebk3sz-0"
|
|
6504
|
+
})(templateObject_2$7 || (templateObject_2$7 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
6276
6505
|
var theme = _a.theme;
|
|
6277
6506
|
return styled.css(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n &.", " {\n /* Override only top/bottom, but preserve left/right padding */\n padding-top: ", ";\n padding-bottom: ", ";\n }\n "], ["\n &.", " {\n /* Override only top/bottom, but preserve left/right padding */\n padding-top: ", ";\n padding-bottom: ", ";\n }\n "])), rootClassName$7, theme.spacing(0), theme.spacing(0));
|
|
6278
6507
|
});
|
|
@@ -6317,7 +6546,10 @@
|
|
|
6317
6546
|
};
|
|
6318
6547
|
|
|
6319
6548
|
var rootClassName$6 = 'dot-tr';
|
|
6320
|
-
var StyledTableRowStyles = styled__default["default"](core.TableRow)(
|
|
6549
|
+
var StyledTableRowStyles = styled__default["default"](core.TableRow).withConfig({
|
|
6550
|
+
displayName: "TableRowstyles__StyledTableRowStyles",
|
|
6551
|
+
componentId: "a4fx2l-0"
|
|
6552
|
+
})(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
6321
6553
|
var theme = _a.theme;
|
|
6322
6554
|
return styled.css(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n &.", " {\n &.selected {\n background-color: ", ";\n }\n }\n "], ["\n &.", " {\n &.selected {\n background-color: ", ";\n }\n }\n "])), rootClassName$6, theme.palette.primary[50]);
|
|
6323
6555
|
});
|
|
@@ -6333,7 +6565,7 @@
|
|
|
6333
6565
|
className = _a.className,
|
|
6334
6566
|
data = _a.data,
|
|
6335
6567
|
multiSelectBody = _a.multiSelectBody,
|
|
6336
|
-
|
|
6568
|
+
onActionMenuTrigger = _a.onActionMenuTrigger,
|
|
6337
6569
|
onClick = _a.onClick,
|
|
6338
6570
|
rowKey = _a.rowKey,
|
|
6339
6571
|
selected = _a.selected,
|
|
@@ -6375,8 +6607,8 @@
|
|
|
6375
6607
|
className: rowData.className && rowData.className + "-" + column.id,
|
|
6376
6608
|
key: index,
|
|
6377
6609
|
noWrap: column.truncate,
|
|
6378
|
-
onActionMenuTrigger: function
|
|
6379
|
-
return
|
|
6610
|
+
onActionMenuTrigger: function (menuRef, menuItem) {
|
|
6611
|
+
return onActionMenuTrigger(menuRef, menuItem);
|
|
6380
6612
|
},
|
|
6381
6613
|
value: rowData[column.id]
|
|
6382
6614
|
});
|
|
@@ -6398,7 +6630,10 @@
|
|
|
6398
6630
|
};
|
|
6399
6631
|
|
|
6400
6632
|
var rootClassName$5 = 'dot-tbody';
|
|
6401
|
-
var StyledTableBody = styled__default["default"](core.TableBody)(
|
|
6633
|
+
var StyledTableBody = styled__default["default"](core.TableBody).withConfig({
|
|
6634
|
+
displayName: "TableBodystyles__StyledTableBody",
|
|
6635
|
+
componentId: "wszqgk-0"
|
|
6636
|
+
})(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
6402
6637
|
var theme = _a.theme;
|
|
6403
6638
|
return styled.css(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n &.", " {\n tr:hover {\n background-color: ", ";\n }\n\n tr:last-child td {\n border-bottom: none;\n }\n\n .empty-row td {\n text-align: center;\n }\n }\n "], ["\n &.", " {\n tr:hover {\n background-color: ", ";\n }\n\n tr:last-child td {\n border-bottom: none;\n }\n\n .empty-row td {\n text-align: center;\n }\n }\n "])), rootClassName$5, theme.palette.product === 'agility' ? theme.palette.agilityInterface.fixedCol : theme.palette.grey[50]);
|
|
6404
6639
|
});
|
|
@@ -6477,7 +6712,10 @@
|
|
|
6477
6712
|
};
|
|
6478
6713
|
|
|
6479
6714
|
var rootClassName$4 = 'dot-th';
|
|
6480
|
-
var StyledTableHeaderCell = styled__default["default"](core.TableCell)(
|
|
6715
|
+
var StyledTableHeaderCell = styled__default["default"](core.TableCell).withConfig({
|
|
6716
|
+
displayName: "TableHeaderCellstyles__StyledTableHeaderCell",
|
|
6717
|
+
componentId: "nko9j-0"
|
|
6718
|
+
})(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function () {
|
|
6481
6719
|
return styled.css(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n &.", " {\n &.MuiTableCell-alignCenter > span.MuiTableSortLabel-root {\n padding-left: 26px;\n }\n\n .dot-cell-typography {\n font-weight: 700;\n }\n }\n "], ["\n &.", " {\n &.MuiTableCell-alignCenter > span.MuiTableSortLabel-root {\n padding-left: 26px;\n }\n\n .dot-cell-typography {\n font-weight: 700;\n }\n }\n "])), rootClassName$4);
|
|
6482
6720
|
});
|
|
6483
6721
|
var templateObject_1$4, templateObject_2$4;
|
|
@@ -6535,7 +6773,10 @@
|
|
|
6535
6773
|
};
|
|
6536
6774
|
|
|
6537
6775
|
var rootClassName$3 = 'dot-th-checkbox';
|
|
6538
|
-
var StyledTableHeaderCheckboxCell = styled__default["default"](core.TableCell)(
|
|
6776
|
+
var StyledTableHeaderCheckboxCell = styled__default["default"](core.TableCell).withConfig({
|
|
6777
|
+
displayName: "TableHeaderCheckboxCellstyles__StyledTableHeaderCheckboxCell",
|
|
6778
|
+
componentId: "ymqg8x-0"
|
|
6779
|
+
})(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
6539
6780
|
var theme = _a.theme;
|
|
6540
6781
|
return styled.css(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n &.", " {\n /* Override only top/bottom, but preserve left/right padding */\n padding-top: ", ";\n padding-bottom: ", ";\n }\n "], ["\n &.", " {\n /* Override only top/bottom, but preserve left/right padding */\n padding-top: ", ";\n padding-bottom: ", ";\n }\n "])), rootClassName$3, theme.spacing(0), theme.spacing(0));
|
|
6541
6782
|
});
|
|
@@ -6677,7 +6918,10 @@
|
|
|
6677
6918
|
};
|
|
6678
6919
|
|
|
6679
6920
|
var rootClassName$2 = 'dot-table-selection-toolbar';
|
|
6680
|
-
var StyledTableSelectionToolbar = styled__default["default"](DotActionToolbar)(
|
|
6921
|
+
var StyledTableSelectionToolbar = styled__default["default"](DotActionToolbar).withConfig({
|
|
6922
|
+
displayName: "TableSelectionToolbarstyles__StyledTableSelectionToolbar",
|
|
6923
|
+
componentId: "qpx3y9-0"
|
|
6924
|
+
})(templateObject_2$2 || (templateObject_2$2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
6681
6925
|
var theme = _a.theme;
|
|
6682
6926
|
return styled.css(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n &.", " {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: ", ";\n\n .dot-selected-rows-heading {\n color: ", ";\n font-weight: bold;\n }\n }\n "], ["\n &.", " {\n display: flex;\n align-items: center;\n justify-content: space-between;\n background-color: ", ";\n\n .dot-selected-rows-heading {\n color: ", ";\n font-weight: bold;\n }\n }\n "])), rootClassName$2, theme.palette.primary[50], theme.palette.primary[500]);
|
|
6683
6927
|
});
|
|
@@ -6953,7 +7197,10 @@
|
|
|
6953
7197
|
};
|
|
6954
7198
|
|
|
6955
7199
|
var rootClassName$1 = 'dot-tabs';
|
|
6956
|
-
var StyledTabs = styled__default["default"](core.Tabs)(
|
|
7200
|
+
var StyledTabs = styled__default["default"](core.Tabs).withConfig({
|
|
7201
|
+
displayName: "Tabsstyles__StyledTabs",
|
|
7202
|
+
componentId: "sc-1pmrz8k-0"
|
|
7203
|
+
})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
6957
7204
|
var theme = _a.theme;
|
|
6958
7205
|
return styled.css(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n &.", " {\n &.MuiTabs-root {\n width: 100%;\n }\n .dot-tab-label-container {\n display: flex;\n .dot-tab-label {\n padding-top: ", "px;\n }\n }\n .MuiTab-root {\n color: ", ";\n max-width: 360px;\n min-width: 0;\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &.Mui-selected {\n color: ", ";\n }\n &.Mui-disabled {\n color: ", ";\n }\n &.MuiTab-textColorPrimary:hover {\n background-color: ", ";\n }\n &.MuiTab-textColorSecondary:hover {\n background-color: ", ";\n }\n }\n .MuiIcon-root {\n display: inline;\n padding-right: ", "px;\n }\n .MuiTabs-indicator {\n background-color: ", ";\n }\n }\n "], ["\n &.", " {\n &.MuiTabs-root {\n width: 100%;\n }\n .dot-tab-label-container {\n display: flex;\n .dot-tab-label {\n padding-top: ", "px;\n }\n }\n .MuiTab-root {\n color: ", ";\n max-width: 360px;\n min-width: 0;\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n &.Mui-selected {\n color: ", ";\n }\n &.Mui-disabled {\n color: ", ";\n }\n &.MuiTab-textColorPrimary:hover {\n background-color: ", ";\n }\n &.MuiTab-textColorSecondary:hover {\n background-color: ", ";\n }\n }\n .MuiIcon-root {\n display: inline;\n padding-right: ", "px;\n }\n .MuiTabs-indicator {\n background-color: ", ";\n }\n }\n "])), rootClassName$1, theme.spacing(0.5), theme.palette.product === 'agility' && theme.palette.layer.n700, theme.palette.product === 'agility' && theme.palette.agilityInterface.activeCardBg, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && agilityGreen, theme.palette.product === 'agility' && theme.palette.agilityInterface.disabledText, theme.palette.product !== 'agility' && styles.alpha(theme.palette.primary.main, 0.12), theme.palette.product !== 'agility' && styles.alpha(theme.palette.secondary.main, 0.12), theme.spacing(0.5), theme.palette.product === 'agility' && agilityGreen);
|
|
6959
7206
|
});
|
|
@@ -7027,11 +7274,17 @@
|
|
|
7027
7274
|
var containerClassName = rootClassName + "-container";
|
|
7028
7275
|
var fileClassName = rootClassName + "-item";
|
|
7029
7276
|
var dropZoneClassName = rootClassName + "-drop-zone";
|
|
7030
|
-
var StyledFileUploadContainer = styled__default["default"].div(
|
|
7277
|
+
var StyledFileUploadContainer = styled__default["default"].div.withConfig({
|
|
7278
|
+
displayName: "FileUploadstyles__StyledFileUploadContainer",
|
|
7279
|
+
componentId: "sc-1q8bcxy-0"
|
|
7280
|
+
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
7031
7281
|
var theme = _a.theme;
|
|
7032
7282
|
return styled.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &.", " {\n .", " {\n border-bottom: 1px solid ", ";\n &:hover {\n cursor: pointer;\n background: ", ";\n }\n\n &.file-success:not(:hover) {\n .", "-end-icon .dot-icon i:before {\n color: ", ";\n }\n }\n\n &.file-error:not(:hover) {\n .MuiListItemText-secondary,\n .", "-end-icon .dot-icon i:before {\n color: ", ";\n }\n }\n\n .dot-typography,\n .file-item-text {\n flex-grow: 2;\n padding-left: ", "px;\n }\n\n .file-item-text {\n display: flex;\n flex-direction: column;\n\n .MuiTypography-body2 {\n color: ", ";\n }\n }\n }\n }\n "], ["\n &.", " {\n .", " {\n border-bottom: 1px solid ", ";\n &:hover {\n cursor: pointer;\n background: ", ";\n }\n\n &.file-success:not(:hover) {\n .", "-end-icon .dot-icon i:before {\n color: ", ";\n }\n }\n\n &.file-error:not(:hover) {\n .MuiListItemText-secondary,\n .", "-end-icon .dot-icon i:before {\n color: ", ";\n }\n }\n\n .dot-typography,\n .file-item-text {\n flex-grow: 2;\n padding-left: ", "px;\n }\n\n .file-item-text {\n display: flex;\n flex-direction: column;\n\n .MuiTypography-body2 {\n color: ", ";\n }\n }\n }\n }\n "])), containerClassName, listItemRootClass, theme.palette.layer.n100, theme.palette.layer.n50, listItemRootClass, theme.palette.secondary.main, listItemRootClass, theme.palette.error.main, theme.spacing(1), theme.palette.error.main);
|
|
7033
7283
|
});
|
|
7034
|
-
var StyledFileUpload = styled__default["default"].div(
|
|
7284
|
+
var StyledFileUpload = styled__default["default"].div.withConfig({
|
|
7285
|
+
displayName: "FileUploadstyles__StyledFileUpload",
|
|
7286
|
+
componentId: "sc-1q8bcxy-1"
|
|
7287
|
+
})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
7035
7288
|
var theme = _a.theme;
|
|
7036
7289
|
return styled.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &.", ".", " {\n align-items: center;\n background: ", ";\n border: 2px dashed ", ";\n border-radius: 4px;\n color: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n height: 240px;\n justify-content: center;\n padding: ", ";\n margin-bottom: ", "px;\n\n &.disabled .dot-typography {\n color: ", ";\n }\n\n .dot-icon {\n color: ", ";\n font-size: 100px;\n\n i.dot-i {\n height: 100px;\n }\n }\n }\n "], ["\n &.", ".", " {\n align-items: center;\n background: ", ";\n border: 2px dashed ", ";\n border-radius: 4px;\n color: ", ";\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n height: 240px;\n justify-content: center;\n padding: ", ";\n margin-bottom: ", "px;\n\n &.disabled .dot-typography {\n color: ", ";\n }\n\n .dot-icon {\n color: ", ";\n font-size: 100px;\n\n i.dot-i {\n height: 100px;\n }\n }\n }\n "])), rootClassName, dropZoneClassName, theme.palette.layer.n50, theme.palette.layer.n300, theme.palette.layer.n500, theme.spacing(3, 0), theme.spacing(1), theme.palette.layer.n300, theme.palette.layer.n100);
|
|
7037
7290
|
});
|
|
@@ -7057,10 +7310,10 @@
|
|
|
7057
7310
|
"aria-label": ariaLabel,
|
|
7058
7311
|
className: rootClasses,
|
|
7059
7312
|
"data-testid": dataTestId,
|
|
7060
|
-
onMouseEnter: function
|
|
7313
|
+
onMouseEnter: function () {
|
|
7061
7314
|
return setEndIcon('delete');
|
|
7062
7315
|
},
|
|
7063
|
-
onMouseLeave: function
|
|
7316
|
+
onMouseLeave: function () {
|
|
7064
7317
|
return setEndIcon(defaultIcon);
|
|
7065
7318
|
}
|
|
7066
7319
|
}, /*#__PURE__*/React__default["default"].createElement(DotIcon, {
|
|
@@ -7074,7 +7327,7 @@
|
|
|
7074
7327
|
}, errorText)), /*#__PURE__*/React__default["default"].createElement(DotIconButton, {
|
|
7075
7328
|
className: listItemRootClass + "-end-icon",
|
|
7076
7329
|
iconId: endIcon,
|
|
7077
|
-
onClick: function
|
|
7330
|
+
onClick: function () {
|
|
7078
7331
|
return deleteFile(file);
|
|
7079
7332
|
}
|
|
7080
7333
|
}));
|