@kaizen/components 0.0.0-canary-typescript-transform-paths-3.5.2-20241113035843 → 0.0.0-canary-package-bundler-v2-20241113055116
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Pagination/Pagination.cjs +1 -1
- package/dist/esm/Pagination/Pagination.mjs +1 -1
- package/dist/styles.css +66 -66
- package/package.json +3 -3
- package/src/Pagination/Pagination.tsx +1 -1
- package/src/Pagination/subcomponents/PaginationLink/PaginationLink.module.scss +1 -1
- package/src/Pagination/subcomponents/TruncateIndicator/TruncateIndicator.module.css +1 -1
- package/dist/types/Heading-Bq3fifM0.js +0 -114
- package/dist/types/IconButton-AN3AP9ja.js +0 -855
- package/dist/types/RemovableTag-CIqQvZuu.js +0 -674
- package/dist/types/ReversedColors-D9BxpiSS.js +0 -14
- package/dist/types/Tooltip-DNGasNM8.js +0 -286
- package/dist/types/actionsV1.js +0 -11
- package/dist/types/actionsV2.js +0 -10
- package/dist/types/actionsV3.js +0 -74
- package/dist/types/future.js +0 -211
- package/dist/types/index-hKXin_Zl.js +0 -10
- package/dist/types/index-offJCDcb.js +0 -6
- package/dist/types/index.js +0 -1016
- package/dist/types/mergeClassNames-BuzaWRqN.js +0 -25
- package/dist/types/overlaysV1.js +0 -8
- package/dist/types/overlaysV2.js +0 -7
- package/dist/types/overlaysV3.js +0 -104
- package/dist/types/reactAriaComponentsV3.js +0 -1
- package/dist/types/reactAriaV3.js +0 -1
- package/dist/types/styles.css +0 -11923
- package/dist/types/utilitiesV3.js +0 -2
package/dist/types/index.js
DELETED
|
@@ -1,1016 +0,0 @@
|
|
|
1
|
-
import{__rest,__assign,__spreadArray}from'tslib';import React,{useState,useRef,useEffect,useMemo,forwardRef,useId,useContext,useReducer,useCallback,createRef,createContext,cloneElement}from'react';import classnames from'classnames';import{Textfit}from'react-textfit';import{I as Icon,f as Text,h as Label$1,F as FieldMessage,D as Divider,g as getDisabledKeysFromItems,t as transformSelectItemToCollectionElement,a as SelectProvider,b as SelectPopoverContents,L as ListBoxSection$1,c as SectionDivider$1,O as Option$1,d as ListItem,R as RemovableTag,P as Popover$1}from'./RemovableTag-CIqQvZuu.js';import{H as Heading,B as Badge}from'./Heading-Bq3fifM0.js';export{a as BadgeAnimated}from'./Heading-Bq3fifM0.js';import{B as Button,I as IconButton,V as VisuallyHidden,L as LoadingSpinner,e as LoadingInput,f as LoadingParagraph,M as Menu$1,a as MenuList,c as MenuItem,G as GenericButton,d as MenuHeading}from'./IconButton-AN3AP9ja.js';export{g as LoadingGraphic,h as LoadingHeading}from'./IconButton-AN3AP9ja.js';import{T as Tooltip}from'./index-offJCDcb.js';import{enAU,enGB,cy,vi,tr,th,es,sk,sr,ro,pt,nb,ms,lt,lv,km,id,hu,hi,el,ht,frCA,fi,et,cs,bg,arSA,uk,ptBR,pl,ru,sv,ko,ja,it,he,de,fr,enUS,nl,da,zhTW,zhCN}from'date-fns/locale';import{isMatch,DayPicker}from'react-day-picker';import{format,parse}from'date-fns';import AnimateHeight from'react-animate-height';import{useIntl,FormattedMessage,StaticIntlProvider}from'@cultureamp/i18n-react-intl';import{FocusOn}from'react-focus-on';import{useFloating,size,offset,autoPlacement,autoUpdate}from'@floating-ui/react-dom';import{usePopper}from'react-popper';import{useButton}from'@react-aria/button';import{useMenuTrigger}from'@react-aria/menu';import{useMenuTriggerState}from'@react-stately/menu';import{useListBox,useOption}from'@react-aria/listbox';import{Item}from'@react-stately/collections';import{useListState}from'@react-stately/list';import{FocusScope,useFocusRing}from'@react-aria/focus';import{useOverlay,DismissButton}from'@react-aria/overlays';import{mergeProps}from'@react-aria/utils';import{useSelect,HiddenSelect}from'@react-aria/select';import{useSelectState}from'@react-stately/select';import Media from'react-media';import{v4}from'uuid';import{createPortal}from'react-dom';import{I18nProvider,useFocusable}from'react-aria';import{IntlContext}from'react-intl';import{Transition}from'@headlessui/react';import FocusLock from'react-focus-lock';import*as ProseMirrorCommands from'prosemirror-commands';export{ProseMirrorCommands};import*as ProseMirrorKeymap from'prosemirror-keymap';export{ProseMirrorKeymap};import*as ProseMirrorHistory from'prosemirror-history';export{ProseMirrorHistory};import*as ProseMirrorState from'prosemirror-state';import{Transaction,EditorState,Plugin}from'prosemirror-state';export{ProseMirrorState};import*as ProseMirrorModel from'prosemirror-model';import{Node as Node$1}from'prosemirror-model';export{ProseMirrorModel};import*as ProseMirrorInputrules from'prosemirror-inputrules';import{wrappingInputRule}from'prosemirror-inputrules';export{ProseMirrorInputrules};import*as ProseMirrorSchemaList from'prosemirror-schema-list';import{orderedList,bulletList,listItem}from'prosemirror-schema-list';export{ProseMirrorSchemaList};import{marks,nodes}from'prosemirror-schema-basic';import{EditorView}from'prosemirror-view';import debounce from'lodash.debounce';import{findParentNodeOfTypeClosestToPos}from'prosemirror-utils';import{RemoveMarkStep}from'prosemirror-transform';import Nanobus from'nanobus';import{createRoot}from'react-dom/client';import ReactSelect,{components}from'react-select';import Async from'react-select/async';import ResizeObserver$1 from'resize-observer-polyfill';import{Tabs as Tabs$1,Tab as Tab$1,TabList as TabList$1,TabPanel as TabPanel$1,TabPanels as TabPanels$1}from'@reach/tabs';import{Time}from'@internationalized/date';import{useDateSegment,useTimeField}from'@react-aria/datepicker';import{I18nProvider as I18nProvider$1}from'@react-aria/i18n';import{useTimeFieldState}from'@react-stately/datepicker';export{M as Menu,a as MenuHeading,b as MenuItem,c as MenuList,S as StatelessMenu}from'./index-hKXin_Zl.js';import'react-aria-components';import'./Tooltip-DNGasNM8.js';import'use-debounce';var styles$27={"wrapper":"Avatar-module_wrapper__LY2q2","small":"Avatar-module_small__PeksS","personal":"Avatar-module_personal__2U7--","otherUser":"Avatar-module_otherUser__b-drl","company":"Avatar-module_company__2qtJE","initials":"Avatar-module_initials__VDY2Q","medium":"Avatar-module_medium__Vy3V8","large":"Avatar-module_large__qiNWs","xlarge":"Avatar-module_xlarge__Vx4IG","xxlarge":"Avatar-module_xxlarge__oOoGq","avatarImage":"Avatar-module_avatarImage__FuULy","loading":"Avatar-module_loading__i9V-D","companyAvatarImage":"Avatar-module_companyAvatarImage__7rlfG","fallbackIcon":"Avatar-module_fallbackIcon__MPWxq","longName":"Avatar-module_longName__31Yuf"};var getInitials=function(fullName,max2Characters){if(max2Characters===void 0){max2Characters=false;}return fullName==null?"":fullName.split(/\s/).reduce(function(acc,name){return"".concat(acc).concat(name.slice(0,1));},"").toUpperCase().substring(0,max2Characters?2:8);};var getMaxFontSizePixels=function(size){if(size==="small")return 8;if(size==="medium")return 16;if(size==="xlarge"||size==="xxlarge")return 34;return 22;};var FallbackIcon=function(_a){var alt=_a.alt;if(alt){return/*#__PURE__*/React.createElement(Icon,{name:"person",alt:alt,isFilled:true,className:styles$27.fallbackIcon});}return/*#__PURE__*/React.createElement(Icon,{name:"person",isPresentational:true,isFilled:true,className:styles$27.fallbackIcon});};var renderInitials=function(fullName,alt,size,disableInitials){if(fullName===void 0){fullName="";}if(disableInitials===void 0){disableInitials=false;}var initials=getInitials(fullName);var isLongName=initials.length>2&&size!=="small";var renderFallback=disableInitials||initials==="";return renderFallback?(/*#__PURE__*/React.createElement(FallbackIcon,{alt:alt})):(/*#__PURE__*/React.createElement("abbr",{className:classnames(styles$27.initials,isLongName&&styles$27.longName),title:alt},isLongName?(/*#__PURE__*/ // Only called if 3 or more initials, fits text width for long names
|
|
2
|
-
React.createElement(Textfit,{mode:"single",max:getMaxFontSizePixels(size)},initials)):getInitials(fullName,size==="small")));};/**
|
|
3
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3064857475/Avatar Guidance} |
|
|
4
|
-
* {@link https://cultureamp.design/?path=/docs/components-avatar-avatar--docs Storybook}
|
|
5
|
-
*/var Avatar=function(_a){var fullName=_a.fullName,_b=_a.size,size=_b===void 0?"medium":_b,avatarSrc=_a.avatarSrc,_c=_a.disableInitials,disableInitials=_c===void 0?false:_c,_d=_a.isCompany,isCompany=_d===void 0?false:_d,_e=_a.isCurrentUser,isCurrentUser=_e===void 0?true:_e,_f=_a.alt,alt=_f===void 0?fullName||"":_f,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["fullName","size","avatarSrc","disableInitials","isCompany","isCurrentUser","alt","classNameOverride"]);var _g=useState(avatarSrc?"loading":"none"),avatarState=_g[0],setAvatarState=_g[1];var image=useRef(null);var renderInitialAvatar=!isCompany&&(avatarState==="none"||avatarState==="error");useEffect(function(){setAvatarState(avatarSrc?"loading":"none");},[avatarSrc]);var onImageFailure=function(){return setAvatarState("error");};var onImageSuccess=function(){return setAvatarState("success");};// if the image is cached onLoad may not trigger: https://stackoverflow.com/a/59809184
|
|
6
|
-
useEffect(function(){var _a;if((_a=image===null||image===void 0?void 0:image.current)===null||_a===void 0?void 0:_a.complete)onImageSuccess();},[image]);var isNoneOrError=avatarState==="none"||avatarState==="error";var isPersonal=isNoneOrError&&isCurrentUser;var isOtherUser=isNoneOrError&&!isCurrentUser;return/*#__PURE__*/React.createElement("span",__assign({className:classnames(styles$27.wrapper,styles$27[size],classNameOverride,isCompany&&styles$27.company,isPersonal&&styles$27.personal,isOtherUser&&styles$27.otherUser,(avatarState==="loading"||avatarState==="error")&&styles$27.loading)},restProps),avatarState!=="none"&&(/*#__PURE__*/React.createElement("img",{ref:image,className:classnames(styles$27.avatarImage,isCompany&&styles$27.companyAvatarImage),src:avatarSrc,onError:onImageFailure,onLoad:onImageSuccess,alt:alt})),renderInitialAvatar&&renderInitials(fullName,alt,size,disableInitials));};var styles$26={"AvatarGroup":"AvatarGroup-module_AvatarGroup__bdL0o","AvatarCounter":"AvatarGroup-module_AvatarCounter__PKFzl","small":"AvatarGroup-module_small__7uv8k","AvatarGroupItem":"AvatarGroup-module_AvatarGroupItem__xQol-","medium":"AvatarGroup-module_medium__af52y","large":"AvatarGroup-module_large__HN9Yy"};var renderCounter=function(remainingAvatars){if(remainingAvatars<=0)return;return/*#__PURE__*/React.createElement("li",{"aria-label":"There ".concat(remainingAvatars>1?"are ".concat(remainingAvatars," other members"):"is ".concat(remainingAvatars," other member")," of this group"),className:styles$26.AvatarGroupItem},/*#__PURE__*/React.createElement("span",{className:styles$26.AvatarCounter,"aria-hidden":true},"+".concat(remainingAvatars)));};var renderAvatars=function(avatars,maxVisible,size){return/*#__PURE__*/React.createElement(React.Fragment,null,avatars===null||avatars===void 0?void 0:avatars.map(function(avatarProps,index){return index<maxVisible&&(/*#__PURE__*/React.createElement("li",{key:"avatar-".concat(index),className:styles$26.AvatarGroupItem},/*#__PURE__*/React.createElement(Avatar,__assign({},avatarProps,{size:size}))));}),renderCounter((avatars===null||avatars===void 0?void 0:avatars.length)-maxVisible));};/**
|
|
7
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3065021264/Avatar+Group Guidance} |
|
|
8
|
-
* {@link https://cultureamp.design/?path=/docs/components-avatar-avatar-group--docs Storybook}
|
|
9
|
-
*/var AvatarGroup=function(_a){var _b=_a.size,size=_b===void 0?"medium":_b,_c=_a.maxVisible,maxVisible=_c===void 0?2:_c,avatars=_a.avatars,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["size","maxVisible","avatars","classNameOverride"]);return/*#__PURE__*/React.createElement("ul",__assign({className:classnames(styles$26.AvatarGroup,styles$26[size],classNameOverride),"aria-label":"Avatar Group"},restProps),renderAvatars(avatars,maxVisible,size));};var ORIGIN_BASE_URL="https://d1e7r7b0lb8p4d.cloudfront.net";/**
|
|
10
|
-
* Returns the full URL of the asset at `path` managed by the
|
|
11
|
-
* `kaizen-design-system-assets` service.
|
|
12
|
-
*
|
|
13
|
-
* @example
|
|
14
|
-
* assetUrl("some/blob.png") -> "https://<origin>/some/blob.png"
|
|
15
|
-
*
|
|
16
|
-
* @see https://github.com/cultureamp/kaizen-design-system-assets/
|
|
17
|
-
*/var assetUrl=function(path){return[ORIGIN_BASE_URL,path].join("/");};const BrandCollectiveIntelligence=/*#__PURE__*/function(){const BrandCollectiveIntelligence=function(_a){var role=_a.role,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["role","classNameOverride"]);var props=__assign({role:role,"aria-hidden":role==="presentation"?true:undefined,className:classNameOverride},restProps);return/*#__PURE__*/React.createElement("svg",__assign({width:"56",height:"56",viewBox:"0 0 56 56",fill:"none"},props),/*#__PURE__*/React.createElement("path",{fill:"#5F3361",fillRule:"evenodd",d:"M27.849 55.029c-1.607 0-3.15-.502-4.34-1.41l-2.94-2.235c-1.025-.78-3.201-1.658-4.479-1.802l-3.68-.423c-3.155-.363-5.847-2.995-6.262-6.12l-.484-3.646c-.169-1.267-1.086-3.418-1.888-4.422l-2.3-2.882c-1.94-2.429-1.972-6.263-.07-8.726l2.25-2.92c.784-1.015 1.667-3.178 1.815-4.452l.425-3.653c.365-3.131 3.013-5.804 6.16-6.22l3.674-.48c1.277-.169 3.44-1.08 4.445-1.874l2.906-2.288C24.289.524 25.868 0 27.521 0c1.61 0 3.15.5 4.343 1.406l2.939 2.24c1.024.777 3.201 1.655 4.479 1.799l3.68.423c3.155.363 5.846 2.995 6.261 6.12l.484 3.646c.17 1.267 1.088 3.418 1.888 4.422l2.301 2.88c1.97 2.475 2.001 6.225.073 8.727l-2.255 2.92c-.783 1.016-1.664 3.18-1.814 4.451l-.425 3.655c-.365 3.131-3.013 5.806-6.158 6.22l-3.671.482c-1.28.167-3.441 1.079-4.453 1.874L32.29 53.55c-1.21.952-2.785 1.477-4.44 1.477h-.001Z",clipRule:"evenodd"}),/*#__PURE__*/React.createElement("path",{fill:"#5F3361",fillRule:"evenodd",d:"m51.622 24.726-2.301-2.882c-1.13-1.416-2.25-4.042-2.49-5.834l-.484-3.647c-.238-1.791-1.911-3.428-3.72-3.634l-3.678-.422c-1.808-.209-4.467-1.277-5.912-2.378l-2.94-2.238c-1.443-1.1-3.792-1.08-5.216.043L21.978 6.02c-1.425 1.122-4.067 2.234-5.87 2.472l-3.672.48c-1.805.238-3.451 1.9-3.661 3.697l-.425 3.654c-.209 1.795-1.286 4.438-2.393 5.872l-2.252 2.92c-1.107 1.435-1.089 3.767.042 5.183l2.3 2.882c1.131 1.417 2.252 4.042 2.49 5.834l.484 3.646c.238 1.792 1.911 3.429 3.72 3.636l3.68.423c1.808.206 4.467 1.275 5.911 2.376l2.94 2.238c1.443 1.1 3.791 1.082 5.216-.043l2.903-2.285c1.426-1.123 4.068-2.235 5.873-2.471l3.671-.483c1.804-.236 3.45-1.9 3.658-3.694l.425-3.655c.21-1.796 1.286-4.439 2.394-5.872l2.252-2.92c1.106-1.434 1.088-3.768-.042-5.184Z",clipRule:"evenodd"}),/*#__PURE__*/React.createElement("path",{fill:"#FFCA4D",fillRule:"evenodd",d:"M16.105 8.491c1.804-.236 4.446-1.35 5.873-2.472l2.903-2.286c1.425-1.122 3.773-1.142 5.217-.041l2.939 2.238c1.444 1.099 4.105 2.17 5.912 2.377l3.678.422c1.808.207 3.482 1.842 3.72 3.634l.485 3.648c.238 1.792 1.359 4.416 2.488 5.834l2.302 2.88c1.13 1.418 1.15 3.75.042 5.184l-2.252 2.92c-1.108 1.435-2.184 4.078-2.394 5.874l-.425 3.654c-.209 1.795-1.856 3.457-3.658 3.694l-3.672.482c-1.804.236-4.447 1.35-5.872 2.473l-2.902 2.285c-1.425 1.123-3.776 1.142-5.218.041l-2.94-2.238c-1.444-1.099-4.103-2.168-5.911-2.375l-3.679-.424c-1.806-.206-3.481-1.842-3.72-3.634l-.485-3.648c-.239-1.792-1.357-4.416-2.49-5.832l-2.298-2.883c-1.132-1.417-1.15-3.749-.045-5.183l2.255-2.919c1.107-1.434 2.184-4.078 2.391-5.874l.425-3.654c.21-1.796 1.858-3.458 3.661-3.694l3.67-.483Z",clipRule:"evenodd"}),/*#__PURE__*/React.createElement("path",{fill:"#FFCA4D",fillRule:"evenodd",d:"M16.105 8.491c1.804-.236 4.446-1.35 5.873-2.472l2.903-2.286c1.425-1.122 3.773-1.142 5.217-.041l2.939 2.238c1.444 1.099 4.105 2.17 5.912 2.377l3.678.422c1.808.207 3.482 1.842 3.72 3.634l.485 3.648c.238 1.792 1.359 4.416 2.488 5.834l2.302 2.88c1.13 1.418 1.15 3.75.042 5.184l-2.252 2.92c-1.108 1.435-2.184 4.078-2.394 5.874l-.425 3.654c-.209 1.795-1.856 3.457-3.658 3.694l-3.672.482c-1.804.236-4.447 1.35-5.872 2.473l-2.902 2.285c-1.425 1.123-3.776 1.142-5.218.041l-2.94-2.238c-1.444-1.099-4.103-2.168-5.911-2.375l-3.679-.424c-1.806-.206-3.481-1.842-3.72-3.634l-.485-3.648c-.239-1.792-1.357-4.416-2.49-5.832l-2.298-2.883c-1.132-1.417-1.15-3.749-.045-5.183l2.255-2.919c1.107-1.434 2.184-4.078 2.391-5.874l.425-3.654c.21-1.796 1.858-3.458 3.661-3.694l3.67-.483Z",clipRule:"evenodd"}),/*#__PURE__*/React.createElement("path",{fill:"#4A234D",fillRule:"evenodd",d:"M39.24 38.774c-1.214 1.212-3.587 1.325-6.513.307-.832-.29-1.68-.658-2.536-1.099a35.787 35.787 0 0 0 4.461-3.794 35.747 35.747 0 0 0 3.768-4.414c1.932 3.709 2.58 7.242.82 9Zm-16.317.307c-2.926 1.017-5.3.907-6.513-.307-1.214-1.212-1.326-3.585-.307-6.51.289-.829.66-1.678 1.098-2.532a36.016 36.016 0 0 0 3.797 4.457 35.986 35.986 0 0 0 4.46 3.793c-.855.44-1.703.81-2.535 1.1Zm-6.82-16.612c-1.02-2.924-.907-5.297.307-6.51.664-.662 1.673-.997 2.932-.997 1.041 0 2.256.228 3.581.692.832.288 1.68.657 2.534 1.096a36.243 36.243 0 0 0-4.46 3.795 36.008 36.008 0 0 0-3.796 4.456c-.439-.853-.81-1.701-1.098-2.532Zm20.9 4.898a32.31 32.31 0 0 1-4.116 5.06 32.716 32.716 0 0 1-5.062 4.163 32.72 32.72 0 0 1-5.064-4.163 32.75 32.75 0 0 1-4.166-5.06 32.778 32.778 0 0 1 4.166-5.061 32.79 32.79 0 0 1 5.064-4.163c1.73 1.142 3.447 2.548 5.062 4.163a32.335 32.335 0 0 1 4.115 5.061Zm-4.276-11.713c1.326-.464 2.538-.692 3.58-.692 1.26 0 2.27.335 2.934.997 1.759 1.758 1.111 5.29-.821 9a35.851 35.851 0 0 0-3.768-4.414 36.04 36.04 0 0 0-4.46-3.795c.855-.44 1.703-.808 2.535-1.096Zm8.277-1.457c-1.946-1.942-5.176-2.26-9.097-.898-1.338.467-2.711 1.114-4.082 1.913-1.371-.8-2.744-1.446-4.082-1.913-3.921-1.363-7.152-1.044-9.097.899-1.944 1.942-2.263 5.172-.898 9.09.466 1.338 1.113 2.71 1.913 4.08-.8 1.37-1.447 2.741-1.913 4.079-1.365 3.918-1.046 7.146.898 9.09 1.151 1.148 2.752 1.73 4.68 1.73 1.33 0 2.816-.278 4.417-.833 1.338-.466 2.71-1.112 4.082-1.912 1.371.8 2.744 1.446 4.082 1.912 1.6.556 3.087.834 4.416.834 1.93 0 3.53-.583 4.68-1.732 2.686-2.683 2.11-7.802-1.019-13.169 3.13-5.366 3.705-10.488 1.02-13.17Z",clipRule:"evenodd"}),/*#__PURE__*/React.createElement("path",{fill:"#5F3361",fillRule:"evenodd",d:"M32 26.95c-.078.03-.127.217-.116.37.038.5.082 1.068-.285 1.935-.174.412-.487.843-.907 1.243-.529.505-.971.618-1.084.618-.04 0-.064-.013-.071-.039-.003-.008-.01-.034.023-.059l.094-.067c.224-.16.285-.202.525-.412.383-.33.93-1.13 1.017-1.387.107-.312.2-.785.166-1.134-.021-.22-.068-.29-.078-.295-.039.006-.122.12-.171.31-.045.17-.106.371-.164.563-.162.537-.326.733-.486.923l-.098.12c-.281.365-.645.563-.731.563-.038 0-.05-.026-.054-.035-.013-.035.016-.068.061-.108.116-.097.51-.465.685-1.086.029-.105 0-.215-.02-.225 0 0-.037.01-.095.153-.122.3-.143.33-.336.61-.24.35-.674.7-.879.799-.323.152-.673.23-1.041.23-.219 0-.451-.027-.684-.08-.524-.123-1.142-.639-1.18-.679a3.352 3.352 0 0 1-.455-.576c-.288-.511-.411-1.007-.366-1.472.047-.48.14-.854.47-1.235.321-.377.61-.63 1.12-.808.254-.089.574-.14.898-.14.454 0 .86.099 1.116.264.444.29.603.441.998.834.178.177.457.284.738.284.212 0 .415-.056.606-.169.381-.224.599-.514.648-.862.106-.752-.589-1.491-.596-1.498a6.458 6.458 0 0 0-.477-.453c-.001-.185-.21-.33-.21-.33a4.134 4.134 0 0 0-2.681-.787 6.647 6.647 0 0 0-1.505.214c-1.228.28-2.2.968-2.899 2.05-.493.577-.677 1.465-.73 2.188-.06.782.246 1.954.413 2.111a.58.58 0 0 0 .313.169c.094.203.197.413.24.474l.095.137c.197.286.401.583.674.82.451.387.854.601 1.4.839.54.236.956.336 1.484.354.186.009.315.012.43.012.421 0 .724-.045 1.16-.164a5.244 5.244 0 0 0 1.336-.59c.17-.107.695-.577.876-.787a4.16 4.16 0 0 0 .706-1.215c.389-1.109.309-1.715.255-2.121-.033-.258-.098-.373-.148-.373Z",clipRule:"evenodd"}));};BrandCollectiveIntelligence.displayName="Brand.CollectiveIntelligence";return BrandCollectiveIntelligence;}();var styles$25={"img":"Brand-module_img__uWvra"};var isSVG=function(variant,restProps){return variant==="collective-intelligence";};const Brand=/*#__PURE__*/function(){const Brand=function(_a){var _b=_a.reversed,reversed=_b===void 0?false:_b,variant=_a.variant,restProps=__rest(_a,["reversed","variant"]);if(isSVG(variant)){var role=restProps.role,alt_1=restProps.alt,ariaLabel=restProps["aria-label"],props=__rest(restProps,["role","alt","aria-label"]);if(role==="presentation"){return/*#__PURE__*/React.createElement(BrandCollectiveIntelligence,__assign({role:role},props));}if(role==="img"){return/*#__PURE__*/React.createElement(BrandCollectiveIntelligence,__assign({role:role,"aria-label":ariaLabel},props));}return/*#__PURE__*/React.createElement(BrandCollectiveIntelligence,__assign({role:"img","aria-label":alt_1},props));}var alt=restProps.alt,classNameOverride=restProps.classNameOverride,style=restProps.style,otherProps=__rest(restProps,["alt","classNameOverride","style"]);var brandTheme=reversed?"-reversed":"-default";return/*#__PURE__*/React.createElement("picture",__assign({},otherProps),/*#__PURE__*/React.createElement("source",{srcSet:assetUrl("brand/".concat(variant,"-reversed.svg")),media:"(forced-colors: active) and (prefers-color-scheme: dark)"}),/*#__PURE__*/React.createElement("source",{srcSet:assetUrl("brand/".concat(variant,"-default.svg")),media:"(forced-colors: active) and (prefers-color-scheme: light)"}),/*#__PURE__*/React.createElement("img",{src:assetUrl("brand/".concat(variant).concat(brandTheme,".svg")),alt:alt,className:classnames(styles$25.img,classNameOverride),style:style}));};Brand.displayName="Brand";return Brand;}();var subtractOnePixel=function(breakpoint){return"".concat(parseInt(breakpoint,10)-1,"px");};var useMediaQueries=function(propQueries){if(propQueries===void 0){propQueries={};}if(typeof window==="undefined"){return{queries:{isSmall:false,isMedium:false,isLarge:false,isMediumOrSmaller:false,isMediumOrLarger:true},components:{SmallOnly:function(){return/*#__PURE__*/React.createElement(React.Fragment,null);},MediumOnly:function(){return/*#__PURE__*/React.createElement(React.Fragment,null);},LargeOnly:function(){return/*#__PURE__*/React.createElement(React.Fragment,null);},MediumOrSmaller:function(){return/*#__PURE__*/React.createElement(React.Fragment,null);},MediumOrLarger:function(props){return/*#__PURE__*/React.createElement(React.Fragment,null,props.children);}}};}// Ensure these match the tokens in @kaizen/design-tokens
|
|
18
|
-
var breakpoints={medium:"768px",large:"1080px"};// The `addEventListener` calls blow up legacy Edge (<= v18/pre chromium),
|
|
19
|
-
// so we disable the functionality of updating after page load.
|
|
20
|
-
var isLegacyEdge=navigator.userAgent.match(/Edge/);var isUnsupportedSafari=window.matchMedia("").addEventListener===undefined;// ---------------------------------------
|
|
21
|
-
// Create Kaizen breakpoint matches for initial state
|
|
22
|
-
// ---------------------------------------
|
|
23
|
-
var smallMatchMedia=useMemo(function(){return window.matchMedia("(max-width: ".concat(subtractOnePixel(breakpoints.medium),")"));},[breakpoints.medium]);var mediumMatchMedia=useMemo(function(){return window.matchMedia("(min-width: ".concat(breakpoints.medium,") and (max-width: ").concat(subtractOnePixel(breakpoints.large),")"));},[breakpoints.large]);var largeMatchMedia=useMemo(function(){return window.matchMedia("(min-width: ".concat(breakpoints.large,")"));},[breakpoints.large]);var isSmall=smallMatchMedia.matches||false;var isMedium=mediumMatchMedia.matches||false;var isLarge=largeMatchMedia.matches||false;var _a=useState({isSmall:isSmall,isMedium:isMedium,isLarge:isLarge,isMediumOrSmaller:!isLarge,isMediumOrLarger:!isSmall// Note: ^the last two will need an adjustment in logic if/when we add more breakpoints
|
|
24
|
-
}),kaizenMatches=_a[0],setKaizenMatches=_a[1];// ---------------------------------------
|
|
25
|
-
// Create an event listener based on the small and large breakpoints and update state whenever one of those changes
|
|
26
|
-
// ---------------------------------------
|
|
27
|
-
useEffect(function(){if(isLegacyEdge||isUnsupportedSafari){return;}var updateMatches=function(){var isSmallAfterUpdate=smallMatchMedia.matches||false;var isMediumAfterUpdate=mediumMatchMedia.matches||false;var isLargeAfterUpdate=largeMatchMedia.matches||false;setKaizenMatches({isSmall:isSmallAfterUpdate,isMedium:isMediumAfterUpdate,isLarge:isLargeAfterUpdate,isMediumOrSmaller:!isLargeAfterUpdate,isMediumOrLarger:!isSmallAfterUpdate});};smallMatchMedia.addEventListener("change",updateMatches,true);largeMatchMedia.addEventListener("change",updateMatches,true);return function(){smallMatchMedia.removeEventListener("change",updateMatches);largeMatchMedia.removeEventListener("change",updateMatches);};},[]);// ---------------------------------------
|
|
28
|
-
// Create custom queries matches for initial state
|
|
29
|
-
// ---------------------------------------
|
|
30
|
-
var customQueryMatchMedias=new Map();var customQueryMatches={};new Map(Object.entries(propQueries)).forEach(function(queryString,queryName){var matchMedia=window.matchMedia(queryString);customQueryMatches[queryName]=matchMedia.matches||false;// Store this matchMedia so that we can loop over it later and add event listeners
|
|
31
|
-
customQueryMatchMedias.set(queryName,matchMedia);});var _b=useState(customQueryMatches),customMatches=_b[0],setCustomMatches=_b[1];// ---------------------------------------
|
|
32
|
-
// Create an event listener for each custom query
|
|
33
|
-
// ---------------------------------------
|
|
34
|
-
useEffect(function(){if(isLegacyEdge||isUnsupportedSafari){return;}var updateCustomMatches=function(matchMedia,queryName){var _a;return setCustomMatches(__assign(__assign({},customQueryMatches),(_a={},_a[queryName]=matchMedia.matches||false,_a)));};var allEventListeners=new Map();customQueryMatchMedias.forEach(function(matchMedia,queryName){// Store this method so that we can reference it in the cleanup function below
|
|
35
|
-
var updateCustomMatchesForQuery=function(){updateCustomMatches(matchMedia,queryName);};allEventListeners.set(matchMedia,updateCustomMatchesForQuery);// Add the event listener
|
|
36
|
-
matchMedia.addEventListener("change",updateCustomMatchesForQuery,true);});return function(){allEventListeners.forEach(function(eventListener,matchMedia){matchMedia.removeEventListener("change",eventListener);});};},[]);var kaizenComponents={SmallOnly:function(props){return/*#__PURE__*/React.createElement(React.Fragment,null,kaizenMatches.isSmall&&props.children);},MediumOnly:function(props){return/*#__PURE__*/React.createElement(React.Fragment,null,kaizenMatches.isMedium&&props.children);},LargeOnly:function(props){return/*#__PURE__*/React.createElement(React.Fragment,null,kaizenMatches.isLarge&&props.children);},MediumOrSmaller:function(props){return/*#__PURE__*/React.createElement(React.Fragment,null,kaizenMatches.isMediumOrSmaller&&props.children);},MediumOrLarger:function(props){return/*#__PURE__*/React.createElement(React.Fragment,null,kaizenMatches.isMediumOrLarger&&props.children);}};// ---------------------------------------
|
|
37
|
-
// Create custom query helper components
|
|
38
|
-
// ---------------------------------------
|
|
39
|
-
var customComponents={};Object.keys(propQueries).map(function(key){var componentName=key.charAt(0).toUpperCase()+key.slice(1);customComponents[componentName]=function(props){return/*#__PURE__*/React.createElement(React.Fragment,null,customMatches[key]&&props.children);};});return{queries:__assign(__assign({},kaizenMatches),customQueryMatches),components:__assign(__assign({},kaizenComponents),customComponents)};};var styles$24={"body":"BrandMoment-module_body__J4lls","positive":"BrandMoment-module_positive__78wqJ","negative":"BrandMoment-module_negative__atXal","informative":"BrandMoment-module_informative__Qvwcd","success":"BrandMoment-module_success__v503M","warning":"BrandMoment-module_warning__dWih8","container":"BrandMoment-module_container__4ORHI","header":"BrandMoment-module_header__EAP5Q","main":"BrandMoment-module_main__cdWko","mainInner":"BrandMoment-module_mainInner__xsFA6","left":"BrandMoment-module_left__ZHJiM","leftInner":"BrandMoment-module_leftInner__TY5DY","right":"BrandMoment-module_right__B-PR2","rightInner":"BrandMoment-module_rightInner__XvQ5Y","subtitle":"BrandMoment-module_subtitle__z9PL8","title":"BrandMoment-module_title__GrdAR","textBody":"BrandMoment-module_textBody__W6LvQ","secondaryAction":"BrandMoment-module_secondaryAction__d18oJ","actions":"BrandMoment-module_actions__Z3NrK","footer":"BrandMoment-module_footer__vSeX1","footerInner":"BrandMoment-module_footerInner__Wt9Rt","poweredByContainer":"BrandMoment-module_poweredByContainer__OkhVN","footerTextContainer":"BrandMoment-module_footerTextContainer__8iin9","poweredByLogo":"BrandMoment-module_poweredByLogo__w6M7o"};/**
|
|
40
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061589/Brand+Moment Guidance} |
|
|
41
|
-
* {@link https://cultureamp.design/?path=/docs/components-brand-moment--docs Storybook}
|
|
42
|
-
*/const BrandMoment=/*#__PURE__*/function(){const BrandMoment=function(_a){var mood=_a.mood,variant=_a.variant,illustration=_a.illustration,header=_a.header,body=_a.body,primaryAction=_a.primaryAction,secondaryAction=_a.secondaryAction,text=_a.text,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["mood","variant","illustration","header","body","primaryAction","secondaryAction","text","classNameOverride"]);var queries=useMediaQueries().queries;return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$24.body,variant?styles$24[variant]:styles$24[mood],classNameOverride)},restProps),/*#__PURE__*/React.createElement("header",{className:styles$24.header},header),/*#__PURE__*/React.createElement("main",{className:styles$24.main},/*#__PURE__*/React.createElement("div",{className:styles$24.container},/*#__PURE__*/React.createElement("div",{className:styles$24.mainInner},/*#__PURE__*/React.createElement("div",{className:styles$24.left},/*#__PURE__*/React.createElement("div",{className:styles$24.leftInner},illustration)),/*#__PURE__*/React.createElement("div",{className:styles$24.right},/*#__PURE__*/React.createElement("div",{className:styles$24.rightInner},text.subtitle&&(/*#__PURE__*/React.createElement(Heading,{variant:"heading-3",tag:"h1",classNameOverride:styles$24.subtitle},text.subtitle)),/*#__PURE__*/React.createElement(Heading,{variant:"display-0",tag:text.subtitle?"h2":"h1",classNameOverride:styles$24.title},text.title),text.body&&(/*#__PURE__*/React.createElement(Text,{variant:"intro-lede",classNameOverride:styles$24.textBody},text.body)),body&&/*#__PURE__*/React.createElement("div",{className:styles$24.textBody},body),/*#__PURE__*/React.createElement("div",{className:styles$24.actions},primaryAction&&(/*#__PURE__*/React.createElement(Button,__assign({primary:true,fullWidth:queries.isSmall},primaryAction))),secondaryAction&&(/*#__PURE__*/React.createElement("div",{className:styles$24.secondaryAction},/*#__PURE__*/React.createElement(Button,__assign({secondary:true,fullWidth:queries.isSmall},secondaryAction)))))))))),text.footer&&(/*#__PURE__*/React.createElement("footer",{className:styles$24.footer},/*#__PURE__*/React.createElement("div",{className:styles$24.container},/*#__PURE__*/React.createElement("div",{className:styles$24.footerInner},/*#__PURE__*/React.createElement("div",{className:styles$24.poweredByContainer},/*#__PURE__*/React.createElement(Text,{variant:"extra-small",color:"dark-reduced-opacity"},"Powered by"),/*#__PURE__*/React.createElement("a",{href:"https://www.cultureamp.com",className:styles$24.poweredByLogo},/*#__PURE__*/React.createElement("img",{src:assetUrl("brand/logo-horizontal-default.svg"),alt:"Culture Amp"}))),/*#__PURE__*/React.createElement("div",{className:styles$24.footerTextContainer},/*#__PURE__*/React.createElement(Text,{variant:"extra-small"},text.footer)))))));};BrandMoment.displayName="BrandMoment";return BrandMoment;}();var styles$23={"filterButtonBase":"FilterButtonBase-module_filterButtonBase__ImByM"};const FilterButtonBase=/*#__PURE__*/function(){const FilterButtonBase=/*#__PURE__*/forwardRef(function(_a,ref){var children=_a.children,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","classNameOverride"]);return/*#__PURE__*/React.createElement("button",__assign({ref:ref,type:"button",className:classnames(styles$23.filterButtonBase,classNameOverride)},restProps),children);});FilterButtonBase.displayName="FilterButtonBase";return FilterButtonBase;}();var styles$22={"buttonGroup":"ButtonGroup-module_buttonGroup__bsy2X","child":"ButtonGroup-module_child__K6AP-","firstChild":"ButtonGroup-module_firstChild__uEn1j","lastChild":"ButtonGroup-module_lastChild__Vicsx"};var isFilterButton=function(node){return/*#__PURE__*/React.isValidElement(node)&&node.type===FilterButtonBase;};const ButtonGroup=/*#__PURE__*/function(){const ButtonGroup=function(_a){var children=_a.children,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","classNameOverride"]);var childCount=React.Children.count(children);var containerProps=__assign({role:"group",className:classnames(styles$22.buttonGroup,classNameOverride)},restProps);if(childCount===1)return/*#__PURE__*/React.createElement("div",__assign({},containerProps),children);return/*#__PURE__*/React.createElement("div",__assign({},containerProps),React.Children.map(children,function(child,index){var buttonClassNames=classnames(styles$22.child,index===0&&styles$22.firstChild,index===childCount-1&&styles$22.lastChild,child.props.classNameOverride);if(child.type===Tooltip){var button=child.props.children;if(isFilterButton(button)){return/*#__PURE__*/React.cloneElement(child,{children:/*#__PURE__*/React.cloneElement(button,{classNameOverride:classnames(button.props.classNameOverride,buttonClassNames)})});}return child;}return/*#__PURE__*/React.cloneElement(child,{classNameOverride:buttonClassNames});}));};ButtonGroup.displayName="ButtonGroup";return ButtonGroup;}();var calendarStyles={"day":"baseCalendarClassNames-module_day__4INGw","navButton":"baseCalendarClassNames-module_navButton__Socf8","root":"baseCalendarClassNames-module_root__ZBdgM","months":"baseCalendarClassNames-module_months__ofItC","buttonReset":"baseCalendarClassNames-module_buttonReset__uR5sc","button":"baseCalendarClassNames-module_button__Jb8RM","caption":"baseCalendarClassNames-module_caption__tzko5","captionLabel":"baseCalendarClassNames-module_captionLabel__rmlel","table":"baseCalendarClassNames-module_table__4LTvb","tbody":"baseCalendarClassNames-module_tbody__cT6rM","weekday":"baseCalendarClassNames-module_weekday__uuAjO","cell":"baseCalendarClassNames-module_cell__FvWK0","dayToday":"baseCalendarClassNames-module_dayToday__-TPUa","daySelected":"baseCalendarClassNames-module_daySelected__R3ujV","dayDisabled":"baseCalendarClassNames-module_dayDisabled__uQzJ-","vHidden":"baseCalendarClassNames-module_vHidden__egm49"};var baseCalendarClassNames={vhidden:calendarStyles.vHidden,root:calendarStyles.root,months:calendarStyles.months,button_reset:calendarStyles.buttonReset,button:calendarStyles.button,caption:calendarStyles.caption,caption_label:calendarStyles.captionLabel,nav_button:calendarStyles.navButton,table:calendarStyles.table,head_cell:calendarStyles.weekday,cell:calendarStyles.cell,day:calendarStyles.day,tbody:calendarStyles.tbody,day_selected:calendarStyles.daySelected,day_today:calendarStyles.dayToday,day_disabled:calendarStyles.dayDisabled};var calculateDisabledDays=function(_a){var _b=_a.disabledDates,disabledDates=_b===void 0?[]:_b,disabledDaysOfWeek=_a.disabledDaysOfWeek,disabledRange=_a.disabledRange,disabledBeforeAfter=_a.disabledBeforeAfter,disabledBefore=_a.disabledBefore,disabledAfter=_a.disabledAfter;return __spreadArray(__spreadArray([],disabledDates,true),[disabledDaysOfWeek!==undefined&&{dayOfWeek:disabledDaysOfWeek},disabledRange!==undefined&&disabledRange,disabledBefore!==undefined&&{before:disabledBefore},disabledAfter!==undefined&&{after:disabledAfter},disabledBeforeAfter!==undefined&&disabledBeforeAfter],false).filter(function(matcher){return matcher!==false;});};var DayOfWeek={Sun:0,Mon:1,Tue:2,Wed:3,Thu:4,Fri:5,Sat:6};var DateFormat={Numeral:"P",// eg. 01/15/2022
|
|
43
|
-
Text:"PP"// eg. Jan 15, 2022
|
|
44
|
-
};var isInvalidDate=function(parsedDate){return parsedDate.toString()==="Invalid Date";};var formatDateAsNumeral=function(date,locale){return isInvalidDate(date)?"":format(date,DateFormat.Numeral,{locale:locale});};var isDisabledDate=function(date,disabledDays){return disabledDays===undefined?false:isMatch(date,Array.isArray(disabledDays)?disabledDays:[disabledDays]);};var formatDateAsText=function(date,disabledDays,locale){if(isDisabledDate(date,disabledDays)){return format(date,DateFormat.Numeral,{locale:locale});}if(isInvalidDate(date)){return"Invalid Date";}return format(date,DateFormat.Text,{locale:locale});};var isValidWeekStartsOn=function(day){return[0,1,2,3,4,5,6,undefined].includes(day);};var isSelectingDayInCalendar=function(target){var _a,_b;return(_b=(_a=target===null||target===void 0?void 0:target.classList)===null||_a===void 0?void 0:_a.contains(calendarStyles.day))!==null&&_b!==void 0?_b:false;};var parseDateFromNumeralFormatValue=function(value,locale){return parse(value,DateFormat.Numeral,new Date(),{locale:locale});};var parseDateFromTextFormatValue=function(value,locale){return parse(value,DateFormat.Text,new Date(),{locale:locale});};var parseDateAsTextOrNumeral=function(value,locale){var parsedAsText=parseDateFromTextFormatValue(value,locale);if(parsedAsText.toString()!=="Invalid Date")return parsedAsText;return parseDateFromNumeralFormatValue(value,locale);};var isHTMLElement=function(element){return element instanceof HTMLElement;};var setFocusInCalendar=function(calendarElement,selectedDay){var daySelectedOrToday=calendarElement.getElementsByClassName(selectedDay&&!isInvalidDate(selectedDay)?calendarStyles.daySelected:calendarStyles.dayToday)[0];var dayToFocus=daySelectedOrToday!==null&&daySelectedOrToday!==void 0?daySelectedOrToday:calendarElement.getElementsByClassName(calendarStyles.day)[0];if(isHTMLElement(dayToFocus))dayToFocus.focus();};var styles$21={"nav":"CalendarSingle-module_nav__wSVua","navButtonNext":"CalendarSingle-module_navButtonNext__-GrZx"};const CalendarSingle=/*#__PURE__*/function(){const CalendarSingle=function(_a){var id=_a.id,onMount=_a.onMount,classNameOverride=_a.classNameOverride,selected=_a.selected,defaultMonth=_a.defaultMonth,weekStartsOn=_a.weekStartsOn,_b=_a.locale,locale=_b===void 0?enAU:_b,restProps=__rest(_a,["id","onMount","classNameOverride","selected","defaultMonth","weekStartsOn","locale"]);var calendarRef=useRef(null);useEffect(function(){if(calendarRef.current)onMount===null||onMount===void 0?void 0:onMount(calendarRef.current);},[calendarRef]);var monthToShow=selected||defaultMonth;var selectedMonth=monthToShow&&isInvalidDate(monthToShow)?undefined:monthToShow;/* eslint-disable camelcase */var classNames=__assign(__assign({},baseCalendarClassNames),{nav:styles$21.nav,nav_button_next:styles$21.navButtonNext});/* eslint-enable camelcase */return/*#__PURE__*/React.createElement("div",{ref:calendarRef,id:id,className:classNameOverride},/*#__PURE__*/React.createElement(DayPicker,__assign({mode:"single",selected:selected&&isInvalidDate(selected)?undefined:selected,defaultMonth:selectedMonth,weekStartsOn:isValidWeekStartsOn(weekStartsOn)?weekStartsOn:undefined,classNames:classNames,components:{IconRight:function(){return/*#__PURE__*/React.createElement(Icon,{name:"arrow_forward",isPresentational:true,shouldMirrorInRTL:true});},IconLeft:function(){return/*#__PURE__*/React.createElement(Icon,{name:"arrow_back",isPresentational:true,shouldMirrorInRTL:true});}},locale:locale},restProps)));};CalendarSingle.displayName="CalendarSingle";return CalendarSingle;}();var styles$20={"month":"CalendarRange-module_month__un61w","monthWithDivider":"CalendarRange-module_monthWithDivider__JY-56","nav":"CalendarRange-module_nav__OtaVb","captionEnd":"CalendarRange-module_captionEnd__GSLQO","dayRangeStart":"CalendarRange-module_dayRangeStart__TwdDT","dayRangeEnd":"CalendarRange-module_dayRangeEnd__y6dEB","dayRangeMiddle":"CalendarRange-module_dayRangeMiddle__SybKY"};const CalendarRange=/*#__PURE__*/function(){const CalendarRange=function(_a){var id=_a.id,onMount=_a.onMount,_b=_a.hasDivider,hasDivider=_b===void 0?false:_b,classNameOverride=_a.classNameOverride,selected=_a.selected,defaultMonth=_a.defaultMonth,_c=_a.locale,locale=_c===void 0?enAU:_c,restProps=__rest(_a,["id","onMount","hasDivider","classNameOverride","selected","defaultMonth","locale"]);var calendarRef=useRef(null);useEffect(function(){if(calendarRef.current)onMount&&onMount(calendarRef.current);},[calendarRef]);var monthToShow=(selected===null||selected===void 0?void 0:selected.from)||defaultMonth;var selectedMonth=monthToShow&&isInvalidDate(monthToShow)?undefined:monthToShow;/* eslint-disable camelcase */var classNames=__assign(__assign({},baseCalendarClassNames),{month:hasDivider?styles$20.monthWithDivider:styles$20.month,caption_end:styles$20.captionEnd,nav:styles$20.nav,day_range_start:styles$20.dayRangeStart,day_range_end:styles$20.dayRangeEnd,day_range_middle:styles$20.dayRangeMiddle});/* eslint-enable camelcase */return/*#__PURE__*/React.createElement("div",{ref:calendarRef,id:id,className:classNameOverride},/*#__PURE__*/React.createElement(DayPicker,__assign({mode:"range",selected:selected,defaultMonth:selectedMonth,classNames:classNames,components:{IconRight:function(){return/*#__PURE__*/React.createElement(Icon,{name:"arrow_forward",isPresentational:true,shouldMirrorInRTL:true});},IconLeft:function(){return/*#__PURE__*/React.createElement(Icon,{name:"arrow_back",isPresentational:true,shouldMirrorInRTL:true});}},numberOfMonths:2,locale:locale},restProps)));};CalendarRange.displayName="CalendarRange";return CalendarRange;}();var styles$1$={"wrapper":"Card-module_wrapper__Hriov","elevated":"Card-module_elevated__qkaCe","blue":"Card-module_blue__JOIuL","gray":"Card-module_gray__cRl9J","green":"Card-module_green__s2Oj8","orange":"Card-module_orange__qrxQo","purple":"Card-module_purple__cp6Bx","red":"Card-module_red__Ux35X","white":"Card-module_white__LjMQF","yellow":"Card-module_yellow__A3F9a","default":"Card-module_default__c8nG0","informative":"Card-module_informative__6la3C","positive":"Card-module_positive__waT0O","cautionary":"Card-module_cautionary__Fxfva","destructive":"Card-module_destructive__OqDdg","assertive":"Card-module_assertive__5ntbN","highlight":"Card-module_highlight__QJ5hP"};/**
|
|
45
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094938/Card Guidance} |
|
|
46
|
-
* {@link https://cultureamp.design/?path=/story/components-card--docs Storybook}
|
|
47
|
-
*/const Card=/*#__PURE__*/function(){const Card=function(_a){var children=_a.children,_b=_a.tag,tag=_b===void 0?"div":_b,variant=_a.variant,_c=_a.color,color=_c===void 0?"white":_c,_d=_a.isElevated,isElevated=_d===void 0?false:_d,classNameOverride=_a.classNameOverride,props=__rest(_a,["children","tag","variant","color","isElevated","classNameOverride"]);var Element=tag;return/*#__PURE__*/React.createElement(Element,__assign({className:classnames(styles$1$.wrapper,variant?styles$1$[variant]:styles$1$[color],classNameOverride,isElevated&&styles$1$.elevated)},props),children);};Card.displayName="Card";return Card;}();var styles$1_={"checkbox":"Checkbox-module_checkbox__qJnwV","icon":"Checkbox-module_icon__h6ebV","reversed":"Checkbox-module_reversed__YWdUf","box":"Checkbox-module_box__Q6BJn"};var renderCheckOrMixedIcon=function(status,reversed){if(status==="off")return;return/*#__PURE__*/React.createElement(Icon,{name:status==="on"?"check":"remove",isPresentational:true,className:classnames(styles$1_.icon,reversed&&styles$1_.reversed)});};var getCheckedFromStatus=function(checkedStatus){return checkedStatus==="on";};const Checkbox$1=/*#__PURE__*/function(){const Checkbox$1=function(_a){var _b=_a.checkedStatus,checkedStatus=_b===void 0?"off":_b,onCheck=_a.onCheck,_c=_a.reversed,reversed=_c===void 0?false:_c,value=_a.value,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["checkedStatus","onCheck","reversed","value","classNameOverride"]);return/*#__PURE__*/React.createElement("span",{className:styles$1_.container},/*#__PURE__*/React.createElement("input",__assign({ref:function(node){if(node){node.indeterminate=checkedStatus==="mixed";}},"data-indeterminate":checkedStatus==="mixed",type:"checkbox",className:classnames(styles$1_.checkbox,classNameOverride,reversed&&styles$1_.reversed),checked:getCheckedFromStatus(checkedStatus),onChange:onCheck,value:value||checkedStatus,readOnly:onCheck===undefined},restProps)),/*#__PURE__*/React.createElement("span",{className:classnames(styles$1_.box,reversed&&styles$1_.reversed)},renderCheckOrMixedIcon(checkedStatus,reversed)));};Checkbox$1.displayName="Checkbox";return Checkbox$1;}();var styles$1Z={"container":"CheckboxField-module_container__3J-jG","noBottomMargin":"CheckboxField-module_noBottomMargin__vTcJF","checked":"CheckboxField-module_checked__uAhcE","mixed":"CheckboxField-module_mixed__smfKh","label":"CheckboxField-module_label__KLacF"};/**
|
|
48
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094661/Checkbox+Field Guidance} |
|
|
49
|
-
* {@link https://cultureamp.design/?path=/docs/components-checkobx-controls-checkbox-field--docs Storybook}
|
|
50
|
-
*/const CheckboxField=/*#__PURE__*/function(){const CheckboxField=function(_a){var propsId=_a.id,labelText=_a.labelText,checkedStatus=_a.checkedStatus,_b=_a.disabled,disabled=_b===void 0?false:_b,_c=_a.reversed,reversed=_c===void 0?false:_c,_d=_a.noBottomMargin,noBottomMargin=_d===void 0?false:_d,dataTestId=_a["data-testid"],classNameOverride=_a.classNameOverride,restProps=__rest(_a,["id","labelText","checkedStatus","disabled","reversed","noBottomMargin","data-testid","classNameOverride"]);var id=propsId!==null&&propsId!==void 0?propsId:useId();return/*#__PURE__*/React.createElement("div",{"data-testid":dataTestId,className:classnames(styles$1Z.container,classNameOverride,checkedStatus==="on"&&styles$1Z.checked,checkedStatus==="mixed"&&styles$1Z.mixed,reversed&&styles$1Z.reversed,noBottomMargin&&styles$1Z.noBottomMargin)},/*#__PURE__*/React.createElement(Label$1,{id:"".concat(id,"-field-label"),htmlFor:"".concat(id,"-field-checkbox"),"data-testid":"".concat(id,"-field-label"),labelText:labelText,reversed:reversed,labelType:"checkbox",disabled:disabled,classNameOverride:styles$1Z.label},/*#__PURE__*/React.createElement(Checkbox$1,__assign({id:"".concat(id,"-field-checkbox"),"data-testid":"".concat(id,"-field-checkbox"),disabled:disabled,reversed:reversed,checkedStatus:checkedStatus},restProps))));};CheckboxField.displayName="CheckboxField";return CheckboxField;}();var styles$1Y={"checkboxGroupLabel":"CheckboxGroup-module_checkboxGroupLabel__a9Iet","checkboxGroupContainer":"CheckboxGroup-module_checkboxGroupContainer__NTUWc","noBottomMargin":"CheckboxGroup-module_noBottomMargin__J7ADb"};/**
|
|
51
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094522/Checkbox+Group Guidance} |
|
|
52
|
-
* {@link https://cultureamp.design/storybook/?path=/docs/components-checkbox-controls-checkbox-group--docs Storybook}
|
|
53
|
-
*/const CheckboxGroup=/*#__PURE__*/function(){const CheckboxGroup=function(_a){var children=_a.children,labelText=_a.labelText,propsLabelId=_a.labelId,_b=_a.noBottomMargin,noBottomMargin=_b===void 0?false:_b,_c=_a.reversed,reversed=_c===void 0?false:_c,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","labelText","labelId","noBottomMargin","reversed","classNameOverride"]);var labelId=propsLabelId!==null&&propsLabelId!==void 0?propsLabelId:useId();return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$1Y.checkboxGroupContainer,classNameOverride,noBottomMargin&&styles$1Y.noBottomMargin,reversed&&styles$1Y.reversed),role:"group","aria-labelledby":labelId},restProps),/*#__PURE__*/React.createElement("div",{className:styles$1Y.checkboxGroupLabel},/*#__PURE__*/React.createElement(Label$1,{id:labelId,labelText:labelText,labelType:"text",reversed:reversed})),children);};CheckboxGroup.displayName="CheckboxGroup";return CheckboxGroup;}();var styles$1X={"clearButton":"ClearButton-module_clearButton__CSOIc","default":"ClearButton-module_default__lBJxw","reversed":"ClearButton-module_reversed__0I2DC"};const ClearButton$1=/*#__PURE__*/function(){const ClearButton$1=function(_a){var classNameOverride=_a.classNameOverride,_b=_a.isReversed,isReversed=_b===void 0?false:_b,restProps=__rest(_a,["classNameOverride","isReversed"]);return/*#__PURE__*/React.createElement("button",__assign({type:"button","aria-label":"clear",className:classnames(styles$1X.clearButton,isReversed?styles$1X.reversed:styles$1X.default,classNameOverride)},restProps),/*#__PURE__*/React.createElement(Icon,{name:"cancel",isPresentational:true,isFilled:true}));};ClearButton$1.displayName="ClearButton";return ClearButton$1;}();var styles$1W={"container":"Collapsible-module_container__EBC1U","header":"Collapsible-module_header__yf32d","open":"Collapsible-module_open__YlzQL","separated":"Collapsible-module_separated__IKYdN","groupItem":"Collapsible-module_groupItem__JECHF","chevronButton":"Collapsible-module_chevronButton__Ti18q","title":"Collapsible-module_title__Mwsd6","defaultVariant":"Collapsible-module_defaultVariant__BqxxR","clearVariant":"Collapsible-module_clearVariant__BHkHf","sticky":"Collapsible-module_sticky__m1V8p","section":"Collapsible-module_section__yfZvI","noPadding":"Collapsible-module_noPadding__Vfm3q","hide":"Collapsible-module_hide__cvbIi"};const Collapsible=/*#__PURE__*/function(){const Collapsible=function(_a){var children=_a.children,title=_a.title,renderHeader=_a.renderHeader,open=_a.open,group=_a.group,separated=_a.separated,sticky=_a.sticky,noSectionPadding=_a.noSectionPadding,onToggle=_a.onToggle,_b=_a.variant,variant=_b===void 0?"default":_b,lazyLoad=_a.lazyLoad,controlled=_a.controlled,classNameOverride=_a.classNameOverride,propsId=_a.id,restProps=__rest(_a,["children","title","renderHeader","open","group","separated","sticky","noSectionPadding","onToggle","variant","lazyLoad","controlled","classNameOverride","id"]);var _c=useState(open!==null&&open!==void 0?open:false),stateIsOpen=_c[0],setIsOpen=_c[1];var getOpen=function(){return controlled?open:stateIsOpen;};var id=propsId!==null&&propsId!==void 0?propsId:useId();var handleSectionToggle=function(){var newIsOpen=!getOpen();if(!controlled)setIsOpen(newIsOpen);onToggle===null||onToggle===void 0?void 0:onToggle(newIsOpen,id);};var handleButtonPress=function(event){event.stopPropagation();handleSectionToggle();};var buttonId="".concat(id,"-button");var sectionId="".concat(id,"-section");var isOpen=getOpen();var isContainer=!group||separated;return/*#__PURE__*/React.createElement("div",__assign({id:id,className:classnames(classNameOverride,isContainer&&styles$1W.container,group&&!separated&&styles$1W.groupItem,separated&&styles$1W.separated),"data-testid":"collapsible-container-".concat(id)},restProps),/*#__PURE__*/React.createElement("div",{className:classnames(styles$1W.header,isOpen&&styles$1W.open,sticky&&styles$1W.sticky,isOpen&&variant==="default"&&styles$1W.defaultVariant,isOpen&&variant==="clear"&&styles$1W.clearVariant),style:sticky&&{top:sticky.top},onClick:handleSectionToggle,"data-testid":"collapsible-header-".concat(id)},renderHeader!==undefined?renderHeader(title):(/*#__PURE__*/React.createElement("div",{className:styles$1W.title,"data-testid":"collapsible-button-title-".concat(id)},/*#__PURE__*/React.createElement(Heading,{variant:"heading-4",tag:"span"},title))),/*#__PURE__*/React.createElement("div",null,/*#__PURE__*/React.createElement(IconButton,{label:title,icon:/*#__PURE__*/React.createElement(Icon,{name:isOpen?"keyboard_arrow_up":"keyboard_arrow_down",isPresentational:true}),type:"button","aria-expanded":isOpen,"aria-controls":sectionId,"data-testid":"collapsible-button-".concat(id),id:buttonId,onClick:handleButtonPress,classNameOverride:styles$1W.chevronButton}))),(!lazyLoad||isOpen)&&(/*#__PURE__*/React.createElement(AnimateHeight,{height:isOpen?"auto":0,"data-testid":"collapsible-section-".concat(id)},/*#__PURE__*/React.createElement("div",{id:sectionId,className:classnames(styles$1W.section,noSectionPadding&&styles$1W.noPadding),role:"region","aria-labelledby":buttonId},children))));};Collapsible.displayName="Collapsible";return Collapsible;}();var styles$1V={"container":"CollapsibleGroup-module_container__EjMRg"};/**
|
|
54
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
|
|
55
|
-
* {@link https://cultureamp.design/?path=/docs/components-collapsible-collapsible-group--docs Storybook}
|
|
56
|
-
*/var CollapsibleGroup=function(_a){var children=_a.children,_b=_a.separated,separated=_b===void 0?false:_b,sticky=_a.sticky,_c=_a.noSectionPadding,noSectionPadding=_c===void 0?false:_c,_d=_a.lazyLoad,lazyLoad=_d===void 0?false:_d,onToggle=_a.onToggle,classNameOverride=_a.classNameOverride,props=__rest(_a,["children","separated","sticky","noSectionPadding","lazyLoad","onToggle","classNameOverride"]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames(classNameOverride,!separated&&styles$1V.container)},props),React.Children.map(children,function(collapsible){return/*#__PURE__*/React.cloneElement(collapsible,{group:true,separated:separated,sticky:sticky,noSectionPadding:noSectionPadding,lazyLoad:lazyLoad,onToggle:onToggle});}));};var styles$1U={"expertAdviceContainer":"ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4","expertAdviceHeader":"ExpertAdviceCollapsible-module_expertAdviceHeader__1wthc","expertAdviceHeading":"ExpertAdviceCollapsible-module_expertAdviceHeading__4G4Jh","expertAdviceIcon":"ExpertAdviceCollapsible-module_expertAdviceIcon__DMwbR","expertAdviceSection":"ExpertAdviceCollapsible-module_expertAdviceSection__ox-SR"};/**
|
|
57
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
|
|
58
|
-
* {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}
|
|
59
|
-
*/const ExpertAdviceCollapsible=/*#__PURE__*/function(){const ExpertAdviceCollapsible=function(props){return/*#__PURE__*/React.createElement(Collapsible,__assign({},props,{noSectionPadding:true,classNameOverride:styles$1U.expertAdviceContainer,renderHeader:function(){return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("div",{className:styles$1U.expertAdviceHeader},/*#__PURE__*/React.createElement(Brand,{classNameOverride:styles$1U.expertAdviceIcon,alt:"Expert Advice",variant:"collective-intelligence",reversed:true}),/*#__PURE__*/React.createElement(Heading,{variant:"heading-4",tag:"span",classNameOverride:styles$1U.expertAdviceHeading},props.title)));}}),/*#__PURE__*/React.createElement("div",{className:styles$1U.expertAdviceSection},props.children));};ExpertAdviceCollapsible.displayName="ExpertAdviceCollapsible";return ExpertAdviceCollapsible;}();var styles$1T={"container":"Container-module_container__jSUGk"};/**
|
|
60
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
|
|
61
|
-
* {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
|
|
62
|
-
*/const Container=/*#__PURE__*/function(){const Container=/*#__PURE__*/React.forwardRef(function(_a,ref){var children=_a.children,style=_a.style,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","style","classNameOverride"]);return/*#__PURE__*/React.createElement("div",__assign({ref:ref,className:classnames(styles$1T.container,classNameOverride),style:style},restProps),children);});Container.displayName="Container";return Container;}();var styles$1S={"content":"Content-module_content__ZeTRs"};/**
|
|
63
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3086156812/Layout Guidance} |
|
|
64
|
-
* {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
|
|
65
|
-
*/const Content=/*#__PURE__*/function(){const Content=/*#__PURE__*/React.forwardRef(function(_a,ref){var children=_a.children,style=_a.style,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","style","classNameOverride"]);return/*#__PURE__*/React.createElement("div",__assign({ref:ref,className:classnames(styles$1S.content,classNameOverride),style:style},restProps),children);});Content.displayName="Content";return Content;}();var styles$1R={"wrapper":"Input-module_wrapper__9jBDN","hasStatus":"Input-module_hasStatus__GjERD","input":"Input-module_input__d-Moh","disabled":"Input-module_disabled__CJeOi","reversed":"Input-module_reversed__Kh7dc","focusRing":"Input-module_focusRing__E68jh","withStartIconAdornment":"Input-module_withStartIconAdornment__de6-U","startIconAdornment":"Input-module_startIconAdornment__pnn-b","withDisabled":"Input-module_withDisabled__pzzCm","withEndIconAdornment":"Input-module_withEndIconAdornment__fSBPl","endIconAdornment":"Input-module_endIconAdornment__bg-PL","withReversed":"Input-module_withReversed__SKSOD","default":"Input-module_default__zata3","error":"Input-module_error__a-BFh","caution":"Input-module_caution__rC0sY"};const Input$1=/*#__PURE__*/function(){const Input$1=function(_a){var inputRef=_a.inputRef,_b=_a.status,status=_b===void 0?"default":_b,startIconAdornment=_a.startIconAdornment,endIconAdornment=_a.endIconAdornment,_c=_a.reversed,reversed=_c===void 0?false:_c,_d=_a.type,type=_d===void 0?"text":_d,value=_a.value,defaultValue=_a.defaultValue,classNameOverride=_a.classNameOverride,disabled=_a.disabled,restProps=__rest(_a,["inputRef","status","startIconAdornment","endIconAdornment","reversed","type","value","defaultValue","classNameOverride","disabled"]);return/*#__PURE__*/React.createElement("div",{className:classnames(styles$1R.wrapper,reversed&&styles$1R.withReversed,disabled&&styles$1R.withDisabled,startIconAdornment&&styles$1R.withStartIconAdornment,endIconAdornment&&styles$1R.withEndIconAdornment,status!="default"&&styles$1R.hasStatus)},startIconAdornment&&(/*#__PURE__*/React.createElement("div",{className:styles$1R.startIconAdornment},startIconAdornment)),/*#__PURE__*/React.createElement("input",__assign({ref:inputRef,type:type,value:value,defaultValue:defaultValue,disabled:disabled,className:classnames(styles$1R.input,styles$1R[status],classNameOverride,reversed?styles$1R.reversed:styles$1R.default,disabled&&styles$1R.disabled)},restProps)),/*#__PURE__*/React.createElement("div",{className:styles$1R.focusRing}),endIconAdornment&&(/*#__PURE__*/React.createElement("div",{className:styles$1R.endIconAdornment},endIconAdornment)));};Input$1.displayName="Input";return Input$1;}();var InputStatus=["default","success","error","caution"];var InputTypes=["text","email","password"];var styles$1Q={"ratingScaleRange":"InputRange-module_ratingScaleRange__gI-rs","disabled":"InputRange-module_disabled__LCaIN","hideThumb":"InputRange-module_hideThumb__oscfB","spokes":"InputRange-module_spokes__UFu4A","spokeContainer":"InputRange-module_spokeContainer__i6epK","spoke":"InputRange-module_spoke__k4Hzh","labelsContainer":"InputRange-module_labelsContainer__H-cPY","sliderLabels":"InputRange-module_sliderLabels__qpYBv"};/**
|
|
66
|
-
* {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}
|
|
67
|
-
*/const InputRange=/*#__PURE__*/function(){const InputRange=function(_a){var id=_a.id,defaultValue=_a.defaultValue,value=_a.value,minLabel=_a.minLabel,maxLabel=_a.maxLabel,_b=_a.min,min=_b===void 0?1:_b,_c=_a.max,max=_c===void 0?10:_c,onChange=_a.onChange,ariaDescribedby=_a["aria-describedby"],classNameOverride=_a.classNameOverride,disabled=_a.disabled,readOnly=_a.readOnly,restProps=__rest(_a,["id","defaultValue","value","minLabel","maxLabel","min","max","onChange","aria-describedby","classNameOverride","disabled","readOnly"]);var _d=useState(0.5),step=_d[0],setStep=_d[1];// Let the dot center between the notch initially
|
|
68
|
-
var visuallyHiddenHintId="".concat(id,"-helper");var readOnlyWithNoValue=readOnly&&!value&&!defaultValue;// This has been split out into a different variable to allow usage of defaultValue above^
|
|
69
|
-
// Plus it lets us use max from props with its default value
|
|
70
|
-
var defaultValueWithDefault=defaultValue||(max+1)/2;return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("input",__assign({id:id,className:classnames(styles$1Q.ratingScaleRange,classNameOverride,readOnlyWithNoValue&&styles$1Q.hideThumb,disabled&&styles$1Q.disabled),disabled:disabled||readOnly,type:"range",min:min,max:max,step:step,defaultValue:value?undefined:defaultValueWithDefault,value:value,"aria-valuenow":value,"aria-valuemin":min,"aria-valuemax":max,"aria-describedby":"".concat(visuallyHiddenHintId," ").concat(ariaDescribedby?ariaDescribedby:""),onChange:function(e){setStep(1);// Put the stepper to 1 to avoid floating value
|
|
71
|
-
onChange===null||onChange===void 0?void 0:onChange(e);}},restProps)),/*#__PURE__*/React.createElement("div",{className:classnames(styles$1Q.spokes,disabled&&styles$1Q.disabled)},__spreadArray([],Array(max),true).map(function(_,index){return/*#__PURE__*/React.createElement("div",{key:"".concat(id,"-spoke-").concat(index),className:styles$1Q.spokeContainer},/*#__PURE__*/React.createElement("div",{className:styles$1Q.spoke}));})),/*#__PURE__*/React.createElement(VisuallyHidden,{id:visuallyHiddenHintId},min," is ",minLabel,", ",max," is ",maxLabel),/*#__PURE__*/React.createElement("div",{className:styles$1Q.labelsContainer},!readOnlyWithNoValue&&(/*#__PURE__*/React.createElement("div",{className:classnames(styles$1Q.sliderLabels,disabled&&styles$1Q.disabled)},/*#__PURE__*/React.createElement(Text,{variant:"small",color:"dark-reduced-opacity",tag:"span"},minLabel),/*#__PURE__*/React.createElement(Text,{variant:"small",color:"dark-reduced-opacity",tag:"span"},maxLabel)))));};InputRange.displayName="InputRange";return InputRange;}();var styles$1P={"wrapper":"InputSearch-module_wrapper__xz4kh","input":"InputSearch-module_input__hCit3","hasEndIconAdornment":"InputSearch-module_hasEndIconAdornment__ZtGcu","focusRing":"InputSearch-module_focusRing__kDUuP","startIconAdornment":"InputSearch-module_startIconAdornment__Tc7Yx","loadingSpinner":"InputSearch-module_loadingSpinner__GIO1C","endIconAdornment":"InputSearch-module_endIconAdornment__lm-3h","disabled":"InputSearch-module_disabled__RizfW","default":"InputSearch-module_default__4d3Ek","secondary":"InputSearch-module_secondary__l68uD","reversed":"InputSearch-module_reversed__eS7Nr"};const InputSearch=/*#__PURE__*/function(){const InputSearch=function(props){var value=props.value,onChange=props.onChange,onClear=props.onClear,classNameOverride=props.classNameOverride,disabled=props.disabled,_a=props.reversed,reversed=_a===void 0?false:_a,_b=props.loading,loading=_b===void 0?false:_b,_c=props.secondary,secondary=_c===void 0?false:_c,restProps=__rest(props,["value","onChange","onClear","classNameOverride","disabled","reversed","loading","secondary"]);var formatMessage=useIntl().formatMessage;var inputRef=useRef(null);var handleOnClear=function(){var _a;(_a=inputRef.current)===null||_a===void 0?void 0:_a.focus();onClear&&onClear();};var clearButtonLabel=formatMessage({id:"inputSearch.clear",defaultMessage:"Clear search",description:"Label for the clear search button"});return/*#__PURE__*/React.createElement("div",{className:classnames(styles$1P.wrapper,secondary?styles$1P.secondary:styles$1P.default,reversed&&styles$1P.reversed,disabled&&styles$1P.disabled,value&&styles$1P.hasEndIconAdornment,classNameOverride)},/*#__PURE__*/React.createElement("div",{className:styles$1P.startIconAdornment},loading?(/*#__PURE__*/React.createElement(LoadingSpinner,{accessibilityLabel:"",size:"sm",classNameOverride:styles$1P.loadingSpinner})):(/*#__PURE__*/React.createElement(Icon,{name:"search",isPresentational:true}))),/*#__PURE__*/React.createElement("input",__assign({ref:inputRef,type:"search",className:styles$1P.input,disabled:disabled,value:value,onChange:onChange,readOnly:onChange===undefined},restProps)),/*#__PURE__*/React.createElement("div",{className:styles$1P.focusRing}),value&&(/*#__PURE__*/React.createElement(ClearButton$1,{isReversed:reversed,onClick:handleOnClear,disabled:disabled,classNameOverride:styles$1P.endIconAdornment,"aria-label":clearButtonLabel})));};InputSearch.displayName="InputSearch";return InputSearch;}();var isRefObject=function(ref){return ref!==null&&"current"in ref;};var styles$1O={"dateInput":"DateInput-module_dateInput__f0Rs6","input":"DateInput-module_input__lVV0-"};const DateInput=/*#__PURE__*/function(){const DateInput=/*#__PURE__*/React.forwardRef(function(_a,ref){var id=_a.id,labelText=_a.labelText,disabled=_a.disabled,_b=_a.isReversed,isReversed=_b===void 0?false:_b,classNameOverride=_a.classNameOverride,inputProps=__rest(_a,["id","labelText","disabled","isReversed","classNameOverride"]);return/*#__PURE__*/React.createElement("div",{className:classnames(styles$1O.dateInput,classNameOverride)},/*#__PURE__*/React.createElement(Label$1,{htmlFor:id,id:"".concat(id,"-input-label"),labelText:labelText,reversed:isReversed,disabled:disabled}),/*#__PURE__*/React.createElement(Input$1,__assign({inputRef:isRefObject(ref)?ref:undefined,id:id,type:"text",autoComplete:"off",classNameOverride:styles$1O.input,disabled:disabled,reversed:isReversed},inputProps)));});DateInput.displayName="DateInput";return DateInput;}();var styles$1N={"labelledMessage":"LabelledMessage-module_labelledMessage__8hqzY","labelSeparator":"LabelledMessage-module_labelSeparator__f3zFN"};const LabelledMessage=/*#__PURE__*/function(){const LabelledMessage=function(_a){var label=_a.label,message=_a.message,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["label","message","classNameOverride"]);return/*#__PURE__*/React.createElement("span",__assign({className:classnames(styles$1N.labelledMessage,classNameOverride)},restProps),/*#__PURE__*/React.createElement("span",null,label),/*#__PURE__*/React.createElement("span",{className:styles$1N.labelSeparator},":"),/*#__PURE__*/React.createElement("span",null,message));};LabelledMessage.displayName="LabelledMessage";return LabelledMessage;}();var formatDescriptionInputFormat=function(locale){var _a;return(_a=locale.formatLong)===null||_a===void 0?void 0:_a.date({width:"short"}).toLowerCase();};var styles$1M={"dateInputDescription":"DateInputDescription-module_dateInputDescription__dEWv8","dateInputFormatContainer":"DateInputDescription-module_dateInputFormatContainer__U-zur","descriptionInputFormat":"DateInputDescription-module_descriptionInputFormat__rQ-Z5","labelSeparator":"DateInputDescription-module_labelSeparator__L7Be4"};const DateInputDescription=/*#__PURE__*/function(){const DateInputDescription=function(_a){var description=_a.description,locale=_a.locale;var formatMessage=useIntl().formatMessage;var hasCustomDescription=typeof description==="string"&&description!==""||/*#__PURE__*/React.isValidElement(description);var translatedInputFormatMessage=formatMessage({id:"dateInputDescription.inputFormat",defaultMessage:"Input format",description:"Label for the 'Input format' field"});if(hasCustomDescription){return/*#__PURE__*/React.createElement("span",{className:styles$1M.dateInputDescription},/*#__PURE__*/React.createElement("span",null,description),/*#__PURE__*/React.createElement("span",{className:styles$1M.dateInputFormatContainer},"(",/*#__PURE__*/React.createElement(LabelledMessage,{label:translatedInputFormatMessage,message:formatDescriptionInputFormat(locale)}),")"));}return/*#__PURE__*/React.createElement(LabelledMessage,{label:translatedInputFormatMessage,message:formatDescriptionInputFormat(locale)});};DateInputDescription.displayName="DateInputDescription";return DateInputDescription;}();var styles$1L={"iconButton":"DateInputWithIconButton-module_iconButton__W7YMX","calendarActive":"DateInputWithIconButton-module_calendarActive__b2Vze","disabled":"DateInputWithIconButton-module_disabled__0IRHh"};const DateInputWithIconButton=/*#__PURE__*/function(){const DateInputWithIconButton=/*#__PURE__*/React.forwardRef(function(_a,ref){var onButtonClick=_a.onButtonClick,disabled=_a.disabled,value=_a.value,restProps=__rest(_a,["onButtonClick","disabled","value"]);var customRefObject=isRefObject(ref)?ref.current:null;var inputRef=customRefObject===null||customRefObject===void 0?void 0:customRefObject.inputRef;var buttonRef=customRefObject===null||customRefObject===void 0?void 0:customRefObject.buttonRef;var IconButton=/*#__PURE__*/React.createElement("button",{ref:buttonRef,type:"button",onClick:onButtonClick,"aria-label":value?"Change date, ".concat(value):"Choose date","aria-disabled":disabled,disabled:disabled,className:classnames(styles$1L.iconButton,restProps["aria-expanded"]&&styles$1L.calendarActive,disabled&&styles$1L.disabled)},/*#__PURE__*/React.createElement(Icon,{name:"today",isPresentational:true,isFilled:true}));return/*#__PURE__*/React.createElement(DateInput,__assign({ref:inputRef,disabled:disabled,value:value,endIconAdornment:IconButton},restProps));});DateInputWithIconButton.displayName="DateInputWithIconButton";return DateInputWithIconButton;}();var styles$1K={"calendarPopover":"CalendarPopover-module_calendarPopover__p2xp9"};/**
|
|
72
|
-
* Only for use with Calendar components.
|
|
73
|
-
* @todo: Replace with Popover when we have a reusable one.
|
|
74
|
-
*/const CalendarPopover=/*#__PURE__*/function(){const CalendarPopover=function(_a){var children=_a.children,referenceElement=_a.referenceElement,floatingOptions=_a.floatingOptions,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","referenceElement","floatingOptions","classNameOverride"]);var _b=useState(null),floatingElement=_b[0],setFloatingElement=_b[1];var floatingStyles=useFloating(__assign({placement:"bottom-start",elements:{reference:referenceElement,floating:floatingElement},strategy:"fixed",middleware:[size({apply:function(_a){var availableHeight=_a.availableHeight,availableWidth=_a.availableWidth,elements=_a.elements;Object.assign(elements.floating.style,{// 155 is enough of a minimum to cut off half of the second row of dates.
|
|
75
|
-
// This indicates to users that there is more content that is scrollable
|
|
76
|
-
maxHeight:"".concat(Math.max(availableHeight-25,155),"px"),maxWidth:"".concat(availableWidth,"px")});}}),offset(15),autoPlacement({allowedPlacements:["bottom-start","bottom","top-start","top"]})],whileElementsMounted:autoUpdate},floatingOptions)).floatingStyles;return/*#__PURE__*/React.createElement("div",__assign({ref:setFloatingElement,style:floatingStyles,className:classnames(styles$1K.calendarPopover,classNameOverride),role:"dialog","aria-modal":"true"},restProps),children);};CalendarPopover.displayName="CalendarPopover";return CalendarPopover;}();var styles$1J={"disabled":"DateInputField-module_disabled__-Y0lJ"};const DateInputField$1=/*#__PURE__*/function(){const DateInputField$1=/*#__PURE__*/React.forwardRef(function(_a,ref){var description=_a.description,status=_a.status,validationMessage=_a.validationMessage,_b=_a.locale,locale=_b===void 0?enAU:_b,propsId=_a.id,disabled=_a.disabled,_c=_a.isReversed,isReversed=_c===void 0?false:_c,classNameOverride=_a.classNameOverride,dateInputWithIconButtonProps=__rest(_a,["description","status","validationMessage","locale","id","disabled","isReversed","classNameOverride"]);var reactId=useId();var id=propsId!==null&&propsId!==void 0?propsId:reactId;var descriptionId="".concat(id,"-field-message");var shouldShowValidationMessage=!disabled&&validationMessage;return/*#__PURE__*/React.createElement("div",{className:classNameOverride},/*#__PURE__*/React.createElement(DateInputWithIconButton,__assign({ref:ref,id:id,"aria-describedby":descriptionId,status:status,disabled:disabled,isReversed:isReversed},dateInputWithIconButtonProps)),shouldShowValidationMessage&&(/*#__PURE__*/React.createElement(FieldMessage,{message:validationMessage,status:status,reversed:isReversed})),/*#__PURE__*/React.createElement("div",{className:classnames(disabled&&styles$1J.disabled)},/*#__PURE__*/React.createElement(FieldMessage,{id:descriptionId,message:/*#__PURE__*/React.createElement(DateInputDescription,{description:description,locale:locale}),reversed:isReversed})));});DateInputField$1.displayName="DateInputField";return DateInputField$1;}();var getLocale=function(locale){switch(locale){case"zh":return zhCN;case"zh-TW":return zhTW;case"da":return da;case"nl":return nl;case"en-US":return enUS;case"fr":return fr;case"de":return de;case"he":return he;case"it":return it;case"ja":return ja;case"ko":case"kr":return ko;case"es-419":return es;case"sv":return sv;case"ru":return ru;// @todo: Add when locale is available https://github.com/date-fns/date-fns/issues/2627
|
|
77
|
-
// case "mi":
|
|
78
|
-
// return miNZ
|
|
79
|
-
case"pl":return pl;case"pt-BR":return ptBR;case"uk":return uk;case"en":case"en-GB":case"en-AU":return enGB;case"ar":return arSA;case"bg":return bg;case"cs":return cs;case"et":return et;case"fi":return fi;case"fr-CA":return frCA;case"ht":return ht;case"el":return el;case"hi":return hi;case"hu":return hu;case"id":return id;case"km-KH":return km;case"lv":return lv;case"lt":return lt;case"ms":return ms;case"nb":case"no":return nb;case"pt":return pt;case"ro":return ro;case"sr":return sr;// case "si-LK":
|
|
80
|
-
// return siLK
|
|
81
|
-
case"sk":return sk;case"es":return es;// case "tl":
|
|
82
|
-
// return tlPH
|
|
83
|
-
case"th":return th;case"tr":return tr;case"vi":return vi;case"cy":return cy;default:return enGB;}};var validateDate$1=function(_a){var date=_a.date,inputValue=_a.inputValue,disabledDays=_a.disabledDays;var baseResponse={date:date,inputValue:inputValue,status:undefined,validationMessage:undefined,isInvalid:false,isDisabled:false,isEmpty:false,isValidDate:false};if(date===undefined){return{validationResponse:__assign(__assign({},baseResponse),{isEmpty:true}),newDate:undefined};}if(isInvalidDate(date)){return{validationResponse:__assign(__assign({},baseResponse),{status:"error",validationMessage:inputValue?(/*#__PURE__*/React.createElement(FormattedMessage,{id:"date.validation.invalidDateWithValue",defaultMessage:"{inputValue} is an invalid date",description:"Error message when the user enters an invalid date and we know their input value",values:{inputValue:inputValue}})):(/*#__PURE__*/React.createElement(FormattedMessage,{id:"date.validation.invalidDate",defaultMessage:"Date is invalid",description:"Error message when the user enters an invalid date and we do not know their input value"})),isInvalid:true}),newDate:undefined};}if(isDisabledDate(date,disabledDays)){return{validationResponse:__assign(__assign({},baseResponse),{status:"error",validationMessage:(/*#__PURE__*/React.createElement(FormattedMessage,{id:"date.validation.unavailableDate",defaultMessage:"{inputValue} is not available, try another date",description:"Error message when the user tries to select a date that is unavailable",values:{inputValue:inputValue}})),isDisabled:true}),newDate:undefined};}return{validationResponse:__assign(__assign({},baseResponse),{isValidDate:true}),newDate:date};};/**
|
|
84
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082061174/Date+Picker Guidance} |
|
|
85
|
-
* {@link https://cultureamp.design/?path=/docs/components-date-controls-datepicker--docs Storybook}
|
|
86
|
-
*/const DatePicker=/*#__PURE__*/function(){const DatePicker=function(_a){var propsId=_a.id,_b=_a.buttonRef,propsButtonRef=_b===void 0?useRef(null):_b,_c=_a.locale,propsLocale=_c===void 0?"en-AU":_c,disabledDates=_a.disabledDates,disabledDaysOfWeek=_a.disabledDaysOfWeek,disabledRange=_a.disabledRange,disabledBeforeAfter=_a.disabledBeforeAfter,disabledBefore=_a.disabledBefore,disabledAfter=_a.disabledAfter,weekStartsOn=_a.weekStartsOn,defaultMonth=_a.defaultMonth,selectedDay=_a.selectedDay,status=_a.status,validationMessage=_a.validationMessage,onInputClick=_a.onInputClick,onInputFocus=_a.onInputFocus,onInputChange=_a.onInputChange,onInputBlur=_a.onInputBlur,onButtonClick=_a.onButtonClick,onDayChange=_a.onDayChange,onValidate=_a.onValidate,restDateInputFieldProps=__rest(_a,["id","buttonRef","locale","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDay","status","validationMessage","onInputClick","onInputFocus","onInputChange","onInputBlur","onButtonClick","onDayChange","onValidate"]);var formatMessage=useIntl().formatMessage;var calendarLabelDesc=formatMessage({id:"datePicker.calendarLabelDescription",defaultMessage:"Select date from calendar for:",description:"Label for the search input"});var reactId=useId();var id=propsId!==null&&propsId!==void 0?propsId:reactId;var containerRef=useRef(null);var inputRef=useRef(null);var buttonRef=useRef((propsButtonRef===null||propsButtonRef===void 0?void 0:propsButtonRef.current)||null);var dateInputRefs=useRef({inputRef:inputRef,buttonRef:buttonRef});var _d=useState(""),inputValue=_d[0],setInputValue=_d[1];var _e=useState(false),isOpen=_e[0],setIsOpen=_e[1];var _f=useState(),lastTrigger=_f[0],setLastTrigger=_f[1];var _g=useState(),inbuiltStatus=_g[0],setInbuiltStatus=_g[1];var _h=useState(),inbuiltValidationMessage=_h[0],setInbuiltValidationMessage=_h[1];var shouldUseInbuiltValidation=onValidate===undefined;var locale=getLocale(propsLocale);var disabledDays=calculateDisabledDays({disabledDates:disabledDates,disabledDaysOfWeek:disabledDaysOfWeek,disabledRange:disabledRange,disabledBeforeAfter:disabledBeforeAfter,disabledBefore:disabledBefore,disabledAfter:disabledAfter});var handleValidation=function(validationResponse){if(shouldUseInbuiltValidation){setInbuiltStatus(validationResponse.status);setInbuiltValidationMessage(validationResponse.validationMessage);}else{onValidate(validationResponse);}};var handleDayChange=function(date,newInputValue){var _a=validateDate$1({date:date,inputValue:newInputValue,disabledDays:disabledDays}),validationResponse=_a.validationResponse,newDate=_a.newDate;handleValidation(validationResponse);onDayChange(newDate);};var handleCalendarDayChange=function(date){if(!isDisabledDate(date,disabledDays)){var newInputValue=lastTrigger==="calendarButton"?formatDateAsText(date,disabledDays,locale):formatDateAsNumeral(date,locale);setInputValue(newInputValue);handleDayChange(date);setIsOpen(false);}};var handleInputClick=function(e){setIsOpen(true);onInputClick===null||onInputClick===void 0?void 0:onInputClick(e);};var handleInputFocus=function(e){setLastTrigger("inputFocus");if(selectedDay){var newInputValue=formatDateAsNumeral(selectedDay,locale);setInputValue(newInputValue);}onInputFocus===null||onInputFocus===void 0?void 0:onInputFocus(e);};var handleInputChange=function(e){setInputValue(e.target.value);onInputChange===null||onInputChange===void 0?void 0:onInputChange(e);};var handleInputBlur=function(e){if(isSelectingDayInCalendar(e.relatedTarget))return;if(inputValue!==""){var parsedDate=parseDateAsTextOrNumeral(inputValue,locale);if(!isInvalidDate(parsedDate)){setInputValue(formatDateAsText(parsedDate,disabledDays,locale));}handleDayChange(parsedDate,inputValue);onInputBlur===null||onInputBlur===void 0?void 0:onInputBlur(e);return;}handleDayChange(undefined,inputValue);onInputBlur===null||onInputBlur===void 0?void 0:onInputBlur(e);};var handleKeyDown=function(e){if(e.key==="Enter"){setIsOpen(false);var parsedDate=parseDateAsTextOrNumeral(inputValue,locale);handleDayChange(parsedDate,e.currentTarget.value);}if(e.key==="ArrowDown"||e.key==="ArrowDown"&&e.altKey===true){e.preventDefault();setIsOpen(true);setLastTrigger("inputKeydown");}};var handleButtonClick=function(e){setIsOpen(!isOpen);setLastTrigger("calendarButton");onButtonClick===null||onButtonClick===void 0?void 0:onButtonClick(e);};var handleCalendarMount=function(calendarElement){if(lastTrigger==="inputFocus")return;setFocusInCalendar(calendarElement,selectedDay);};var handleReturnFocus=function(){var _a,_b;if(lastTrigger==="inputKeydown"||lastTrigger==="inputFocus"){return(_a=inputRef.current)===null||_a===void 0?void 0:_a.focus();}(_b=buttonRef.current)===null||_b===void 0?void 0:_b.focus();};useEffect(function(){if(selectedDay){setInputValue(formatDateAsText(selectedDay,disabledDays,locale));var formattedDate=formatDateAsNumeral(selectedDay,locale);var validationResponse=validateDate$1({date:selectedDay,inputValue:formattedDate,disabledDays:disabledDays}).validationResponse;if(!validationResponse.isValidDate&&!validationResponse.isEmpty){handleValidation(validationResponse);}}},[selectedDay]);var calendarId="".concat(id,"-calendar-dialog");return/*#__PURE__*/React.createElement(FocusOn,{scrollLock:false,returnFocus:false,onDeactivation:handleReturnFocus,onClickOutside:function(){return setIsOpen(false);},onEscapeKey:function(){return setIsOpen(false);},enabled:isOpen},/*#__PURE__*/React.createElement("div",{ref:containerRef},/*#__PURE__*/React.createElement(DateInputField$1,__assign({ref:dateInputRefs,id:id,role:"combobox","aria-haspopup":"dialog","aria-expanded":isOpen,"aria-controls":calendarId,value:inputValue,locale:locale,onButtonClick:handleButtonClick,onClick:handleInputClick,onFocus:handleInputFocus,onChange:handleInputChange,onBlur:handleInputBlur,onKeyDown:handleKeyDown,status:status!==undefined||!shouldUseInbuiltValidation?status:inbuiltStatus,validationMessage:validationMessage!==undefined||!shouldUseInbuiltValidation?validationMessage:inbuiltValidationMessage},restDateInputFieldProps))),isOpen&&(/*#__PURE__*/React.createElement(CalendarPopover,{referenceElement:containerRef.current,"aria-labelledby":"".concat(id,"-calendar-label ").concat(id,"-input-label")},/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(VisuallyHidden,{id:"".concat(id,"-calendar-label")},calendarLabelDesc),/*#__PURE__*/React.createElement(CalendarSingle,{id:calendarId,selected:selectedDay,defaultMonth:defaultMonth,weekStartsOn:weekStartsOn,disabled:disabledDays,locale:locale,onDayClick:handleCalendarDayChange,onMount:handleCalendarMount})))));};DatePicker.displayName="DatePicker";return DatePicker;}();var styles$1I={"nav":"LegacyCalendarRange-module_nav__DsZpy","navButtonNext":"LegacyCalendarRange-module_navButtonNext__hwYN9","dayRangeStart":"LegacyCalendarRange-module_dayRangeStart__vRr5P","dayRangeEnd":"LegacyCalendarRange-module_dayRangeEnd__PfuWy","dayRangeMiddle":"LegacyCalendarRange-module_dayRangeMiddle__M27gR"};const LegacyCalendarRange=/*#__PURE__*/function(){const LegacyCalendarRange=function(_a){var classNameOverride=_a.classNameOverride,defaultMonth=_a.defaultMonth,_b=_a.weekStartsOn,weekStartsOn=_b===void 0?DayOfWeek.Mon:_b,disabledDays=_a.disabledDays,selectedRange=_a.selectedRange,locale=_a.locale,onDayChange=_a.onDayChange;var monthToShow=(selectedRange===null||selectedRange===void 0?void 0:selectedRange.from)||defaultMonth;var selectedMonth=monthToShow&&isInvalidDate(monthToShow)?undefined:monthToShow;/* eslint-disable camelcase */var classNames=__assign(__assign({},baseCalendarClassNames),{nav:styles$1I.nav,nav_button_next:styles$1I.navButtonNext,day_range_start:styles$1I.dayRangeStart,day_range_end:styles$1I.dayRangeEnd,day_range_middle:styles$1I.dayRangeMiddle});/* eslint-enable camelcase */return/*#__PURE__*/React.createElement("div",{className:classNameOverride},/*#__PURE__*/React.createElement(DayPicker,{mode:"range",selected:selectedRange,defaultMonth:selectedMonth,weekStartsOn:isValidWeekStartsOn(weekStartsOn)?weekStartsOn:undefined,disabled:disabledDays,onDayClick:onDayChange,classNames:classNames,components:{IconRight:function(){return/*#__PURE__*/React.createElement(Icon,{name:"arrow_forward",isPresentational:true,shouldMirrorInRTL:true});},IconLeft:function(){return/*#__PURE__*/React.createElement(Icon,{name:"arrow_back",isPresentational:true,shouldMirrorInRTL:true});}},locale:locale}));};LegacyCalendarRange.displayName="LegacyCalendarRange";return LegacyCalendarRange;}();var styles$1H={"button":"DateRangePicker-module_button__cA-Ss","disabled":"DateRangePicker-module_disabled__f0zmt","value":"DateRangePicker-module_value__dtZAj","startIconAdornment":"DateRangePicker-module_startIconAdornment__lCw3l","withStartIconAdornment":"DateRangePicker-module_withStartIconAdornment__auP6u"};/**
|
|
87
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094237/Date+Range+Picker Guidance} |
|
|
88
|
-
* {@link https://cultureamp.design/storybook/?path=/docs/components-date-controls-daterangepicker--docs Storybook}
|
|
89
|
-
*/const DateRangePicker=/*#__PURE__*/function(){const DateRangePicker=function(_a){var _b;var propsId=_a.id,_c=_a.buttonRef,buttonRef=_c===void 0?useRef(null):_c;_a.description;// not used
|
|
90
|
-
var labelText=_a.labelText,_d=_a.isDisabled,isDisabled=_d===void 0?false:_d,classNameOverride=_a.classNameOverride,disabledDates=_a.disabledDates,disabledDaysOfWeek=_a.disabledDaysOfWeek,disabledRange=_a.disabledRange,disabledBeforeAfter=_a.disabledBeforeAfter,disabledBefore=_a.disabledBefore,disabledAfter=_a.disabledAfter,weekStartsOn=_a.weekStartsOn,defaultMonth=_a.defaultMonth,selectedDateRange=_a.selectedDateRange,value=_a.value,onChange=_a.onChange,inputProps=__rest(_a,["id","buttonRef","description","labelText","isDisabled","classNameOverride","disabledDates","disabledDaysOfWeek","disabledRange","disabledBeforeAfter","disabledBefore","disabledAfter","weekStartsOn","defaultMonth","selectedDateRange","value","onChange"]);var reactId=useId();var id=propsId!==null&&propsId!==void 0?propsId:reactId;var containerRef=useRef(null);var _e=useState(false),isOpen=_e[0],setIsOpen=_e[1];var disabledDays=calculateDisabledDays({disabledDates:disabledDates,disabledDaysOfWeek:disabledDaysOfWeek,disabledRange:disabledRange,disabledBeforeAfter:disabledBeforeAfter,disabledBefore:disabledBefore,disabledAfter:disabledAfter});var handleOpenClose=function(){setIsOpen(!isOpen);};var handleReturnFocus=function(){if(buttonRef.current){buttonRef.current.focus();}};var handleDayClick=function(day){/** react-day-picker will fire events for disabled days by default.
|
|
91
|
-
* We're checking here if it includes the CSS Modules class for disabled
|
|
92
|
-
* on the modifier to then return early.
|
|
93
|
-
* */if(isDisabledDate(day,disabledDays)){return;}if(!selectedDateRange)return;/** If user has already selected range and then selects again, treat first
|
|
94
|
-
* click as the start of the new range.
|
|
95
|
-
* */if(isSelectingFirstDay(selectedDateRange,day)){onChange({from:day,to:undefined});}else{// Otherwise, treat click as the final selection.
|
|
96
|
-
onChange({from:selectedDateRange.from,to:day});handleOpenClose();}};var isSelectingFirstDay=function(range,day){var isBeforeFirstDay=!!range.from&&isMatch(day,[{before:range.from}]);var isRangeSelected=!!range.from&&!!range.to;return!range.from||isBeforeFirstDay||isRangeSelected;};return/*#__PURE__*/React.createElement("div",null,/*#__PURE__*/React.createElement("div",{ref:containerRef,className:classNameOverride},/*#__PURE__*/React.createElement(Label$1,{id:"".concat(id,"-input-label"),disabled:isDisabled,htmlFor:id,labelText:labelText}),/*#__PURE__*/React.createElement("button",__assign({type:"button",id:id,className:classnames(styles$1H.button,styles$1H.withStartIconAdornment,(_b={},_b[styles$1H.disabled]=isDisabled,_b)),disabled:isDisabled,ref:buttonRef,onClick:handleOpenClose,"aria-label":(selectedDateRange===null||selectedDateRange===void 0?void 0:selectedDateRange.from)?"Change date: ".concat(value):"Choose date"},inputProps),/*#__PURE__*/React.createElement("div",{className:styles$1H.startIconAdornment},/*#__PURE__*/React.createElement(Icon,{name:"today",isPresentational:true,isFilled:true})),/*#__PURE__*/React.createElement("span",{className:styles$1H.value},(selectedDateRange===null||selectedDateRange===void 0?void 0:selectedDateRange.from)?value:undefined))),isOpen&&(/*#__PURE__*/React.createElement(FocusOn,{scrollLock:false,onDeactivation:handleReturnFocus,onClickOutside:handleOpenClose,onEscapeKey:handleOpenClose,enabled:isOpen},/*#__PURE__*/React.createElement(CalendarPopover,{referenceElement:containerRef.current,"aria-labelledby":"".concat(id,"-calendar-label ").concat(id,"-input-label")},/*#__PURE__*/React.createElement(VisuallyHidden,{id:"".concat(id,"-calendar-label")},"Select dates from calendar for:"),/*#__PURE__*/React.createElement(LegacyCalendarRange,{selectedRange:selectedDateRange,defaultMonth:defaultMonth,weekStartsOn:weekStartsOn,disabledDays:disabledDays,onDayChange:handleDayClick,locale:enUS})))));};DateRangePicker.displayName="DateRangePicker";return DateRangePicker;}();var dateFormatOptions={month:"short",year:"numeric",day:"numeric"};var dateWithoutYearFormatOptions={month:"short",day:"numeric"};var formatDateRangeValue=function(dateRange){var _a,_b,_c,_d;if(dateRange.to){var isSameYear=((_a=dateRange.from)===null||_a===void 0?void 0:_a.getFullYear())===((_b=dateRange===null||dateRange===void 0?void 0:dateRange.to)===null||_b===void 0?void 0:_b.getFullYear());var from=isSameYear?(_c=dateRange.from)===null||_c===void 0?void 0:_c.toLocaleDateString("en-US",dateWithoutYearFormatOptions):(_d=dateRange.from)===null||_d===void 0?void 0:_d.toLocaleDateString("en-US",dateFormatOptions);var to=dateRange.to.toLocaleDateString("en-US",dateFormatOptions);return"".concat(from," \u2013 ").concat(to);}else{var from=dateRange.from?dateRange.from.toLocaleDateString("en-US",dateFormatOptions):"";return from;}};var styles$1G={"wrapper":"Base-module_wrapper__UMpe0","figure":"Base-module_figure__k5wH2","pausePlayButton":"Base-module_pausePlayButton__XaPFX","aspectRatioWrapper":"Base-module_aspectRatioWrapper__bNveS","landscape":"Base-module_landscape__GYpiV","portrait":"Base-module_portrait__5G-0I","square":"Base-module_square__0KWiY","visuallyHidden":"Base-module_visuallyHidden__bykhu"};const Base=/*#__PURE__*/function(){const Base=function(_a){var name=_a.name,_b=_a.alt,alt=_b===void 0?"":_b,classNameOverride=_a.classNameOverride,aspectRatio=_a.aspectRatio,restProps=__rest(_a,["name","alt","classNameOverride","aspectRatio"]);var className=classnames(styles$1G.wrapper,classNameOverride);return aspectRatio?(/*#__PURE__*/React.createElement("figure",{className:classnames(styles$1G.aspectRatioWrapper,aspectRatio&&styles$1G[aspectRatio])},/*#__PURE__*/React.createElement("img",__assign({},restProps,{className:className,alt:alt,src:assetUrl(name)})))):(/*#__PURE__*/React.createElement("img",__assign({},restProps,{className:className,alt:alt,src:assetUrl(name)})));};Base.displayName="Base";return Base;}();var SPOT_ILLUSTRATION_BASE_PATH="illustrations/heart/spot/";var createSpotIllustration=function(fileName){// eslint-disable-next-line react/display-name
|
|
97
|
-
return function(_a){var enableAspectRatio=_a.enableAspectRatio,restProps=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"square":undefined},restProps,{name:"".concat(SPOT_ILLUSTRATION_BASE_PATH).concat(fileName)}));};};/**
|
|
98
|
-
* Template Library / Moods
|
|
99
|
-
*/ /* prettier-ignore */var Cautionary=createSpotIllustration("moods-cautionary.svg");/* prettier-ignore */var Informative=createSpotIllustration("moods-informative.svg");/* prettier-ignore */var Negative=createSpotIllustration("moods-negative.svg");/* prettier-ignore */var Positive=createSpotIllustration("moods-positive.svg");/* prettier-ignore */var Assertive=createSpotIllustration("moods-assertive.svg");/**
|
|
100
|
-
* Template Library / Engagement
|
|
101
|
-
*/ /* prettier-ignore */var BenefitsSurvey=createSpotIllustration("template-library-benefits-survey.svg");/* prettier-ignore */var CustomSurvey=createSpotIllustration("template-library-custom-survey.svg");/* prettier-ignore */var CustomUnattributedSurvey=createSpotIllustration("template-library-custom-unattributed-survey.svg");/* prettier-ignore */var EngagementSurvey=createSpotIllustration("template-library-engagement-survey.svg");/* prettier-ignore */var InclusionSurvey=createSpotIllustration("template-library-inclusion-survey.svg");/* prettier-ignore */var QuickEngagementSurvey=createSpotIllustration("template-library-quick-engagement-survey.svg");/* prettier-ignore */var ValuesSurvey1=createSpotIllustration("template-library-values-survey-1.svg");/* prettier-ignore */var ValuesSurvey2=createSpotIllustration("template-library-values-survey-2.svg");/* prettier-ignore */var WellbeingSurvey1=createSpotIllustration("template-library-wellbeing-survey-1.svg");/* prettier-ignore */var WellbeingSurvey2=createSpotIllustration("template-library-wellbeing-survey-2.svg");/* prettier-ignore */var WellbeingSurvey3=createSpotIllustration("template-library-wellbeing-survey-3.svg");/* prettier-ignore */var ChangeReadiness=createSpotIllustration("template-library-change-readiness.svg");/* prettier-ignore */var ChangeSuccess=createSpotIllustration("template-library-change-success.svg");/* prettier-ignore */var PerformanceDiagnostics=createSpotIllustration("template-library-performance-diagnostics.svg");/* prettier-ignore */var LeadingThroughCrisis=createSpotIllustration("template-library-leading-through-crisis.svg");/* prettier-ignore */var EmergencyResponse=createSpotIllustration("template-library-emergency-response.svg");/**
|
|
102
|
-
* Template Library / Experience
|
|
103
|
-
*/ /* prettier-ignore */var CandidateSurvey=createSpotIllustration("template-library-candidate-survey.svg");/* prettier-ignore */var CustomOnboardSurvey=createSpotIllustration("template-library-custom-onboard-survey.svg");/* prettier-ignore */var ExitSurvey=createSpotIllustration("template-library-exit-survey.svg");/* prettier-ignore */var InternSurvey=createSpotIllustration("template-library-intern-survey.svg");/* prettier-ignore */var PhasedWeek1OnboardSurvey=createSpotIllustration("template-library-phased-week-1-onboard-survey.svg");/* prettier-ignore */var PhasedWeek5OnboardSurvey=createSpotIllustration("template-library-phased-week-5-onboard-survey.svg");/* prettier-ignore */var SinglePointOnboardSurvey=createSpotIllustration("template-library-single-point-onboard-survey.svg");/* prettier-ignore */var GeneralOnboardSurvey=createSpotIllustration("template-library-general-onboard-survey.svg");/* prettier-ignore */var RemoteOnboardSurvey=createSpotIllustration("template-library-remote-onboard-survey.svg");/* prettier-ignore */var HealthAndSafety=createSpotIllustration("template-library-health-and-safety.svg");/* prettier-ignore */var EndOfProbation=createSpotIllustration("template-library-end-of-probation.svg");/* prettier-ignore */var NewWaysOfWorking=createSpotIllustration("template-library-new-ways-of-working.svg");/* prettier-ignore */var ReOnboarding=createSpotIllustration("template-library-re-onboarding.svg");/**
|
|
104
|
-
* Template Library / Performance
|
|
105
|
-
*/ /* prettier-ignore */var Individual360=createSpotIllustration("template-library-individual-360.svg");/* prettier-ignore */var Leadership360=createSpotIllustration("template-library-leadership-360.svg");/* prettier-ignore */var Manager360=createSpotIllustration("template-library-manager-360.svg");/* prettier-ignore */var Individual180=createSpotIllustration("template-library-individual-180.svg");/* prettier-ignore */var Leadership180=createSpotIllustration("template-library-leadership-180.svg");/* prettier-ignore */var Manager180=createSpotIllustration("template-library-manager-180.svg");/* prettier-ignore */var TeamEffectiveness1=createSpotIllustration("template-library-team-effectiveness-1.svg");/* prettier-ignore */var TeamEffectiveness2=createSpotIllustration("template-library-team-effectiveness-2.svg");/**
|
|
106
|
-
* Offices
|
|
107
|
-
*/ /* prettier-ignore */var London=createSpotIllustration("offices-london.svg");/* prettier-ignore */var Melbourne=createSpotIllustration("offices-melbourne.svg");/* prettier-ignore */var NewYork=createSpotIllustration("offices-new-york.svg");/* prettier-ignore */var SanFrancisco=createSpotIllustration("offices-san-francisco.svg");/**
|
|
108
|
-
* Values
|
|
109
|
-
*/ /* prettier-ignore */var AmplifyOthers=createSpotIllustration("values-amplify-others.svg");/* prettier-ignore */var HaveTheCourageToBeVulnerable=createSpotIllustration("values-have-the-courage-to-be-vulnerable.svg");/* prettier-ignore */var LearnFasterThroughFeedback=createSpotIllustration("values-learn-faster-through-feedback.svg");/* prettier-ignore */var TrustOthersToMakeDecisions=createSpotIllustration("values-trust-others-to-make-decisions.svg");/**
|
|
110
|
-
* Template Library / COVID-19
|
|
111
|
-
*/ /* prettier-ignore */var WellbeingSurvey=createSpotIllustration("template-library-wellbeing-survey.svg");/* prettier-ignore */var Response=createSpotIllustration("template-library-response.svg");/* prettier-ignore */var RemoteWorkQSet=createSpotIllustration("template-library-remote-work-q-set.svg");/* prettier-ignore */var ReturnToWorkplace=createSpotIllustration("template-library-return-to-workplace.svg");/* prettier-ignore */var PulseSurvey=createSpotIllustration("template-library-pulse-survey.svg");/**
|
|
112
|
-
* New Account
|
|
113
|
-
*/ /* prettier-ignore */var AccountBasics=createSpotIllustration("new-account-account-basics.svg");/* prettier-ignore */var CompanyDetails=createSpotIllustration("new-account-company-details.svg");/* prettier-ignore */var EmployeeData=createSpotIllustration("new-account-employee-data.svg");/* prettier-ignore */var Gdpr=createSpotIllustration("new-account-gdpr.svg");/* prettier-ignore */var Timezone=createSpotIllustration("new-account-timezone.svg");/* prettier-ignore */var AddUser=createSpotIllustration("new-account-add-user.svg");/**
|
|
114
|
-
* Skills Coach (previously referred to as Manager Learning)
|
|
115
|
-
*/ /* prettier-ignore */var Strategy=createSpotIllustration("skills-coach-strategy.svg");/* prettier-ignore */var Resilience=createSpotIllustration("skills-coach-resilience.svg");/* prettier-ignore */var EssentialResilience=createSpotIllustration("skills-coach-essential-resillience.svg");/* prettier-ignore */var RemoteManager=createSpotIllustration("skills-coach-remote-manager.svg");/* prettier-ignore */var Productivity=createSpotIllustration("skills-coach-productivity.svg");/* prettier-ignore */var EssentialProductivity=createSpotIllustration("skills-coach-essential-productivity.svg");/* prettier-ignore */var InfluentialCommunication=createSpotIllustration("skills-coach-influential-communication.svg");/* prettier-ignore */var LeadingChange=createSpotIllustration("skills-coach-leading-change.svg");/* prettier-ignore */var ManagerLearning=createSpotIllustration("skills-coach-manager-learning.svg");/* prettier-ignore */var Feedback=createSpotIllustration("skills-coach-feedback.svg");/* prettier-ignore */var Coaching=createSpotIllustration("skills-coach-coaching.svg");/* prettier-ignore */var OneOnOne=createSpotIllustration("skills-coach-1-on-1.svg");/**
|
|
116
|
-
* Miscellaneous
|
|
117
|
-
*/ /* prettier-ignore */var ActionPlans=createSpotIllustration("miscellaneous-action-plans.svg");/* prettier-ignore */var BCorp=createSpotIllustration("miscellaneous-b-corp.svg");/* prettier-ignore */var Behaviour=createSpotIllustration("miscellaneous-behavior.svg");/* prettier-ignore */var ChangeAgents=createSpotIllustration("miscellaneous-change-agents.svg");/* prettier-ignore */var Communications=createSpotIllustration("miscellaneous-communications.svg");/* prettier-ignore */var Community=createSpotIllustration("miscellaneous-community.svg");/* prettier-ignore */var Company=createSpotIllustration("miscellaneous-company.svg");/* prettier-ignore */var Conversations=createSpotIllustration("miscellaneous-conversations.svg");/* prettier-ignore */var DataVisualization=createSpotIllustration("miscellaneous-data-visualization.svg");/* prettier-ignore */var Goals=createSpotIllustration("miscellaneous-goals.svg");/* prettier-ignore */var Insights=createSpotIllustration("miscellaneous-insights.svg");/* prettier-ignore */var Learn=createSpotIllustration("miscellaneous-learn.svg");/* prettier-ignore */var Microphone=createSpotIllustration("miscellaneous-microphone.svg");/* prettier-ignore */var PaperPen=createSpotIllustration("miscellaneous-paper-pen.svg");/* prettier-ignore */var PowerfulInsights=createSpotIllustration("miscellaneous-powerful-insights.svg");/* prettier-ignore */var Privacy=createSpotIllustration("miscellaneous-privacy.svg");/* prettier-ignore */var Process=createSpotIllustration("miscellaneous-process.svg");/* prettier-ignore */var Resources=createSpotIllustration("miscellaneous-resources.svg");/* prettier-ignore */var ScienceBackedTools=createSpotIllustration("miscellaneous-science-backed-tools.svg");/* prettier-ignore */var SkillsDevelopment=createSpotIllustration("miscellaneous-skills-development.svg");/* prettier-ignore */var ViewReports=createSpotIllustration("miscellaneous-view-reports.svg");/* prettier-ignore */var ReadArticle=createSpotIllustration("miscellaneous-read-article.svg");/* prettier-ignore */var FastAction=createSpotIllustration("miscellaneous-fast-action.svg");/* prettier-ignore */var BaselineSurvey=createSpotIllustration("miscellaneous-baseline-survey.svg");/* prettier-ignore */var SpreadsheetTemplate=createSpotIllustration("miscellaneous-spreadsheet-template.svg");/* prettier-ignore */var AddImage=createSpotIllustration("miscellaneous-add-image.svg");/* prettier-ignore */var MeetingVoices=createSpotIllustration("miscellaneous-meeting-voices.svg");/* prettier-ignore */var Workshop=createSpotIllustration("miscellaneous-workshop.svg");/* prettier-ignore */var Video=createSpotIllustration("miscellaneous-video.svg");/* prettier-ignore */var ReportSharing=createSpotIllustration("miscellaneous-report-sharing.svg");/* prettier-ignore */var BlankSurvey=createSpotIllustration("miscellaneous-blank-survey.svg");/* prettier-ignore */var TakeAim=createSpotIllustration("miscellaneous-take-aim.svg");/* prettier-ignore */var Action=createSpotIllustration("miscellaneous-action.svg");/* prettier-ignore */var Training1=createSpotIllustration("miscellaneous-training-1.svg");/* prettier-ignore */var Training2=createSpotIllustration("miscellaneous-training-2.svg");/* prettier-ignore */var Training3=createSpotIllustration("miscellaneous-training-3.svg");/* prettier-ignore */var ShareReport=createSpotIllustration("miscellaneous-share-report.svg");// TODO: Component Name change
|
|
118
|
-
/* prettier-ignore */var Team1=createSpotIllustration("miscellaneous-team-1.svg");/* prettier-ignore */var Team2=createSpotIllustration("miscellaneous-team-2.svg");/* prettier-ignore */var Templates=createSpotIllustration("miscellaneous-templates.svg");/* prettier-ignore */var ExecutiveReportSharing=createSpotIllustration("miscellaneous-executive-report-sharing.svg");/* prettier-ignore */var ManagerReportSharing=createSpotIllustration("miscellaneous-manager-report-sharing.svg");/* prettier-ignore */var LeaderReportSharing=createSpotIllustration("miscellaneous-leader-report-sharing.svg");/* prettier-ignore */var Alarm=createSpotIllustration("miscellaneous-alarm.svg");/* prettier-ignore */var Fire=createSpotIllustration("miscellaneous-fire.svg");/* prettier-ignore */var Fireworks=createSpotIllustration("miscellaneous-fireworks.svg");/* prettier-ignore */var FullImport=createSpotIllustration("miscellaneous-full-import.svg");/* prettier-ignore */var HrisImport=createSpotIllustration("miscellaneous-hris-import.svg");/* prettier-ignore */var PartialImport=createSpotIllustration("miscellaneous-partial-import.svg");/* prettier-ignore */var Starburst=createSpotIllustration("miscellaneous-starburst.svg");/* prettier-ignore */var Stop=createSpotIllustration("miscellaneous-stop.svg");/* prettier-ignore */var TrafficCone=createSpotIllustration("miscellaneous-traffic-cone.svg");/* prettier-ignore */var Trophy=createSpotIllustration("miscellaneous-trophy.svg");/* prettier-ignore */var UnderConstruction=createSpotIllustration("miscellaneous-under-construction.svg");/* prettier-ignore */var ValueAdd=createSpotIllustration("miscellaneous-value-add.svg");/* prettier-ignore */var Recommendation=createSpotIllustration("miscellaneous-recommendation.svg");/* prettier-ignore */var Objective=createSpotIllustration("miscellaneous-objective.svg");/* prettier-ignore */var CalendarSync=createSpotIllustration("miscellaneous-calendar-sync.svg");/**
|
|
119
|
-
* Detect whether the current browser can play webm files
|
|
120
|
-
*/var canPlayWebm=function(){if(typeof window==="undefined")return false;// Don't trust Safari's canPlayType implementation, as there is partial support for webm
|
|
121
|
-
var isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);if(isSafari){return false;}// Attempt webm feature detection
|
|
122
|
-
var video=document.createElement("video");if(video.canPlayType("video/webm; codecs=vp9")==="probably"){return true;}return false;};var usePausePlay=function(videoRef){var _a=useState(false),isPaused=_a[0],setPaused=_a[1];return{toggle:function(){if(!videoRef.current)return;if(videoRef.current.paused){setPaused(false);videoRef.current.play();}else{setPaused(true);videoRef.current.pause();}},icon:(/*#__PURE__*/React.createElement(Icon,{name:isPaused?"play_circle":"pause",isPresentational:true,isFilled:true})),label:isPaused?"Play animation":"Pause animation"};};var VideoPlayer=function(_a){var _b=_a.autoplay,autoplay=_b===void 0?true:_b,_c=_a.loop,loop=_c===void 0?false:_c,fallback=_a.fallback,source=_a.source,aspectRatio=_a.aspectRatio,onEnded=_a.onEnded;var videoRef=useRef(null);var _d=React.useState(true),prefersReducedMotion=_d[0],setPrefersReducedMotion=_d[1];var _e=React.useState(false),isWebmCompatible=_e[0],setIsWebmCompatible=_e[1];var _f=React.useState(false),windowIsAvailable=_f[0],setWindowIsAvailable=_f[1];useEffect(function(){/**
|
|
123
|
-
* Setting `muted` on the player is required in Safari/Webkit and older
|
|
124
|
-
* versions of Chome for the video to autoplay (regardless of whether
|
|
125
|
-
* the format contains an audio stream or not).
|
|
126
|
-
*
|
|
127
|
-
* React does not guarentee the `muted` attribute is set on the
|
|
128
|
-
* `video` element. So on load we force set this attribute. See issue:
|
|
129
|
-
* https://github.com/facebook/react/issues/10389
|
|
130
|
-
*/var videoElement=videoRef.current;if(videoElement!==null){videoElement.setAttribute("muted","");}},[]);useEffect(function(){// when the source of the animation is updated, we need to reload the asset
|
|
131
|
-
// to ensure the video player is in sync with the new source.
|
|
132
|
-
var videoElement=videoRef.current;if(videoElement!==null){videoElement.load();}},[source]);useEffect(function(){if(!window)return;var reducedMotionQuery=window.matchMedia("(prefers-reduced-motion: reduce)");setPrefersReducedMotion(reducedMotionQuery.matches);var updateMotionPreferences=function(){var _a=window.matchMedia("(prefers-reduced-motion: reduce)").matches,matches=_a===void 0?false:_a;setPrefersReducedMotion(matches);};var isLegacyEdge=navigator.userAgent.match(/Edge/);var isUnsupportedSafari=window.matchMedia("").addEventListener===undefined;if(isLegacyEdge||isUnsupportedSafari)return;reducedMotionQuery.addEventListener("change",updateMotionPreferences,true);return function cleanup(){reducedMotionQuery.removeEventListener("change",updateMotionPreferences);};},[]);useEffect(function(){var _a;var videoElement=videoRef.current;if(!videoElement)return;if(prefersReducedMotion){videoElement.pause();}else if(autoplay&&!prefersReducedMotion){try{// Older browsers may not return a promise, so .play could return undefined
|
|
133
|
-
(_a=videoElement.play())===null||_a===void 0?void 0:_a.catch(function(){/*
|
|
134
|
-
* An DOMException _may_ be raised by some browsers if we
|
|
135
|
-
* programatically interact with the video before the
|
|
136
|
-
* user has interacted with the page. This is okay - so
|
|
137
|
-
* we're going to catch this error without handling it. See:
|
|
138
|
-
* https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide#autoplay_availability
|
|
139
|
-
*/});}catch(_b){/**
|
|
140
|
-
* Older browsers will raise a synchronous error because their first implementation
|
|
141
|
-
* of `.play` was not a promise.
|
|
142
|
-
*/}}/**
|
|
143
|
-
* Chrome seems to have an issue with changes to autoplay after the video
|
|
144
|
-
* has been mounted. If there is a change in autoplay we need to force the
|
|
145
|
-
* play() method to be called.
|
|
146
|
-
*/},[prefersReducedMotion,autoplay]);useEffect(function(){// Add event listeners for the video element
|
|
147
|
-
var videoElement=videoRef.current;if(!videoElement||!onEnded)return;videoElement.addEventListener("ended",onEnded);return function cleanup(){videoElement.removeEventListener("ended",onEnded);};},[videoRef]);useEffect(function(){// SSR does not have a window, which is required for canPlayWebm.
|
|
148
|
-
if(window!==undefined)setWindowIsAvailable(true);},[]);useEffect(function(){if(windowIsAvailable)setIsWebmCompatible(canPlayWebm());},[windowIsAvailable]);var pausePlay=usePausePlay(videoRef);return/*#__PURE__*/React.createElement("figure",{className:classnames(styles$1G.figure,aspectRatio&&styles$1G[aspectRatio],aspectRatio&&styles$1G.aspectRatioWrapper)},/*#__PURE__*/React.createElement("video",{muted:true,"aria-hidden":true,preload:"metadata",ref:videoRef,width:"100%","data-testid":"kz-video-player",className:styles$1G.wrapper,loop:loop,poster:assetUrl("".concat(fallback,".png")),autoPlay:prefersReducedMotion?false:autoplay,playsInline:true,tabIndex:-1},isWebmCompatible&&(/*#__PURE__*/React.createElement("source",{src:assetUrl("".concat(source,".webm")),type:"video/webm"})),/*#__PURE__*/React.createElement("source",{src:assetUrl("".concat(source,".mp4")),type:"video/mp4"})),/*#__PURE__*/React.createElement(IconButton,{onClick:function(){return pausePlay.toggle();},icon:pausePlay.icon,label:pausePlay.label,classNameOverride:styles$1G.pausePlayButton}));};/**
|
|
149
|
-
* This component is a snowflake. It plays two assets one after the other:
|
|
150
|
-
* - An "initial" animation that is only ever played once, never looping
|
|
151
|
-
* - An "ambient" animation that can be looped, depending on the props passed into it
|
|
152
|
-
*/const BrandMomentCaptureIntro=/*#__PURE__*/function(){const BrandMomentCaptureIntro=function(_a){var isAnimated=_a.isAnimated,alt=_a.alt,enableAspectRatio=_a.enableAspectRatio,otherProps=__rest(_a,["isAnimated","alt","enableAspectRatio"]);var _b=useState(false),firstAnimationComplete=_b[0],setFirstAnimationComplete=_b[1];var aspectRatio=enableAspectRatio?"landscape":undefined;if(!isAnimated){return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:aspectRatio,alt:alt||""},otherProps,{name:"illustrations/heart/scene/brand-moments-capture-intro-loop.png"}));}if(firstAnimationComplete){return/*#__PURE__*/React.createElement(VideoPlayer,__assign({},otherProps,{aspectRatio:aspectRatio,fallback:"illustrations/heart/scene/brand-moments-capture-intro-loop",source:"illustrations/heart/scene/brand-moments-capture-intro-loop",autoplay:firstAnimationComplete?otherProps.autoplay:false}));}return/*#__PURE__*/React.createElement(VideoPlayer,__assign({},otherProps,{aspectRatio:aspectRatio,fallback:"illustrations/heart/scene/brand-moments-capture-intro",source:"illustrations/heart/scene/brand-moments-capture-intro",onEnded:function(){return setFirstAnimationComplete(true);},loop:false}));};BrandMomentCaptureIntro.displayName="BrandMomentCaptureIntro";// Brand Moments
|
|
153
|
-
return BrandMomentCaptureIntro;}();const BrandMomentPositiveOutro=/*#__PURE__*/function(){const BrandMomentPositiveOutro=function(_a){var isAnimated=_a.isAnimated,enableAspectRatio=_a.enableAspectRatio,alt=_a.alt,otherProps=__rest(_a,["isAnimated","enableAspectRatio","alt"]);if(isAnimated){return/*#__PURE__*/React.createElement(VideoPlayer,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},otherProps,{fallback:"illustrations/heart/scene/brand-moments-positive-outro",source:"illustrations/heart/scene/brand-moments-positive-outro"}));}return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined,alt:alt||""},otherProps,{name:"illustrations/heart/scene/brand-moments-positive-outro.png"}));};BrandMomentPositiveOutro.displayName="BrandMomentPositiveOutro";return BrandMomentPositiveOutro;}();const BrandMomentLogin=/*#__PURE__*/function(){const BrandMomentLogin=function(_a){var isAnimated=_a.isAnimated,enableAspectRatio=_a.enableAspectRatio,alt=_a.alt,otherProps=__rest(_a,["isAnimated","enableAspectRatio","alt"]);if(isAnimated){return/*#__PURE__*/React.createElement(VideoPlayer,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},otherProps,{fallback:"illustrations/heart/scene/brand-moments-login",source:"illustrations/heart/scene/brand-moments-login"}));}return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined,alt:alt||""},otherProps,{name:"illustrations/heart/scene/brand-moments-login.png"}));};BrandMomentLogin.displayName="BrandMomentLogin";return BrandMomentLogin;}();const BrandMomentError=/*#__PURE__*/function(){const BrandMomentError=function(_a){var isAnimated=_a.isAnimated,enableAspectRatio=_a.enableAspectRatio,alt=_a.alt,otherProps=__rest(_a,["isAnimated","enableAspectRatio","alt"]);if(isAnimated){return/*#__PURE__*/React.createElement(VideoPlayer,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},otherProps,{fallback:"illustrations/heart/scene/brand-moments-error",source:"illustrations/heart/scene/brand-moments-error"}));}return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined,alt:alt||""},otherProps,{name:"illustrations/heart/scene/brand-moments-error.png"}));};BrandMomentError.displayName="BrandMomentError";return BrandMomentError;}();const BrandMomentNewAccountOnboarding=/*#__PURE__*/function(){const BrandMomentNewAccountOnboarding=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/brand-moments-new-account-onboarding.svg"}));};BrandMomentNewAccountOnboarding.displayName="BrandMomentNewAccountOnboarding";return BrandMomentNewAccountOnboarding;}();const BrandMomentUploadEmployeeData=/*#__PURE__*/function(){const BrandMomentUploadEmployeeData=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/brand-moments-upload-employee-data.svg"}));};BrandMomentUploadEmployeeData.displayName="BrandMomentUploadEmployeeData";return BrandMomentUploadEmployeeData;}();const BrandMomentStarterKit=/*#__PURE__*/function(){const BrandMomentStarterKit=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/brand-moments-starter-kit.svg"}));};BrandMomentStarterKit.displayName="BrandMomentStarterKit";// Empty States
|
|
154
|
-
return BrandMomentStarterKit;}();const EmptyStatesAction=/*#__PURE__*/function(){const EmptyStatesAction=function(_a){var isAnimated=_a.isAnimated,enableAspectRatio=_a.enableAspectRatio,alt=_a.alt,otherProps=__rest(_a,["isAnimated","enableAspectRatio","alt"]);if(isAnimated){return/*#__PURE__*/React.createElement(VideoPlayer,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},otherProps,{fallback:"illustrations/heart/scene/empty-states-action",source:"illustrations/heart/scene/empty-states-action"}));}return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined,alt:alt||""},otherProps,{name:"illustrations/heart/scene/empty-states-action.svg"}));};EmptyStatesAction.displayName="EmptyStatesAction";return EmptyStatesAction;}();const EmptyStatesInformative=/*#__PURE__*/function(){const EmptyStatesInformative=function(_a){var isAnimated=_a.isAnimated,enableAspectRatio=_a.enableAspectRatio,alt=_a.alt,otherProps=__rest(_a,["isAnimated","enableAspectRatio","alt"]);if(isAnimated){return/*#__PURE__*/React.createElement(VideoPlayer,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},otherProps,{fallback:"illustrations/heart/scene/empty-states-informative",source:"illustrations/heart/scene/empty-states-informative"}));}return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined,alt:alt||""},otherProps,{name:"illustrations/heart/scene/empty-states-informative.svg"}));};EmptyStatesInformative.displayName="EmptyStatesInformative";return EmptyStatesInformative;}();const EmptyStatesNegative=/*#__PURE__*/function(){const EmptyStatesNegative=function(_a){var isAnimated=_a.isAnimated,enableAspectRatio=_a.enableAspectRatio,alt=_a.alt,otherProps=__rest(_a,["isAnimated","enableAspectRatio","alt"]);if(isAnimated){return/*#__PURE__*/React.createElement(VideoPlayer,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},otherProps,{fallback:"illustrations/heart/scene/empty-states-negative",source:"illustrations/heart/scene/empty-states-negative"}));}return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined,alt:alt||""},otherProps,{name:"illustrations/heart/scene/empty-states-negative.svg"}));};EmptyStatesNegative.displayName="EmptyStatesNegative";return EmptyStatesNegative;}();const EmptyStatesPositive=/*#__PURE__*/function(){const EmptyStatesPositive=function(_a){var isAnimated=_a.isAnimated,enableAspectRatio=_a.enableAspectRatio,alt=_a.alt,otherProps=__rest(_a,["isAnimated","enableAspectRatio","alt"]);if(isAnimated){return/*#__PURE__*/React.createElement(VideoPlayer,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},otherProps,{fallback:"illustrations/heart/scene/empty-states-positive",source:"illustrations/heart/scene/empty-states-positive"}));}return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined,alt:alt||""},otherProps,{name:"illustrations/heart/scene/empty-states-positive.svg"}));};EmptyStatesPositive.displayName="EmptyStatesPositive";return EmptyStatesPositive;}();const EmptyStatesNeutral=/*#__PURE__*/function(){const EmptyStatesNeutral=function(_a){var isAnimated=_a.isAnimated,enableAspectRatio=_a.enableAspectRatio,alt=_a.alt,otherProps=__rest(_a,["isAnimated","enableAspectRatio","alt"]);if(isAnimated){return/*#__PURE__*/React.createElement(VideoPlayer,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},otherProps,{fallback:"illustrations/heart/scene/empty-states-neutral",source:"illustrations/heart/scene/empty-states-neutral"}));}return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined,alt:alt||""},otherProps,{name:"illustrations/heart/scene/empty-states-neutral.svg"}));};EmptyStatesNeutral.displayName="EmptyStatesNeutral";// Information Modals
|
|
155
|
-
return EmptyStatesNeutral;}();const Information360Upgrade=/*#__PURE__*/function(){const Information360Upgrade=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/information-modals-360-upgrade.svg"}));};Information360Upgrade.displayName="Information360Upgrade";return Information360Upgrade;}();const InformationDemographicFocus=/*#__PURE__*/function(){const InformationDemographicFocus=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/information-modals-demographic-focus.svg"}));};InformationDemographicFocus.displayName="InformationDemographicFocus";return InformationDemographicFocus;}();const InformationTurnoverCalculator=/*#__PURE__*/function(){const InformationTurnoverCalculator=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/information-modals-turnover-calculator.svg"}));};InformationTurnoverCalculator.displayName="InformationTurnoverCalculator";return InformationTurnoverCalculator;}();const InformationTurnoverForecast=/*#__PURE__*/function(){const InformationTurnoverForecast=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/information-modals-turnover-forecast.svg"}));};InformationTurnoverForecast.displayName="InformationTurnoverForecast";return InformationTurnoverForecast;}();const InformationEmergingTrends=/*#__PURE__*/function(){const InformationEmergingTrends=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/information-modals-emerging-trends.svg"}));};InformationEmergingTrends.displayName="InformationEmergingTrends";return InformationEmergingTrends;}();const InformationEmployeeLifecycle=/*#__PURE__*/function(){const InformationEmployeeLifecycle=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/information-modals-employee-lifecycle.svg"}));};InformationEmployeeLifecycle.displayName="InformationEmployeeLifecycle";return InformationEmployeeLifecycle;}();const InformationReportOwner=/*#__PURE__*/function(){const InformationReportOwner=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/information-modals-report-owner.svg"}));};InformationReportOwner.displayName="InformationReportOwner";return InformationReportOwner;}();const InformationReportOwnerByRule=/*#__PURE__*/function(){const InformationReportOwnerByRule=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/information-modals-report-owner-by-rule.svg"}));};InformationReportOwnerByRule.displayName="InformationReportOwnerByRule";// Miscellaneous
|
|
156
|
-
return InformationReportOwnerByRule;}();const Collaboration=/*#__PURE__*/function(){const Collaboration=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/miscellaneous-collaboration.svg"}));};Collaboration.displayName="Collaboration";return Collaboration;}();const Communication=/*#__PURE__*/function(){const Communication=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/miscellaneous-communications.svg"}));};Communication.displayName="Communication";return Communication;}();const CompanyValues=/*#__PURE__*/function(){const CompanyValues=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/miscellaneous-company-values.svg"}));};CompanyValues.displayName="CompanyValues";return CompanyValues;}();const ConnectTheDots=/*#__PURE__*/function(){const ConnectTheDots=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/miscellaneous-connect-the-dots.svg"}));};ConnectTheDots.displayName="ConnectTheDots";return ConnectTheDots;}();const CultureLab=/*#__PURE__*/function(){const CultureLab=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/miscellaneous-culture-lab.svg"}));};CultureLab.displayName="CultureLab";return CultureLab;}();const TermsAgreement=/*#__PURE__*/function(){const TermsAgreement=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/miscellaneous-terms-agreement.svg"}));};TermsAgreement.displayName="TermsAgreement";// Skills Coach
|
|
157
|
-
return TermsAgreement;}();const SkillsCoach1On1Meetings=/*#__PURE__*/function(){const SkillsCoach1On1Meetings=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/skills-coach-1-on-1-meetings.svg"}));};SkillsCoach1On1Meetings.displayName="SkillsCoach1On1Meetings";return SkillsCoach1On1Meetings;}();const SkillsCoachCoaching=/*#__PURE__*/function(){const SkillsCoachCoaching=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/skills-coach-coaching.svg"}));};SkillsCoachCoaching.displayName="SkillsCoachCoaching";return SkillsCoachCoaching;}();const SkillsCoachEmployeeDevelopment=/*#__PURE__*/function(){const SkillsCoachEmployeeDevelopment=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/skills-coach-employee-development.svg"}));};SkillsCoachEmployeeDevelopment.displayName="SkillsCoachEmployeeDevelopment";return SkillsCoachEmployeeDevelopment;}();const SkillsCoachEssentialFeedback=/*#__PURE__*/function(){const SkillsCoachEssentialFeedback=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"portrait":undefined},props,{name:"illustrations/heart/scene/skills-coach-essential-feedback.svg"}));};SkillsCoachEssentialFeedback.displayName="SkillsCoachEssentialFeedback";return SkillsCoachEssentialFeedback;}();const SkillsCoachEssentialProductivity=/*#__PURE__*/function(){const SkillsCoachEssentialProductivity=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"portrait":undefined},props,{name:"illustrations/heart/scene/skills-coach-essential-productivity.svg"}));};SkillsCoachEssentialProductivity.displayName="SkillsCoachEssentialProductivity";return SkillsCoachEssentialProductivity;}();const SkillsCoachEssentialResilience=/*#__PURE__*/function(){const SkillsCoachEssentialResilience=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"portrait":undefined},props,{name:"illustrations/heart/scene/skills-coach-essential-resilience.svg"}));};SkillsCoachEssentialResilience.displayName="SkillsCoachEssentialResilience";return SkillsCoachEssentialResilience;}();const SkillsCoachInfluentialCommunication=/*#__PURE__*/function(){const SkillsCoachInfluentialCommunication=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"portrait":undefined},props,{name:"illustrations/heart/scene/skills-coach-influential-communication.svg"}));};SkillsCoachInfluentialCommunication.displayName="SkillsCoachInfluentialCommunication";return SkillsCoachInfluentialCommunication;}();const SkillsCoachLeadingChange=/*#__PURE__*/function(){const SkillsCoachLeadingChange=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"portrait":undefined},props,{name:"illustrations/heart/scene/skills-coach-leading-change.svg"}));};SkillsCoachLeadingChange.displayName="SkillsCoachLeadingChange";return SkillsCoachLeadingChange;}();const SkillsCoachFeedback=/*#__PURE__*/function(){const SkillsCoachFeedback=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/skills-coach-feedback.svg"}));};SkillsCoachFeedback.displayName="SkillsCoachFeedback";return SkillsCoachFeedback;}();const SkillsCoachManagerHub=/*#__PURE__*/function(){const SkillsCoachManagerHub=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/skills-coach-manager-hub.svg"}));};SkillsCoachManagerHub.displayName="SkillsCoachManagerHub";return SkillsCoachManagerHub;}();const SkillsCoachProductivity=/*#__PURE__*/function(){const SkillsCoachProductivity=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/skills-coach-productivity.svg"}));};SkillsCoachProductivity.displayName="SkillsCoachProductivity";return SkillsCoachProductivity;}();const SkillsCoachRemoteManager=/*#__PURE__*/function(){const SkillsCoachRemoteManager=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/skills-coach-remote-manager.svg"}));};SkillsCoachRemoteManager.displayName="SkillsCoachRemoteManager";return SkillsCoachRemoteManager;}();const SkillsCoachResilience=/*#__PURE__*/function(){const SkillsCoachResilience=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/skills-coach-resilience.svg"}));};SkillsCoachResilience.displayName="SkillsCoachResilience";return SkillsCoachResilience;}();const SkillsCoachStrategy=/*#__PURE__*/function(){const SkillsCoachStrategy=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"portrait":undefined},props,{name:"illustrations/heart/scene/skills-coach-strategy.svg"}));};SkillsCoachStrategy.displayName="SkillsCoachStrategy";// Engagement
|
|
158
|
-
return SkillsCoachStrategy;}();const Programs=/*#__PURE__*/function(){const Programs=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/engagement-programs.svg"}));};Programs.displayName="Programs";return Programs;}();const EngagementSurveySummaryFemale=/*#__PURE__*/function(){const EngagementSurveySummaryFemale=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/engagement-survey-summary-female.svg"}));};EngagementSurveySummaryFemale.displayName="EngagementSurveySummaryFemale";return EngagementSurveySummaryFemale;}();const EngagementSurveySummaryMale=/*#__PURE__*/function(){const EngagementSurveySummaryMale=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/engagement-survey-summary-male.svg"}));};EngagementSurveySummaryMale.displayName="EngagementSurveySummaryMale";return EngagementSurveySummaryMale;}();const SurveyOverviewClosed=/*#__PURE__*/function(){const SurveyOverviewClosed=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"portrait":undefined},props,{name:"illustrations/heart/scene/survey-overview-closed.svg"}));};SurveyOverviewClosed.displayName="SurveyOverviewClosed";return SurveyOverviewClosed;}();const SurveyGetStarted=/*#__PURE__*/function(){const SurveyGetStarted=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"portrait":undefined},props,{name:"illustrations/heart/scene/getting-started.svg"}));};SurveyGetStarted.displayName="SurveyGetStarted";return SurveyGetStarted;}();const PerformanceCompanySettings=/*#__PURE__*/function(){const PerformanceCompanySettings=function(_a){var enableAspectRatio=_a.enableAspectRatio,props=__rest(_a,["enableAspectRatio"]);return/*#__PURE__*/React.createElement(Base,__assign({aspectRatio:enableAspectRatio?"landscape":undefined},props,{name:"illustrations/heart/scene/performance-company-settings.svg"}));};PerformanceCompanySettings.displayName="PerformanceCompanySettings";return PerformanceCompanySettings;}();var styles$1F={"container":"EmptyState-module_container__-B5OU","straightCorners":"EmptyState-module_straightCorners__Aeou0","sidebarAndContent":"EmptyState-module_sidebarAndContent__Eysay","contentOnly":"EmptyState-module_contentOnly__RWVVX","positive":"EmptyState-module_positive__o3dXR","negative":"EmptyState-module_negative__e5ci6","action":"EmptyState-module_action__OdsgJ","neutral":"EmptyState-module_neutral__L6fBb","success":"EmptyState-module_success__y7jKP","warning":"EmptyState-module_warning__-PrRp","informative":"EmptyState-module_informative__x0GSr","expert-advice":"EmptyState-module_expert-advice__VVB8i","illustrationSide":"EmptyState-module_illustrationSide__ZSjF3","textSide":"EmptyState-module_textSide__tv54w","illustration":"EmptyState-module_illustration__HyD2k","textSideInner":"EmptyState-module_textSideInner__Yynhi","heading":"EmptyState-module_heading__y-yvC","description":"EmptyState-module_description__fsJOc"};var ILLUSTRATIONS={success:EmptyStatesPositive,warning:EmptyStatesNegative,informative:EmptyStatesInformative,"expert-advice":EmptyStatesNeutral,/** @deprecated Replaced by success */positive:EmptyStatesPositive,/** @deprecated Replaced by expert-advice */neutral:EmptyStatesNeutral,/** @deprecated Replaced by warning */negative:EmptyStatesNegative,/** @deprecated Replaced by warning */action:EmptyStatesNegative};/**
|
|
159
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094098/Empty+State Guidance} |
|
|
160
|
-
* {@link https://cultureamp.design/?path=/docs/components-empty-state--docs Storybook}
|
|
161
|
-
*/const EmptyState=/*#__PURE__*/function(){const EmptyState=function(_a){var children=_a.children,id=_a.id,illustrationType=_a.illustrationType,_b=_a.variant,variant=_b===void 0?"informative":_b,_c=_a.layoutContext,layoutContext=_c===void 0?"sidebarAndContent":_c,headingProps=_a.headingProps,bodyText=_a.bodyText,straightCorners=_a.straightCorners,_d=_a.isAnimated,isAnimated=_d===void 0?true:_d,_e=_a.loop,loop=_e===void 0?false:_e,classNameOverride=_a.classNameOverride,props=__rest(_a,["children","id","illustrationType","variant","layoutContext","headingProps","bodyText","straightCorners","isAnimated","loop","classNameOverride"]);var IllustrationComponent=ILLUSTRATIONS[illustrationType!==null&&illustrationType!==void 0?illustrationType:variant];return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$1F.container,illustrationType?styles$1F[illustrationType]:styles$1F[variant],styles$1F[layoutContext],straightCorners&&styles$1F.straightCorners,classNameOverride),id:id},props),/*#__PURE__*/React.createElement("div",{className:styles$1F.illustrationSide},isAnimated?(/*#__PURE__*/React.createElement(IllustrationComponent,{isAnimated:true,loop:loop,classNameOverride:styles$1F.illustration})):(/*#__PURE__*/React.createElement(IllustrationComponent,{classNameOverride:styles$1F.illustration}))),/*#__PURE__*/React.createElement("div",{className:styles$1F.textSide},/*#__PURE__*/React.createElement("div",{className:styles$1F.textSideInner},headingProps&&(/*#__PURE__*/React.createElement(Heading,__assign({classNameOverride:styles$1F.heading},headingProps))),/*#__PURE__*/React.createElement(Text,{variant:"body",classNameOverride:styles$1F.description},bodyText),children)));};EmptyState.displayName="EmptyState";return EmptyState;}();var useErrorMessages=function(code){var formatMessage=useIntl().formatMessage;var translationsMap={400:{title:formatMessage({id:"kzErrorPage.400.title",defaultMessage:"Problem loading page",description:"Heading for page"}),message:formatMessage({id:"kzErrorPage.400.message",defaultMessage:"Problem loading page right now. Try again or head home.",description:"Call to action instructions for the user"})},401:{title:formatMessage({id:"kzErrorPage.401.title",defaultMessage:"You can't view this page",description:"Main title for page"}),message:formatMessage({id:"kzErrorPage.401.message",defaultMessage:"Sorry but we can't verify if you're able to view this page. Go back and try again, or head to Home",description:"Call to action instructions for the user"})},403:{title:formatMessage({id:"kzErrorPage.403.title",defaultMessage:"You can't view this page",description:"Main title for page"}),message:formatMessage({id:"kzErrorPage.403.message",defaultMessage:"Sorry but it looks like you don’t have permission to view this page. Go back and try again, or head to Home",description:"Call to action instructions for the user"})},404:{title:formatMessage({id:"kzErrorPage.404.title",defaultMessage:"Page not found",description:"Main title of page"}),message:formatMessage({id:"kzErrorPage.404.message",defaultMessage:"Sorry but we can't find the page you're looking for. Go back and try again, or head to Home",description:"Call to action instructions for the user"})},413:{title:formatMessage({id:"kzErrorPage.413.title",defaultMessage:"Something's gone wrong on our side",description:"Main title of page"}),message:formatMessage({id:"kzErrorPage.413",defaultMessage:"Sorry there's an issue with our system and this page can't be displayed. Go back and try again, or head to Home",description:"Call to action instructions for the user"})},422:{title:formatMessage({id:"kzErrorPage.422.title",defaultMessage:"Change couldn't be made",description:"Main title of page"}),message:formatMessage({id:"kzErrorPage.422.message",defaultMessage:"Sorry but your change couldn't be made. Go back and try again, or head to Home",description:"Call to action instructions for the user"})},500:{title:formatMessage({id:"kzErrorPage.500.title",defaultMessage:"Something's gone wrong on our side",description:"Main title of page"}),message:formatMessage({id:"kzErrorPage.500",defaultMessage:"Sorry there's an issue with our system and this page can't be displayed. Go back and try again, or head to Home",description:"Call to action instructions for the user"})},502:{title:formatMessage({id:"kzErrorPage.502.title",defaultMessage:"You can't view this page",description:"Main title of page"}),message:formatMessage({id:"kzErrorPage.502.message",defaultMessage:"Sorry about this. The best thing to do is go back and try again.",description:"Call to action instructions for the user"})},503:{title:formatMessage({id:"kzErrorPage.503.title",defaultMessage:"You can't view this page",description:"Main title of page"}),message:formatMessage({id:"kzErrorPage.503.message",defaultMessage:"Sorry about this. The best thing to do is go back and try again.",description:"Call to action instructions for the user"})},504:{title:formatMessage({id:"kzErrorPage.504.title",defaultMessage:"You can't view this page",description:"Main title of page"}),message:formatMessage({id:"kzErrorPage.504.message",defaultMessage:"Sorry about this. The best thing to do is go back and try again.",description:"Call to action instructions for the user"})}};return translationsMap[code]||{title:"",message:""};};var styles$1E={"paragraphPadding":"ErrorPage-module_paragraphPadding__-L-qy"};var getMailToHref=function(code){var supportEmail="support@cultureamp.com";var subject="Houston we have a problem";var body="Hi there,\n\nI received a ".concat(code," error page while I was trying to...");return encodeURI("mailto:".concat(supportEmail,"?subject=").concat(subject,"&body=").concat(body));};var HOME_HREF="/app/home";const ErrorPage=/*#__PURE__*/function(){const ErrorPage=function(_a){var code=_a.code,title=_a.title,message=_a.message,callToAction=_a.callToAction,classNameOverride=_a.classNameOverride;var formatMessage=useIntl().formatMessage;var content=useErrorMessages(code);var actions={primary:{href:(callToAction===null||callToAction===void 0?void 0:callToAction.homeHref)||HOME_HREF},secondary:(callToAction===null||callToAction===void 0?void 0:callToAction.onContactSupport)?{onClick:callToAction.onContactSupport}:{href:getMailToHref(code)}};return/*#__PURE__*/React.createElement("div",{className:classnames(classNameOverride)},/*#__PURE__*/React.createElement(BrandMoment,{header:/*#__PURE__*/React.createElement(React.Fragment,null),body:/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("div",{className:styles$1E.paragraphPadding},/*#__PURE__*/React.createElement(Text,{variant:"intro-lede"},message||content.message)),/*#__PURE__*/React.createElement(Text,{color:"dark-reduced-opacity",variant:"small"},/*#__PURE__*/React.createElement(FormattedMessage,{id:"kzErrorPage.errorCode",defaultMessage:"Error code {code}",values:{code:code}}))),illustration:/*#__PURE__*/React.createElement(BrandMomentError,{isAnimated:true,loop:true}),variant:"warning",primaryAction:__assign(__assign({},actions.primary),{icon:(/*#__PURE__*/React.createElement(Icon,{name:"arrow_forward",isPresentational:true,shouldMirrorInRTL:true})),iconPosition:"end",label:formatMessage({id:"kzErrorPage.goToHome",defaultMessage:"Go to Home",description:"Home button label"})}),secondaryAction:__assign(__assign({},actions.secondary),{icon:/*#__PURE__*/React.createElement(Icon,{name:"mail",isPresentational:true,isFilled:true}),label:formatMessage({id:"kzErrorPage",defaultMessage:"Contact support",description:"Label for contact button"})}),text:{title:title||content.title}}));};ErrorPage.displayName="ErrorPage";return ErrorPage;}();var styles$1D={"group":"FieldGroup-module_group__74Z9M","inline":"FieldGroup-module_inline__K7D9L"};const FieldGroup=/*#__PURE__*/function(){const FieldGroup=function(_a){var children=_a.children,_b=_a.inline,inline=_b===void 0?false:_b,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","inline","classNameOverride"]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$1D.group,classNameOverride,inline&&styles$1D.inline)},restProps),children);};FieldGroup.displayName="FieldGroup";return FieldGroup;}();var styles$1C={"filterPopover":"FilterPopover-module_filterPopover__eVkH6"};const FilterPopover=/*#__PURE__*/function(){const FilterPopover=function(_a){var children=_a.children,referenceElement=_a.referenceElement,popperOptions=_a.popperOptions,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","referenceElement","popperOptions","classNameOverride"]);var _b=useState(null),popperElement=_b[0],setPopperElement=_b[1];var _c=usePopper(referenceElement,popperElement,__assign({modifiers:[{name:"offset",options:{offset:[0,15]}}],placement:"bottom-start"},popperOptions)),popperStyles=_c.styles,popperAttributes=_c.attributes;return/*#__PURE__*/React.createElement("div",__assign({ref:setPopperElement,style:popperStyles===null||popperStyles===void 0?void 0:popperStyles.popper},popperAttributes===null||popperAttributes===void 0?void 0:popperAttributes.popper,{className:classnames(styles$1C.filterPopover,classNameOverride),role:"dialog","aria-modal":"true"},restProps),children);};FilterPopover.displayName="FilterPopover";return FilterPopover;}();var styles$1B={"filter":"Filter-module_filter__u3IkC"};const Filter=/*#__PURE__*/function(){const Filter=function(_a){var _b,_c,_d,_e,_f;var children=_a.children,isOpen=_a.isOpen,setIsOpen=_a.setIsOpen,renderTrigger=_a.renderTrigger,classNameOverride=_a.classNameOverride,onMount=_a.onMount,restProps=__rest(_a,["children","isOpen","setIsOpen","renderTrigger","classNameOverride","onMount"]);var triggerId=useId();var _g=useState(false),isRefLoaded=_g[0],setIsRefLoaded=_g[1];var trigger=renderTrigger({id:triggerId,onClick:function(){return setIsOpen(!isOpen);},isOpen:isOpen});var inbuiltButtonRef=useRef(null);var inbuiltRef=useRef({triggerRef:inbuiltButtonRef});var filterButtonRef=(_b=trigger.ref)!==null&&_b!==void 0?_b:inbuiltRef;useEffect(function(){var _a,_b;if((_b=(_a=filterButtonRef.current)===null||_a===void 0?void 0:_a.triggerRef)===null||_b===void 0?void 0:_b.current){setIsRefLoaded(true);onMount===null||onMount===void 0?void 0:onMount(filterButtonRef.current.triggerRef);}},[(_d=(_c=filterButtonRef.current)===null||_c===void 0?void 0:_c.triggerRef)===null||_d===void 0?void 0:_d.current,onMount]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$1B.filter,classNameOverride)},restProps),/*#__PURE__*/React.cloneElement(trigger,{ref:filterButtonRef}),isRefLoaded&&isOpen&&(/*#__PURE__*/React.createElement(FocusOn,{scrollLock:false,onClickOutside:function(){return setIsOpen(false);},onEscapeKey:function(){return setIsOpen(false);}},/*#__PURE__*/React.createElement(FilterPopover,{referenceElement:((_f=(_e=filterButtonRef.current)===null||_e===void 0?void 0:_e.triggerRef)===null||_f===void 0?void 0:_f.current)||null,"aria-labelledby":trigger.props.id},children))));};Filter.displayName="Filter";return Filter;}();var styles$1A={"filterContents":"FilterContents-module_filterContents__tQWu8"};const FilterContents=/*#__PURE__*/function(){const FilterContents=function(_a){var children=_a.children,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","classNameOverride"]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$1A.filterContents,classNameOverride)},restProps),children);};FilterContents.displayName="FilterContents";return FilterContents;}();var getIsUsableWhenArgs=function(_a){var filters=_a.filters,activeFilterIds=_a.activeFilterIds,values=_a.values;return Object.values(filters).reduce(function(acc,_a){var id=_a.id,name=_a.name;acc[id]={id:id,name:name,isActive:activeFilterIds.has(id),value:values[id]};return acc;},{});};var updateDependentFilters=function(state){if(state.dependentFilterIds.size===0)return state;var hasChange=false;var args=getIsUsableWhenArgs(state);Array.from(state.dependentFilterIds).forEach(function(id){var isUsable=state.filters[id].isUsableWhen(args);var shouldUpdate=state.filters[id].isUsable!==isUsable;if(!shouldUpdate)return;hasChange=true;state.filters[id].isUsable=isUsable;if(!isUsable){state.activeFilterIds.delete(id);state.values[id]=undefined;state.hasUpdatedValues=true;return;}if(!state.filters[id].isRemovable||state.values[id]!==undefined){state.activeFilterIds.add(id);}});if(hasChange)updateDependentFilters(state);return state;};var updateSingleFilter=function(state,id,data){var _a;return __assign(__assign({},state.filters),(_a={},_a[id]=__assign(__assign({},state.filters[id]),data),_a));};var updateValues=function(state,values){Object.values(state.filters).forEach(function(_a){var id=_a.id,isRemovable=_a.isRemovable,isUsable=_a.isUsable;if(isUsable&&(!isRemovable||values[id]!==undefined)){state.activeFilterIds.add(id);}});return updateDependentFilters(__assign(__assign({},state),{hasUpdatedValues:true,values:values}));};var filterBarStateReducer=function(state,action){switch(action.type){case"set_focus":return __assign(__assign({},state),{focusId:action.id});case"update_values":return __assign({},updateValues(state,action.values));case"complete_update_values":return __assign(__assign({},state),{hasUpdatedValues:false});case"update_single_filter":return __assign(__assign({},state),{filters:updateSingleFilter(state,action.id,action.data)});case"activate_filter":state.activeFilterIds.add(action.id);return __assign({},updateDependentFilters(state));case"deactivate_filter":state.activeFilterIds.delete(action.id);state.values[action.id]=undefined;return __assign(__assign({},updateDependentFilters(state)),{hasUpdatedValues:true});case"update_filter_labels":return __assign(__assign({},state),{filters:Object.values(state.filters).reduce(function(acc,filter){var _a,_b;acc[filter.id]=__assign(__assign({},filter),{name:(_b=(_a=action.data.find(function(_a){var id=_a.id;return id===filter.id;}))===null||_a===void 0?void 0:_a.name)!==null&&_b!==void 0?_b:filter.name});return acc;},{})});}};var setupFilterBarState=function(filters,values){var state=filters.reduce(function(baseState,_a){var id=_a.id,name=_a.name,isRemovable=_a.isRemovable,isUsableWhen=_a.isUsableWhen;var hasDependency=isUsableWhen!==undefined;baseState.filters[id]={id:id,name:name,isRemovable:isRemovable!==null&&isRemovable!==void 0?isRemovable:false,isUsableWhen:isUsableWhen,isOpen:false,isUsable:true};if(hasDependency){baseState.dependentFilterIds.add(id);}if(!isRemovable||values[id]!==undefined){baseState.activeFilterIds.add(id);}return baseState;},{filters:{},activeFilterIds:new Set(),values:values,dependentFilterIds:new Set(),hasUpdatedValues:false,focusId:undefined});return updateDependentFilters(state);};var checkArraysMatch$1=function(a1,a2){if(a1.length!==a2.length)return false;return a1.every(function(v,i){return v===a2[i];});};var checkShouldUpdateValues=function(state,values){return Object.values(state.filters).some(function(_a){var id=_a.id;var stateValue=state.values[id];var value=values[id];if(Array.isArray(stateValue)&&Array.isArray(value)){return!checkArraysMatch$1(stateValue,value);}return stateValue!==value;});};function createFiltersHash(filters){return JSON.stringify(filters.map(function(_a){var id=_a.id,name=_a.name;return{id:id,name:name};}));}var getInactiveFilters=function(_a){var filters=_a.filters,activeFilterIds=_a.activeFilterIds;return Object.values(filters).filter(function(_a){var id=_a.id,isUsable=_a.isUsable;return isUsable&&!activeFilterIds.has(id);});};var getMappedFilters=function(filters){return filters.reduce(function(acc,filter){var _a;return __assign(__assign({},acc),(_a={},_a[filter.id]=filter,_a));},{});};var getValidValue=function(value){if(typeof value==="object"&&JSON.stringify(value)==="{}")return undefined;if(Array.isArray(value)&&value.length===0)return undefined;return value;};var FilterBarContext=/*#__PURE__*/React.createContext(null);var useFilterBarContext=function(){var context=useContext(FilterBarContext);if(!context){throw new Error("useFilterBarContext must be used within the FilterBarContext.Provider");}return context;};var FilterBarProvider=function(_a){var children=_a.children,filters=_a.filters,values=_a.values,onValuesChange=_a.onValuesChange;var filtersHash=useRef(createFiltersHash(filters));var mappedFilters=useMemo(function(){return getMappedFilters(filters);},[filtersHash.current]);var _b=useReducer(filterBarStateReducer,setupFilterBarState(filters,values)),state=_b[0],dispatch=_b[1];var value={getFilterState:function(id){return __assign(__assign({},state.filters[id]),{isActive:state.activeFilterIds.has(id),value:values[id]});},getActiveFilterValues:function(){return values;},toggleOpenFilter:function(id,isOpen){dispatch({type:"update_single_filter",id:id,data:{isOpen:isOpen}});},setFilterOpenState:function(id,isOpen){dispatch({type:"update_single_filter",id:id,data:{isOpen:isOpen}});},openFilter:function(id){dispatch({type:"update_single_filter",id:id,data:{isOpen:true}});},updateValue:function(id,newValue){var _a;dispatch({type:"update_values",values:__assign(__assign({},values),(_a={},_a[id]=getValidValue(newValue),_a))});},showFilter:function(id){dispatch({type:"activate_filter",id:id});dispatch({type:"set_focus",id:id});},hideFilter:function(id){dispatch({type:"deactivate_filter",id:id});dispatch({type:"set_focus",id:"add_filter"});},getInactiveFilters:function(){return getInactiveFilters(state);},clearAllFilters:function(){state.activeFilterIds.forEach(function(id){if(mappedFilters[id].isRemovable)dispatch({type:"deactivate_filter",id:id});});dispatch({type:"update_values",values:{}});},setFocus:function(id){dispatch({type:"set_focus",id:id});},focusId:state.focusId};useEffect(function(){var shouldUpdate=checkShouldUpdateValues(state,values);if(shouldUpdate)dispatch({type:"update_values",values:__assign({},values)});},[values]);useEffect(function(){if(state.hasUpdatedValues){onValuesChange(__assign({},state.values));dispatch({type:"complete_update_values"});}},[state]);useEffect(function(){var newFiltersHash=createFiltersHash(filters);if(newFiltersHash!==filtersHash.current){filtersHash.current=newFiltersHash;dispatch({type:"update_filter_labels",data:filters});}},[filters]);var activeFilters=Array.from(state.activeFilterIds,function(id){return mappedFilters[id];});return/*#__PURE__*/React.createElement(FilterBarContext.Provider// @note: Context object cannot be generic, thus the type-casting to a looser type
|
|
162
|
-
,{// @note: Context object cannot be generic, thus the type-casting to a looser type
|
|
163
|
-
value:value},children(activeFilters));};// Adapted from https://stackoverflow.com/a/60564620
|
|
164
|
-
var getNodeText=function(node){if(!node)return"";if(typeof node==="string"||typeof node==="number")return node;if(node instanceof Array)return node.map(getNodeText).join("");if(/*#__PURE__*/React.isValidElement(node))return getNodeText(node.props.children);return"";};var getDateValidationHandler=function(_a){var onValidate=_a.onValidate,setInbuiltValidationMessage=_a.setInbuiltValidationMessage,inputLabel=_a.inputLabel;return function(validationResponse){if(onValidate)return onValidate(validationResponse);var validationMessage=validationResponse.validationMessage;if(!validationMessage){setInbuiltValidationMessage(undefined);return;}setInbuiltValidationMessage({status:validationMessage.status,message:inputLabel?(/*#__PURE__*/React.createElement(LabelledMessage,{label:"".concat(getNodeText(inputLabel)),message:validationMessage.message})):validationMessage.message});};};var validateDate=function(args){var response=validateDate$1(args);var _a=response.validationResponse,status=_a.status,validationMessage=_a.validationMessage,rest=__rest(_a,["status","validationMessage"]);return __assign(__assign({},response),{validationResponse:__assign(__assign({},rest),{validationMessage:status&&validationMessage?{status:status,message:validationMessage}:undefined})});};var useDateValidation=function(_a){var inputLabel=_a.inputLabel,disabledDays=_a.disabledDays,validationMessage=_a.validationMessage,onValidate=_a.onValidate;var _b=useState(),inbuiltValidationMessage=_b[0],setInbuiltValidationMessage=_b[1];var shouldUseInbuiltDateValidation=onValidate===undefined;var updateValidation=getDateValidationHandler({onValidate:onValidate,setInbuiltValidationMessage:setInbuiltValidationMessage,inputLabel:inputLabel});var validateSingleDate=function(_a){var date=_a.date,inputValue=_a.inputValue;return validateDate({date:date,inputValue:inputValue,disabledDays:disabledDays});};return{validationMessage:shouldUseInbuiltDateValidation?inbuiltValidationMessage:validationMessage,validateDate:validateSingleDate,updateValidation:updateValidation};};var transformDateToInputValue=function(date,disabledDays,locale){return date?formatDateAsText(date,disabledDays,locale):"";};var useDateInputHandlers=function(_a){var locale=_a.locale,disabledDays=_a.disabledDays,setInputValue=_a.setInputValue,onDateChange=_a.onDateChange,onDateSubmit=_a.onDateSubmit,onChange=_a.onChange,onFocus=_a.onFocus,onBlur=_a.onBlur,onKeyDown=_a.onKeyDown;var isValidDate=function(date){return!isInvalidDate(date)&&!isDisabledDate(date,disabledDays);};var handleChange=function(e){setInputValue(e.currentTarget.value);onChange===null||onChange===void 0?void 0:onChange(e);};var handleFocus=function(e){var date=parseDateFromTextFormatValue(e.currentTarget.value,locale);if(!isInvalidDate(date)){var newInputValue=formatDateAsNumeral(date,locale);setInputValue(newInputValue);}onFocus===null||onFocus===void 0?void 0:onFocus(e);};var handleBlur=function(e){if(isSelectingDayInCalendar(e.relatedTarget))return;if(e.currentTarget.value===""){onDateChange(undefined);onBlur===null||onBlur===void 0?void 0:onBlur(e);return;}var date=parseDateFromNumeralFormatValue(e.currentTarget.value,locale);if(isValidDate(date)){var newInputValue=formatDateAsText(date,disabledDays,locale);setInputValue(newInputValue);}onDateChange(date);onBlur===null||onBlur===void 0?void 0:onBlur(e);};var handleKeyDown=function(e){if(e.key==="Enter"){e.preventDefault();var date=parseDateFromNumeralFormatValue(e.currentTarget.value,locale);onDateChange(date);onDateSubmit===null||onDateSubmit===void 0?void 0:onDateSubmit(date);}onKeyDown===null||onKeyDown===void 0?void 0:onKeyDown(e);};return{onChange:handleChange,onFocus:handleFocus,onBlur:handleBlur,onKeyDown:handleKeyDown};};var styles$1z={"disabled":"DateInputField-module_disabled__gfago"};const DateInputField=/*#__PURE__*/function(){const DateInputField=/*#__PURE__*/React.forwardRef(function(_a,ref){var id=_a.id,labelText=_a.labelText,description=_a.description,disabled=_a.disabled,_b=_a.isReversed,isReversed=_b===void 0?false:_b,validationMessage=_a.validationMessage,locale=_a.locale,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["id","labelText","description","disabled","isReversed","validationMessage","locale","classNameOverride"]);var formatMessage=useIntl().formatMessage;var dateInputLabelFallback=formatMessage({id:"filterDatePickerDateInputField.dateInputLabelFallback",defaultMessage:"Date",description:"Default label for date input field"});var descriptionId="".concat(id,"--field-message");var errorMessageId=validationMessage?"".concat(id,"--date-error-message"):undefined;var inputDescribedBy=errorMessageId?"".concat(errorMessageId," ").concat(descriptionId):descriptionId;var dateIsInvalid=errorMessageId!==undefined;return/*#__PURE__*/React.createElement("div",null,/*#__PURE__*/React.createElement(DateInput,__assign({ref:ref,id:id,labelText:labelText||dateInputLabelFallback,"aria-describedby":inputDescribedBy,"aria-errormessage":errorMessageId,"aria-invalid":dateIsInvalid,autoComplete:"off",disabled:disabled,status:validationMessage===null||validationMessage===void 0?void 0:validationMessage.status,classNameOverride:classNameOverride},restProps)),validationMessage&&(/*#__PURE__*/React.createElement(FieldMessage,{id:errorMessageId,message:validationMessage===null||validationMessage===void 0?void 0:validationMessage.message,status:validationMessage===null||validationMessage===void 0?void 0:validationMessage.status,reversed:isReversed})),/*#__PURE__*/React.createElement(FieldMessage,{id:descriptionId,message:/*#__PURE__*/React.createElement(DateInputDescription,{description:description,locale:locale}),reversed:isReversed,classNameOverride:disabled?styles$1z.disabled:undefined}));});DateInputField.displayName="DateInputField";return DateInputField;}();var filterDatePickerFieldReducer$1=function(state,action){switch(action.type){case"update_selected_date":return __assign(__assign({},state),{selectedDate:action.date,inputValue:action.inputValue===undefined?state.inputValue:action.inputValue,startMonth:action.date&&!isInvalidDate(action.date)?action.date:new Date()});case"navigate_months":return __assign(__assign({},state),{startMonth:action.date&&!isInvalidDate(action.date)?action.date:new Date()});case"update_input_field":return __assign(__assign({},state),{inputValue:action.inputValue});}};var styles$1y={"filterDatePickerField":"FilterDatePickerField-module_filterDatePickerField__ClXMw"};var FilterDatePickerField=function(_a){var propsId=_a.id,inputProps=_a.inputProps,propsLocale=_a.locale,defaultMonth=_a.defaultMonth,selectedDate=_a.selectedDate,onDateChange=_a.onDateChange,onDateSubmit=_a.onDateSubmit,disabledDays=_a.disabledDays,description=_a.description,validationMessage=_a.validationMessage,onValidate=_a.onValidate,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["id","inputProps","locale","defaultMonth","selectedDate","onDateChange","onDateSubmit","disabledDays","description","validationMessage","onValidate","classNameOverride"]);var reactId=useId();var id=propsId!==null&&propsId!==void 0?propsId:reactId;var locale=getLocale(propsLocale);var dateValidation=useDateValidation({disabledDays:disabledDays,validationMessage:validationMessage,onValidate:onValidate});var validateDate=function(date,inputValue){var _a=dateValidation.validateDate({date:date,inputValue:inputValue}),validationResponse=_a.validationResponse,newDate=_a.newDate;dateValidation.updateValidation(validationResponse);return newDate;};var _b=useReducer(filterDatePickerFieldReducer$1,{selectedDate:selectedDate,inputValue:transformDateToInputValue(selectedDate,disabledDays,locale)||"",startMonth:selectedDate&&!isInvalidDate(selectedDate)?selectedDate:defaultMonth||new Date()}),state=_b[0],dispatch=_b[1];var handleDateChange=function(date){onDateChange(date);};var inputDateHandlers=useDateInputHandlers(__assign({locale:locale,disabledDays:disabledDays,setInputValue:function(value){dispatch({type:"update_input_field",inputValue:value});},onDateChange:function(date){// Because the input value is being tracked in the state as the user types
|
|
165
|
-
// we can reliably utilise state.inputValue as part of the validation message,
|
|
166
|
-
// which is triggered by `onBlur` function
|
|
167
|
-
var newDate=validateDate(date,state.inputValue);dispatch({type:"update_selected_date",date:newDate});handleDateChange(newDate);},onDateSubmit:function(date){// Only provide consumers with a valid date to the `onDateSubmit` function
|
|
168
|
-
if(!isInvalidDate(date)){onDateSubmit===null||onDateSubmit===void 0?void 0:onDateSubmit(date);}}},inputProps));var handleCalendarSelect=function(date){// Transforming the date to an InputValue and validating the date with the result
|
|
169
|
-
// can operate in this order because we are guaranteed a valid date from the calendar.
|
|
170
|
-
//
|
|
171
|
-
// In all other scenarios, this won't work as the return string from an invalid date
|
|
172
|
-
// would be "Invalid Date" and not the actual value entered by the user since we want
|
|
173
|
-
// the final error message to use the typed word from the user.
|
|
174
|
-
var inputValue=transformDateToInputValue(date,disabledDays,locale);var newDate=validateDate(date,inputValue);dispatch({type:"update_selected_date",date:newDate});dispatch({type:"update_input_field",inputValue:inputValue});handleDateChange(newDate);onDateSubmit===null||onDateSubmit===void 0?void 0:onDateSubmit(newDate);};useEffect(function(){validateDate(selectedDate,state.inputValue);},[]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$1y.filterDatePickerField,classNameOverride)},restProps),/*#__PURE__*/React.createElement(DateInputField,__assign({id:"".concat(id,"--input"),locale:locale,value:state.inputValue,description:description,validationMessage:dateValidation.validationMessage},inputDateHandlers,inputProps)),/*#__PURE__*/React.createElement(CalendarSingle,{disabled:disabledDays,locale:locale,selected:state.selectedDate,onSelect:handleCalendarSelect,month:state.startMonth,onMonthChange:function(value){return dispatch({type:"navigate_months",date:value});}}));};const FilterDatePicker=/*#__PURE__*/function(){const FilterDatePicker=function(_a){var isOpen=_a.isOpen,setIsOpen=_a.setIsOpen,renderTrigger=_a.renderTrigger,selectedDate=_a.selectedDate,label=_a.label,locale=_a.locale,onDateSubmit=_a.onDateSubmit,restProps=__rest(_a,["isOpen","setIsOpen","renderTrigger","selectedDate","label","locale","onDateSubmit"]);return/*#__PURE__*/React.createElement(Filter,{isOpen:isOpen,setIsOpen:setIsOpen,renderTrigger:function(triggerProps){return renderTrigger(__assign({selectedValue:selectedDate?formatDateAsText(selectedDate,undefined,getLocale(locale)):undefined,label:label},triggerProps));}},/*#__PURE__*/React.createElement(FilterContents,null,/*#__PURE__*/React.createElement(FilterDatePickerField,__assign({locale:locale,selectedDate:selectedDate,onDateSubmit:function(date){setIsOpen(false);onDateSubmit===null||onDateSubmit===void 0?void 0:onDateSubmit(date);}},restProps))));};FilterDatePicker.displayName="FilterDatePicker";return FilterDatePicker;}();var styles$1x={"filterButton":"FilterButton-module_filterButton__Fn1OD","labelContainer":"FilterButton-module_labelContainer__sPAcx","hasSelectedValues":"FilterButton-module_hasSelectedValues__bHR5g","labelSeparator":"FilterButton-module_labelSeparator__KimZO"};const FilterButton=/*#__PURE__*/function(){const FilterButton=/*#__PURE__*/forwardRef(function(_a,ref){var label=_a.label,selectedValue=_a.selectedValue,_b=_a.isOpen,isOpen=_b===void 0?false:_b,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["label","selectedValue","isOpen","classNameOverride"]);var customRefObject=isRefObject(ref)?ref.current:null;var triggerRef=customRefObject===null||customRefObject===void 0?void 0:customRefObject.triggerRef;var selectedValuesLabel=selectedValue;return/*#__PURE__*/React.createElement(FilterButtonBase,__assign({ref:triggerRef,classNameOverride:classnames(styles$1x.filterButton,classNameOverride),"aria-haspopup":"true","aria-expanded":isOpen},restProps),/*#__PURE__*/React.createElement("span",{className:styles$1x.labelContainer},selectedValuesLabel?(/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("span",{className:styles$1x.hasSelectedValues},/*#__PURE__*/React.createElement("span",null,label),/*#__PURE__*/React.createElement("span",{className:styles$1x.labelSeparator},":")),/*#__PURE__*/React.createElement("span",null,selectedValuesLabel))):label),/*#__PURE__*/React.createElement(Icon,{name:isOpen?"keyboard_arrow_up":"keyboard_arrow_down",isPresentational:true}));});FilterButton.displayName="FilterButton";return FilterButton;}();var styles$1w={"filterButtonBase":"FilterButtonRemovable-module_filterButtonBase__V4xk8"};const FilterButtonRemovable=/*#__PURE__*/function(){const FilterButtonRemovable=/*#__PURE__*/forwardRef(function(_a,ref){var _b;var triggerButtonProps=_a.triggerButtonProps,removeButtonProps=_a.removeButtonProps,restProps=__rest(_a,["triggerButtonProps","removeButtonProps"]);var formatMessage=useIntl().formatMessage;var removeButtonLabelFallback=formatMessage({id:"filterButton.removable.removeButtonLabel",defaultMessage:"Remove filter - {filterLabel}",description:"Button label to remove a single filter from the filter bar"},{filterLabel:triggerButtonProps===null||triggerButtonProps===void 0?void 0:triggerButtonProps.label});var customRefObject=isRefObject(ref)?ref.current:null;var removeButtonRef=customRefObject===null||customRefObject===void 0?void 0:customRefObject.removeButtonRef;var removeButtonLabel=(_b=removeButtonProps===null||removeButtonProps===void 0?void 0:removeButtonProps.tooltipText)!==null&&_b!==void 0?_b:removeButtonLabelFallback;return/*#__PURE__*/React.createElement(ButtonGroup,__assign({},restProps),/*#__PURE__*/React.createElement(FilterButton,__assign({ref:ref},triggerButtonProps)),/*#__PURE__*/React.createElement(Tooltip,{text:removeButtonLabel,display:"inline-block",position:"below"},/*#__PURE__*/React.createElement(FilterButtonBase,__assign({ref:removeButtonRef,classNameOverride:classnames(styles$1w.filterButtonBase,restProps.classNameOverride)},removeButtonProps),/*#__PURE__*/React.createElement(Icon,{name:"cancel",alt:removeButtonLabel,isFilled:true}))));});FilterButtonRemovable.displayName="FilterButtonRemovable";return FilterButtonRemovable;}();var styles$1v={"filterBarButton":"FilterBarButton-module_filterBarButton__3IF--"};const FilterBarButton=/*#__PURE__*/function(){const FilterBarButton=/*#__PURE__*/forwardRef(function(_a,ref){var filterId=_a.filterId,_b=_a.isRemovable,isRemovable=_b===void 0?false:_b,classNameOverride=_a.classNameOverride,props=__rest(_a,["filterId","isRemovable","classNameOverride"]);var _c=useFilterBarContext(),hideFilter=_c.hideFilter,focusId=_c.focusId,setFocus=_c.setFocus;useEffect(function(){var _a,_b,_c;if(focusId===filterId&&isRefObject(ref)){(_c=(_b=(_a=ref===null||ref===void 0?void 0:ref.current)===null||_a===void 0?void 0:_a.triggerRef)===null||_b===void 0?void 0:_b.current)===null||_c===void 0?void 0:_c.focus();setFocus(undefined);}},[focusId]);return isRemovable?(/*#__PURE__*/React.createElement(FilterButtonRemovable,{ref:ref,triggerButtonProps:props,removeButtonProps:{onClick:function(){return hideFilter(filterId);}},classNameOverride:classnames(classNameOverride,styles$1v.filterBarButton)})):(/*#__PURE__*/React.createElement(FilterButton,__assign({ref:ref,classNameOverride:classnames(classNameOverride,styles$1v.filterBarButton)},props)));});FilterBarButton.displayName="FilterBar.Button";return FilterBarButton;}();const FilterBarDatePicker=/*#__PURE__*/function(){const FilterBarDatePicker=function(_a){var id=_a.id,onDateChange=_a.onDateChange,_b=_a.locale,locale=_b===void 0?"en-AU":_b,props=__rest(_a,["id","onDateChange","locale"]);var _c=useFilterBarContext(),getFilterState=_c.getFilterState,setFilterOpenState=_c.setFilterOpenState,updateValue=_c.updateValue;if(!id)throw Error("Missing `id` prop in FilterBarDatePicker");var filterState=getFilterState(id);return/*#__PURE__*/React.createElement(FilterDatePicker,__assign({},props,{id:id,locale:locale,selectedDate:filterState.value||undefined,label:filterState.name,renderTrigger:function(triggerProps){return/*#__PURE__*/React.createElement(FilterBarButton,__assign({},triggerProps,{filterId:id,isRemovable:filterState.isRemovable}));},onDateChange:function(key){updateValue(id,key);onDateChange===null||onDateChange===void 0?void 0:onDateChange(key);},isOpen:filterState.isOpen,setIsOpen:function(open){return setFilterOpenState(id,open);}}));};FilterBarDatePicker.displayName="FilterBar.DatePicker";return FilterBarDatePicker;}();var styles$1u={"dateRangeDisplayLabel":"DateRangeDisplayLabel-module_dateRangeDisplayLabel__g7nVd"};const DateRangeDisplayLabel=/*#__PURE__*/function(){const DateRangeDisplayLabel=function(_a){var dateRange=_a.dateRange,locale=_a.locale;var formattedDateFrom=formatDateAsText(dateRange.from,undefined,locale);var formattedDateTo=formatDateAsText(dateRange.to,undefined,locale);return/*#__PURE__*/React.createElement("span",{className:styles$1u.dateRangeDisplayLabel},/*#__PURE__*/React.createElement("span",null,formattedDateFrom),/*#__PURE__*/React.createElement("span",null,"-"),/*#__PURE__*/React.createElement("span",null,formattedDateTo));};DateRangeDisplayLabel.displayName="DateRangeDisplayLabel";return DateRangeDisplayLabel;}();var styles$1t={"fieldMessageList":"DateRangeValidationMessage-module_fieldMessageList__4-tJ7"};const DateRangeValidationMessage=/*#__PURE__*/function(){const DateRangeValidationMessage=function(_a){var validationMessage=_a.validationMessage,dateStartId=_a.dateStartId,dateEndId=_a.dateEndId,isReversed=_a.isReversed;if(!validationMessage)return null;var dateStart=validationMessage.dateStart;var dateEnd=validationMessage.dateEnd;if(dateStart&&dateEnd){if(dateStart.status===dateEnd.status){return/*#__PURE__*/React.createElement(FieldMessage,{message:/*#__PURE__*/React.createElement("ul",{className:styles$1t.fieldMessageList},/*#__PURE__*/React.createElement("li",{id:dateStartId},dateStart.message),/*#__PURE__*/React.createElement("li",{id:dateEndId},dateEnd.message)),status:dateStart.status||dateEnd.status,reversed:isReversed});}return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(FieldMessage,{id:dateStartId,message:dateStart.message,status:dateStart.status,reversed:isReversed}),/*#__PURE__*/React.createElement(FieldMessage,{id:dateEndId,message:dateEnd.message,status:dateEnd.status,reversed:isReversed}));}if(dateStart){return/*#__PURE__*/React.createElement(FieldMessage,{id:dateStartId,message:dateStart.message,status:dateStart.status,reversed:isReversed});}if(dateEnd){return/*#__PURE__*/React.createElement(FieldMessage,{id:dateEndId,message:dateEnd.message,status:dateEnd.status,reversed:isReversed});}return null;};DateRangeValidationMessage.displayName="DateRangeValidationMessage";return DateRangeValidationMessage;}();var styles$1s={"dateRangeInputContainer":"DateRangeInputField-module_dateRangeInputContainer__zjhqr","inputStartDate":"DateRangeInputField-module_inputStartDate__fLwxZ","inputEndDate":"DateRangeInputField-module_inputEndDate__j0qQu","disabled":"DateRangeInputField-module_disabled__vOSK8"};const DateRangeInputField=/*#__PURE__*/function(){const DateRangeInputField=/*#__PURE__*/React.forwardRef(function(_a,ref){var _b,_c;var id=_a.id,legend=_a.legend,inputStartDateProps=_a.inputStartDateProps,inputEndDateProps=_a.inputEndDateProps,description=_a.description,disabled=_a.disabled,_d=_a.isReversed,isReversed=_d===void 0?false:_d,validationMessage=_a.validationMessage,locale=_a.locale,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["id","legend","inputStartDateProps","inputEndDateProps","description","disabled","isReversed","validationMessage","locale","classNameOverride"]);var customRefObject=isRefObject(ref)?ref.current:null;var inputStartDateRef=customRefObject===null||customRefObject===void 0?void 0:customRefObject.inputStartDateRef;var inputEndDateRef=customRefObject===null||customRefObject===void 0?void 0:customRefObject.inputEndDateRef;var descriptionId="".concat(id,"--field-message");// Date Start aria labels
|
|
175
|
-
var dateStartErrorMessageId=(validationMessage===null||validationMessage===void 0?void 0:validationMessage.dateStart)?"".concat(id,"--date-start-error-message"):undefined;var dateStartInputDescribedBy=dateStartErrorMessageId?"".concat(dateStartErrorMessageId," ").concat(descriptionId):descriptionId;var dateStartIsInvalid=dateStartErrorMessageId!==undefined;// Date End aria labels
|
|
176
|
-
var dateEndErrorMessageId=(validationMessage===null||validationMessage===void 0?void 0:validationMessage.dateEnd)?"".concat(id,"--date-end-error-message"):undefined;var dateEndInputDescribedBy=dateEndErrorMessageId?"".concat(dateEndErrorMessageId," ").concat(descriptionId):descriptionId;var dateEndIsInvalid=dateEndErrorMessageId!==undefined;return/*#__PURE__*/React.createElement("div",__assign({className:classNameOverride},restProps),/*#__PURE__*/React.createElement("fieldset",{className:styles$1s.dateRangeInputContainer},/*#__PURE__*/React.createElement("legend",null,/*#__PURE__*/React.createElement(VisuallyHidden,null,legend)),/*#__PURE__*/React.createElement(DateInput,__assign({ref:inputStartDateRef,id:"".concat(id,"--from"),"aria-describedby":dateStartInputDescribedBy,"aria-errormessage":dateStartErrorMessageId,"aria-invalid":dateStartIsInvalid,autoComplete:"off",disabled:disabled,status:(_b=validationMessage===null||validationMessage===void 0?void 0:validationMessage.dateStart)===null||_b===void 0?void 0:_b.status},inputStartDateProps,{classNameOverride:classnames(styles$1s.inputStartDate,inputStartDateProps.classNameOverride)})),/*#__PURE__*/React.createElement(DateInput,__assign({ref:inputEndDateRef,id:"".concat(id,"--to"),"aria-describedby":dateEndInputDescribedBy,"aria-errormessage":dateEndErrorMessageId,"aria-invalid":dateEndIsInvalid,autoComplete:"off",disabled:disabled,status:(_c=validationMessage===null||validationMessage===void 0?void 0:validationMessage.dateEnd)===null||_c===void 0?void 0:_c.status},inputEndDateProps,{classNameOverride:classnames(styles$1s.inputEndDate,inputEndDateProps.classNameOverride)}))),validationMessage&&(/*#__PURE__*/React.createElement(DateRangeValidationMessage,{validationMessage:validationMessage,isReversed:isReversed,dateStartId:dateStartErrorMessageId,dateEndId:dateEndErrorMessageId})),/*#__PURE__*/React.createElement(FieldMessage,{id:descriptionId,message:/*#__PURE__*/React.createElement(DateInputDescription,{description:description,locale:locale}),reversed:isReversed,classNameOverride:disabled?styles$1s.disabled:undefined}));});DateRangeInputField.displayName="DateRangeInputField";return DateRangeInputField;}();var filterDatePickerFieldReducer=function(state,action){switch(action.type){case"update_selected_start_date":return __assign(__assign({},state),{selectedStartDate:action.date,inputStartValue:action.inputValue===undefined?state.inputStartValue:action.inputValue,startMonth:action.date&&!isInvalidDate(action.date)?action.date:new Date()});case"update_selected_end_date":return __assign(__assign({},state),{selectedEndDate:action.date,inputEndValue:action.inputValue===undefined?state.inputEndValue:action.inputValue});case"navigate_months":return __assign(__assign({},state),{startMonth:action.date&&!isInvalidDate(action.date)?action.date:new Date()});case"update_input_start_field":return __assign(__assign({},state),{inputStartValue:action.inputValue});case"update_input_end_field":return __assign(__assign({},state),{inputEndValue:action.inputValue});}};var isValidRange=function(startDate,endDate){if(startDate&&endDate)return startDate<=endDate;return false;};var validateEndDateBeforeStartDate=function(_a){var startDate=_a.startDate,startDateFieldLabel=_a.startDateFieldLabel,endDate=_a.endDate,endDateInputValue=_a.endDateInputValue;var baseResponse={date:endDate,inputValue:endDateInputValue,validationMessage:undefined,isInvalid:false,isDisabled:false,isEmpty:false,isValidDate:true};if(!isValidRange(startDate,endDate)){return{validationResponse:__assign(__assign({},baseResponse),{validationMessage:{status:"error",message:(/*#__PURE__*/React.createElement(FormattedMessage,{id:"date.validation.rangeEndBeforeRangeStart",defaultMessage:'Cannot be earlier than the selection in "{startDateFieldLabel}"',description:"Error message when the user tries to select an end date earlier than the start date",values:{startDateFieldLabel:getNodeText(startDateFieldLabel)}}))}}),newDate:endDate};}return{validationResponse:baseResponse,newDate:endDate};};var useEndDateValidation=function(args){var _a=useDateValidation(args),validationMessage=_a.validationMessage,validateDate=_a.validateDate,updateValidation=_a.updateValidation;var handleValidateEndDateBeforeStartDate=function(handlerArgs){var _a=validateEndDateBeforeStartDate(handlerArgs),validationResponse=_a.validationResponse,newDate=_a.newDate;updateValidation(validationResponse);return newDate;};var validateEndDate=function(_a){var endDate=_a.endDate,endDateInputValue=_a.endDateInputValue,startDate=_a.startDate,startDateFieldLabel=_a.startDateFieldLabel;var _b=validateDate({date:endDate,inputValue:endDateInputValue}),validationResponse=_b.validationResponse,newDate=_b.newDate;if(validationResponse.isValidDate){if(newDate&&startDate){return handleValidateEndDateBeforeStartDate({startDate:startDate,startDateFieldLabel:startDateFieldLabel,endDate:newDate,endDateInputValue:endDateInputValue});}}updateValidation(validationResponse);return newDate;};return{validationMessage:validationMessage,validateDate:validateEndDate,validateEndDateBeforeStartDate:handleValidateEndDateBeforeStartDate};};var useStartDateValidation=function(args){var _a=useDateValidation(args),validationMessage=_a.validationMessage,validateDate=_a.validateDate,updateValidation=_a.updateValidation;var validateStartDate=function(_a){var date=_a.date,inputValue=_a.inputValue;var _b=validateDate({date:date,inputValue:inputValue}),validationResponse=_b.validationResponse,newDate=_b.newDate;updateValidation(validationResponse);return newDate;};return{validationMessage:validationMessage,validateDate:validateStartDate};};var styles$1r={"filterDateRangePickerField":"FilterDateRangePickerField-module_filterDateRangePickerField__fSmbz","dateRangeInputField":"FilterDateRangePickerField-module_dateRangeInputField__EEU-X"};const FilterDateRangePickerField=/*#__PURE__*/function(){const FilterDateRangePickerField=function(_a){var id=_a.id,label=_a.label,propsLocale=_a.locale,defaultMonth=_a.defaultMonth,selectedRange=_a.selectedRange,onRangeChange=_a.onRangeChange,disabledDays=_a.disabledDays,inputStartDateProps=_a.inputStartDateProps,inputEndDateProps=_a.inputEndDateProps,description=_a.description,validationMessage=_a.validationMessage,onValidate=_a.onValidate,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["id","label","locale","defaultMonth","selectedRange","onRangeChange","disabledDays","inputStartDateProps","inputEndDateProps","description","validationMessage","onValidate","classNameOverride"]);var formatMessage=useIntl().formatMessage;var locale=getLocale(propsLocale);var translatedDateFrom=formatMessage({id:"filterDateRangePicker.dateFrom",defaultMessage:"Date from",description:"Label for the 'Date from' field"});var translatedDateTo=formatMessage({id:"filterDateRangePicker.dateTo",defaultMessage:"Date to",description:"Label for the 'date to' field"});var inputStartDateLabel=(inputStartDateProps===null||inputStartDateProps===void 0?void 0:inputStartDateProps.labelText)||translatedDateFrom;var inputEndDateLabel=(inputEndDateProps===null||inputEndDateProps===void 0?void 0:inputEndDateProps.labelText)||translatedDateTo;var transformDateToInputValue=function(date){return date?formatDateAsText(date,disabledDays,locale):"";};var handleDateRangeChange=function(dateRange){onRangeChange(dateRange);};var dateStartValidation=useStartDateValidation({inputLabel:inputStartDateLabel,disabledDays:disabledDays,validationMessage:validationMessage===null||validationMessage===void 0?void 0:validationMessage.dateStart,onValidate:onValidate===null||onValidate===void 0?void 0:onValidate.dateStart});var dateEndValidation=useEndDateValidation({inputLabel:inputEndDateLabel,disabledDays:disabledDays,validationMessage:validationMessage===null||validationMessage===void 0?void 0:validationMessage.dateEnd,onValidate:onValidate===null||onValidate===void 0?void 0:onValidate.dateEnd});var validateStartDate=function(date,inputValue){return dateStartValidation.validateDate({date:date,inputValue:inputValue});};var validateEndDate=function(date,inputValue){return dateEndValidation.validateDate({endDate:date,endDateInputValue:inputValue,startDate:selectedRange===null||selectedRange===void 0?void 0:selectedRange.from,startDateFieldLabel:inputStartDateLabel});};var _b=useReducer(filterDatePickerFieldReducer,{selectedStartDate:selectedRange===null||selectedRange===void 0?void 0:selectedRange.from,selectedEndDate:selectedRange===null||selectedRange===void 0?void 0:selectedRange.to,inputStartValue:transformDateToInputValue(selectedRange===null||selectedRange===void 0?void 0:selectedRange.from),inputEndValue:transformDateToInputValue(selectedRange===null||selectedRange===void 0?void 0:selectedRange.to),startMonth:(selectedRange===null||selectedRange===void 0?void 0:selectedRange.from)&&!isInvalidDate(selectedRange.from)?selectedRange.from:defaultMonth||new Date()}),state=_b[0],dispatch=_b[1];var inputStartDateHandlers=useDateInputHandlers(__assign({locale:locale,disabledDays:disabledDays,setInputValue:function(value){dispatch({type:"update_input_start_field",inputValue:value});},onDateChange:function(date){var newDate=validateStartDate(date,state.inputStartValue);// We need to parse the date from the input field due to the
|
|
177
|
-
// state.selectedEndDate being set to undefined whenever range is invalid
|
|
178
|
-
var endDate=parseDateFromTextFormatValue(state.inputEndValue,locale);var isRangeValid=isValidRange(newDate,endDate);dispatch({type:"update_selected_start_date",date:newDate});// If the range ends up being invalid due to the change in start date
|
|
179
|
-
// we need to remove the end date as its now deemed invalid.
|
|
180
|
-
dispatch({type:"update_selected_end_date",date:isRangeValid?endDate:undefined});handleDateRangeChange({from:newDate,to:isRangeValid?endDate:undefined});if(newDate&&endDate&&!isInvalidDate(endDate)){// Update validation messages
|
|
181
|
-
dateEndValidation.validateEndDateBeforeStartDate({startDate:newDate,startDateFieldLabel:inputStartDateLabel,endDate:endDate,endDateInputValue:state.inputEndValue});}}},inputStartDateProps));var inputEndDateHandlers=useDateInputHandlers(__assign({locale:locale,disabledDays:disabledDays,setInputValue:function(value){dispatch({type:"update_input_end_field",inputValue:value});},onDateChange:function(date){var startDate=state.selectedStartDate;var newEndDate=validateEndDate(date,state.inputEndValue);var isRangeValid=isValidRange(startDate,newEndDate);dispatch({type:"update_selected_end_date",date:isRangeValid?newEndDate:undefined});handleDateRangeChange({from:startDate,to:isRangeValid?newEndDate:undefined});}},inputEndDateProps));var handleCalendarSelectRange=function(range){var inputStartValue=transformDateToInputValue(range===null||range===void 0?void 0:range.from);var inputEndValue=transformDateToInputValue(range===null||range===void 0?void 0:range.to);var newStartDate=validateStartDate(range===null||range===void 0?void 0:range.from,inputStartValue);var newEndDate=validateEndDate(range===null||range===void 0?void 0:range.to,inputEndValue);dispatch({type:"update_selected_start_date",date:newStartDate,inputValue:inputStartValue});dispatch({type:"update_selected_end_date",date:newEndDate,inputValue:inputEndValue});handleDateRangeChange({from:newStartDate,to:newEndDate});};useEffect(function(){if(inputStartDateLabel===" "||inputEndDateLabel===" "){// Translations are loading
|
|
182
|
-
return;}var newStartDate=validateStartDate(selectedRange===null||selectedRange===void 0?void 0:selectedRange.from,state.inputStartValue);var newEndDate=validateEndDate(selectedRange===null||selectedRange===void 0?void 0:selectedRange.to,state.inputEndValue);if(newStartDate&&!isValidRange(newStartDate,newEndDate)){dispatch({type:"update_selected_end_date",date:undefined});}handleDateRangeChange({from:newStartDate,to:newEndDate});},[inputStartDateLabel,inputEndDateLabel]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$1r.filterDateRangePickerField,classNameOverride)},restProps),/*#__PURE__*/React.createElement(DateRangeInputField,{id:"".concat(id,"--input"),legend:label,inputStartDateProps:__assign(__assign({labelText:inputStartDateLabel,value:state.inputStartValue},inputStartDateProps),inputStartDateHandlers),inputEndDateProps:__assign(__assign({labelText:inputEndDateLabel,value:state.inputEndValue},inputEndDateProps),inputEndDateHandlers),locale:locale,description:description,validationMessage:{dateStart:dateStartValidation.validationMessage,dateEnd:dateEndValidation.validationMessage},classNameOverride:styles$1r.dateRangeInputField}),/*#__PURE__*/React.createElement(CalendarRange,{disabled:disabledDays,locale:locale,selected:{from:state.selectedStartDate,to:state.selectedEndDate},onSelect:handleCalendarSelectRange,month:state.startMonth,onMonthChange:function(value){return dispatch({type:"navigate_months",date:value});}}));};FilterDateRangePickerField.displayName="FilterDateRangePickerField";return FilterDateRangePickerField;}();var isCompleteDateRange=function(dateRange){return(dateRange===null||dateRange===void 0?void 0:dateRange.from)!==undefined&&(dateRange===null||dateRange===void 0?void 0:dateRange.to)!==undefined;};const FilterDateRangePicker=/*#__PURE__*/function(){const FilterDateRangePicker=function(_a){var propsId=_a.id,isOpen=_a.isOpen,setIsOpen=_a.setIsOpen,renderTrigger=_a.renderTrigger,selectedRange=_a.selectedRange,label=_a.label,locale=_a.locale,restProps=__rest(_a,["id","isOpen","setIsOpen","renderTrigger","selectedRange","label","locale"]);var reactId=useId();var id=propsId!==null&&propsId!==void 0?propsId:reactId;return/*#__PURE__*/React.createElement(Filter,{isOpen:isOpen,setIsOpen:setIsOpen,renderTrigger:function(triggerProps){return renderTrigger(__assign({selectedValue:isCompleteDateRange(selectedRange)&&isValidRange(selectedRange.from,selectedRange.to)?(/*#__PURE__*/React.createElement(DateRangeDisplayLabel,{dateRange:selectedRange,locale:getLocale(locale)})):undefined,label:label},triggerProps));}},/*#__PURE__*/React.createElement(FilterContents,null,/*#__PURE__*/React.createElement(FilterDateRangePickerField,__assign({id:"".concat(id,"--input"),label:label,locale:locale,selectedRange:selectedRange},restProps))));};FilterDateRangePicker.displayName="FilterDateRangePicker";return FilterDateRangePicker;}();const FilterBarDateRangePicker=/*#__PURE__*/function(){const FilterBarDateRangePicker=function(_a){var id=_a.id,onRangeChange=_a.onRangeChange,_b=_a.locale,locale=_b===void 0?"en-AU":_b,props=__rest(_a,["id","onRangeChange","locale"]);var _c=useFilterBarContext(),getFilterState=_c.getFilterState,setFilterOpenState=_c.setFilterOpenState,updateValue=_c.updateValue;if(!id)throw Error("Missing `id` prop in FilterBarDateRangePicker");var filterState=getFilterState(id);return/*#__PURE__*/React.createElement(FilterDateRangePicker,__assign({},props,{id:id,label:filterState.name,renderTrigger:function(triggerProps){return/*#__PURE__*/React.createElement(FilterBarButton,__assign({},triggerProps,{filterId:id,isRemovable:filterState.isRemovable}));},isOpen:filterState.isOpen,setIsOpen:function(open){return setFilterOpenState(id,open);},selectedRange:filterState.value,onRangeChange:function(range){updateValue(id,range);onRangeChange===null||onRangeChange===void 0?void 0:onRangeChange(range);},locale:locale}));};FilterBarDateRangePicker.displayName="FilterBar.DateRangePicker";return FilterBarDateRangePicker;}();var MenuTriggerContext=/*#__PURE__*/React.createContext({});function MenuTriggerProvider(_a){var isOpen=_a.isOpen,defaultOpen=_a.defaultOpen,onOpenChange=_a.onOpenChange,children=_a.children,triggerRef=_a.triggerRef;// Create state based on the incoming props to manage the open/close
|
|
183
|
-
var state=useMenuTriggerState({isOpen:isOpen,defaultOpen:defaultOpen,onOpenChange:onOpenChange});// Get A11y attributes and events for the menu trigger and menu elements
|
|
184
|
-
var fallbackRef=useRef(null);var ref=triggerRef||fallbackRef;var _b=useMenuTrigger({},state,ref),menuTriggerProps=_b.menuTriggerProps,menuProps=_b.menuProps;// Get A11y attributes and events for the button based on the trigger props from useMenuTrigger
|
|
185
|
-
var buttonProps=useButton(menuTriggerProps,ref).buttonProps;return/*#__PURE__*/React.createElement(MenuTriggerContext.Provider,{value:{menuTriggerProps:menuTriggerProps,buttonProps:buttonProps,menuProps:menuProps,menuTriggerState:state,buttonRef:ref}},children);}var useMenuTriggerContext=function(){return useContext(MenuTriggerContext);};var MenuTriggerConsumer=function(_a){var children=_a.children;return/*#__PURE__*/React.createElement(MenuTriggerContext.Consumer,null,children);};var SelectionContext=/*#__PURE__*/React.createContext({});var SelectionProvider=function(props){var onSearchInputChange=props.onSearchInputChange,otherProps=__rest(props,["onSearchInputChange"]);var _a=useState(""),searchQuery=_a[0],setSearchQuery=_a[1];var menuProps=useMenuTriggerContext().menuProps;/**
|
|
186
|
-
* While the onSearchInputChange is a side-effect, this useEffect should be fine.
|
|
187
|
-
* If the search input state becomes controlled, this useEffect could cause synchronisation
|
|
188
|
-
* issues and should be replaced.
|
|
189
|
-
*/React.useEffect(function(){if(onSearchInputChange){onSearchInputChange(searchQuery);}},[searchQuery,onSearchInputChange]);var searchFilter=useCallback(function(nodes){return searchQuery?Array.from(nodes).filter(function(f){return f.textValue.toLowerCase().includes(searchQuery.toLowerCase());}):nodes;},[searchQuery]);// Create state based on the incoming props to manage the selection
|
|
190
|
-
var state=useListState(__assign(__assign({},otherProps),{children:function(item){return/*#__PURE__*/React.createElement(Item,{key:item.value},item.label);},filter:onSearchInputChange?undefined:searchFilter}));// Get A11y attributes and events for the listbox
|
|
191
|
-
var ref=/*#__PURE__*/React.createRef();var _b=useListBox(__assign(__assign(__assign({},menuProps),otherProps),{disallowEmptySelection:true}),state,ref),listBoxProps=_b.listBoxProps,labelProps=_b.labelProps;return/*#__PURE__*/React.createElement(SelectionContext.Provider,{value:{listBoxProps:listBoxProps,labelProps:labelProps,selectionState:state,listRef:ref,setSearchQuery:setSearchQuery,searchQuery:searchQuery}},/*#__PURE__*/React.createElement(VisuallyHidden,__assign({},labelProps),otherProps.label),otherProps.children);};var useSelectionContext=function(){return useContext(SelectionContext);};var SelectionConsumer=function(_a){var children=_a.children;return/*#__PURE__*/React.createElement(SelectionContext.Consumer,null,children);};var styles$1q={"listBox":"ListBox-module_listBox__q95MO","overflown":"ListBox-module_overflown__wChQA","hidden":"ListBox-module_hidden__eYdXv","noResultsWrapper":"ListBox-module_noResultsWrapper__WcLRm"};var getItemsFromKeys=function(items,keys){var itemKeys=Array.from(keys);return itemKeys.reduce(function(acc,itemKey){var item=items.getItem(itemKey);return item?__spreadArray(__spreadArray([],acc,true),[item],false):acc;},[]);};const ListBox=/*#__PURE__*/function(){const ListBox=function(_a){var children=_a.children;var _b=useSelectionContext(),listBoxProps=_b.listBoxProps,listRef=_b.listRef,selectionState=_b.selectionState;var _c=useState(false),isOverflown=_c[0],setIsOverflown=_c[1];useEffect(function(){var listElement=listRef.current;if(!listElement){return;}setIsOverflown(listElement.scrollHeight>listElement.clientHeight);},[listRef]);var items=selectionState.collection,disabledKeys=selectionState.disabledKeys,selectedKeys=selectionState.selectionManager.selectedKeys;var disabledItems=getItemsFromKeys(items,disabledKeys);var selectedItems=getItemsFromKeys(items,selectedKeys);var unselectedItems=Array.from(items).filter(function(item){return!disabledKeys.has(item.key)&&!selectedKeys.has(item.key);});var allItems=Array.from(items);var hasNoItems=allItems.length===0;var _d=useState({selectedItems:selectedItems,unselectedItems:unselectedItems,disabledItems:disabledItems,allItems:allItems,hasNoItems:hasNoItems}),itemsState=_d[0],setItemsState=_d[1];// Only update rendering of items when filtering.
|
|
192
|
-
// Avoids re-ordering of items when making a selection
|
|
193
|
-
useEffect(function(){setItemsState({selectedItems:selectedItems,disabledItems:disabledItems,unselectedItems:unselectedItems,allItems:allItems,hasNoItems:hasNoItems});},[selectionState.collection.size]);if(hasNoItems){return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("div",{className:styles$1q.noResultsWrapper},children(itemsState)),/*#__PURE__*/React.createElement("ul",{ref:listRef,className:styles$1q.hidden}));}return/*#__PURE__*/React.createElement("ul",__assign({},listBoxProps,{ref:listRef,className:classnames(styles$1q.listBox,isOverflown&&styles$1q.overflown)}),children(itemsState));};ListBox.displayName="FilterMultiSelect.ListBox";return ListBox;}();var styles$1p={"listBoxSection":"ListBoxSection-module_listBoxSection__AMlz-","listBoxSectionHeader":"ListBoxSection-module_listBoxSectionHeader__N-2Fi"};const ListBoxSection=/*#__PURE__*/function(){const ListBoxSection=function(_a){var items=_a.items,children=_a.children,sectionName=_a.sectionName,restProps=__rest(_a,["items","children","sectionName"]);var listSectionId=useId();var hasSectionHeader="sectionHeader"in restProps;return/*#__PURE__*/React.createElement("li",{role:"presentation"},/*#__PURE__*/React.createElement("ul",{className:styles$1p.listBoxSection,"aria-label":!hasSectionHeader?sectionName:undefined,"aria-labelledby":hasSectionHeader?listSectionId:undefined,role:"group"},hasSectionHeader&&(/*#__PURE__*/React.createElement("li",{className:styles$1p.listBoxSectionHeader,id:listSectionId,role:"presentation"},sectionName&&/*#__PURE__*/React.createElement(VisuallyHidden,null,sectionName,". "),restProps.sectionHeader)),Array.from(items).map(function(node){return node!=undefined&&children(node);})));};ListBoxSection.displayName="ListBoxSection";return ListBoxSection;}();var styles$1o={"container":"LoadMoreButton-module_container__sXwB6"};const LoadMoreButton=/*#__PURE__*/function(){const LoadMoreButton=function(props){return/*#__PURE__*/React.createElement("div",{className:styles$1o.container},/*#__PURE__*/React.createElement(Button,__assign({},props,{fullWidth:true})));};LoadMoreButton.displayName="FilterMultiSelect.LoadMoreButton";return LoadMoreButton;}();var styles$1n={"footer":"MenuFooter-module_footer__57a6Y"};const MenuFooter=/*#__PURE__*/function(){const MenuFooter=function(_a){var children=_a.children;return/*#__PURE__*/React.createElement("div",{className:styles$1n.footer},children);};MenuFooter.displayName="FilterMultiSelect.MenuFooter";return MenuFooter;}();var styles$1m={"loadingInput":"MenuLoadingSkeleton-module_loadingInput__-6KsQ","loadingContainer":"MenuLoadingSkeleton-module_loadingContainer__QFFBR"};const MenuLoadingSkeleton=/*#__PURE__*/function(){const MenuLoadingSkeleton=function(_a){var _b=_a.isAnimated,isAnimated=_b===void 0?false:_b;return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("div",{className:styles$1m.loadingContainer},/*#__PURE__*/React.createElement(LoadingInput,{classNameOverride:styles$1m.loadingInput,isAnimated:isAnimated}),/*#__PURE__*/React.createElement(LoadingParagraph,{isAnimated:isAnimated}),/*#__PURE__*/React.createElement(LoadingParagraph,{isAnimated:isAnimated}),/*#__PURE__*/React.createElement(LoadingParagraph,{isAnimated:isAnimated}),/*#__PURE__*/React.createElement(LoadingParagraph,{isAnimated:isAnimated}),/*#__PURE__*/React.createElement(LoadingParagraph,{isAnimated:isAnimated})),/*#__PURE__*/React.createElement(MenuFooter,null,/*#__PURE__*/React.createElement(LoadingInput,{width:40,height:36,isAnimated:isAnimated}),/*#__PURE__*/React.createElement(LoadingInput,{width:30,height:36,isAnimated:isAnimated})));};MenuLoadingSkeleton.displayName="FilterMultiSelect.MenuLoadingSkeleton";return MenuLoadingSkeleton;}();var styles$1l={"menuPopup":"MenuPopup-module_menuPopup__UVgnP"};const MenuPopup=/*#__PURE__*/function(){const MenuPopup=function(_a){var isLoading=_a.isLoading,loadingSkeleton=_a.loadingSkeleton,children=_a.children;var menuTriggerState=useMenuTriggerContext().menuTriggerState;var onClose=function(){return menuTriggerState.close();};// Handle events that should cause the menu to close,
|
|
194
|
-
// e.g. blur, clicking outside, or pressing the escape key.
|
|
195
|
-
var overlayRef=/*#__PURE__*/React.createRef();var overlayProps=useOverlay({onClose:onClose,isOpen:menuTriggerState.isOpen,isDismissable:true},overlayRef).overlayProps;// Wrap in <FocusScope> so that focus is restored back to the trigger when the menu is closed
|
|
196
|
-
// and auto focus on the first focusable item after loading. (disable eslint no-autofocus error for it)
|
|
197
|
-
// In addition, add hidden <DismissButton> components at the start and end of the list
|
|
198
|
-
// to allow screen reader users to dismiss the popup easily.
|
|
199
|
-
return menuTriggerState.isOpen?(/*#__PURE__*/React.createElement("div",__assign({},overlayProps,{ref:overlayRef,className:styles$1l.menuPopup}),isLoading&&loadingSkeleton?(/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(DismissButton,{onDismiss:onClose}),loadingSkeleton,/*#__PURE__*/React.createElement(DismissButton,{onDismiss:onClose}))):(/*#__PURE__*/ // eslint-disable-next-line jsx-a11y/no-autofocus
|
|
200
|
-
React.createElement(FocusScope,{contain:true,autoFocus:true,restoreFocus:true},/*#__PURE__*/React.createElement(DismissButton,{onDismiss:onClose}),children,/*#__PURE__*/React.createElement(DismissButton,{onDismiss:onClose}))))):(/*#__PURE__*/React.createElement(React.Fragment,null));};MenuPopup.displayName="FilterMultiSelect.MenuPopup";return MenuPopup;}();var styles$1k={"icon":"MultiSelectOption-module_icon__78XCm","option":"MultiSelectOption-module_option__CSJyR","badge":"MultiSelectOption-module_badge__QqoyV","isFocused":"MultiSelectOption-module_isFocused__4WdzT","isDisabled":"MultiSelectOption-module_isDisabled__l--2z","badgeContainer":"MultiSelectOption-module_badgeContainer__59fHs","isSelected":"MultiSelectOption-module_isSelected__IZggh"};const MultiSelectOption=/*#__PURE__*/function(){const MultiSelectOption=function(_a){var _b,_c,_d;var classNameOverride=_a.classNameOverride,item=_a.item;var state=useSelectionContext().selectionState;// Get props for the option element
|
|
201
|
-
var ref=/*#__PURE__*/React.createRef();var _e=useOption({key:item.key},state,ref),optionProps=_e.optionProps,isSelected=_e.isSelected,isDisabled=_e.isDisabled;// Determine whether we should show a keyboard
|
|
202
|
-
// focus ring for accessibility
|
|
203
|
-
var _f=useFocusRing(),isFocusVisible=_f.isFocusVisible,focusProps=_f.focusProps;var countElementId=useId();return/*#__PURE__*/React.createElement("li",__assign({},mergeProps(optionProps,focusProps),{ref:ref,className:classnames(styles$1k.option,classNameOverride,isSelected&&styles$1k.isSelected,isFocusVisible&&styles$1k.isFocusVisible,isDisabled&&styles$1k.isDisabled),"aria-label":(_b=item.value)===null||_b===void 0?void 0:_b.label,"aria-describedby":((_c=item.value)===null||_c===void 0?void 0:_c.count)?countElementId:undefined}),/*#__PURE__*/React.createElement("span",{className:classnames(styles$1k.icon,isSelected&&styles$1k.isSelected)},isSelected&&/*#__PURE__*/React.createElement(Icon,{name:"check",isPresentational:true})),item.rendered,((_d=item.value)===null||_d===void 0?void 0:_d.count)&&(/*#__PURE__*/React.createElement("span",{id:countElementId,className:styles$1k.badgeContainer},/*#__PURE__*/React.createElement(Badge,{classNameOverride:styles$1k.badge},item.value.count),/*#__PURE__*/React.createElement(VisuallyHidden,null," available"))));};MultiSelectOption.displayName="FilterMultiSelect.Option";return MultiSelectOption;}();var styles$1j={"container":"NoResults-module_container__2l8Ol"};const NoResults=/*#__PURE__*/function(){const NoResults=function(_a){var children=_a.children,restProps=__rest(_a,["children"]);return/*#__PURE__*/React.createElement("div",__assign({className:styles$1j.container},restProps),/*#__PURE__*/React.createElement(Text,{variant:"extra-small",color:"dark-reduced-opacity"},children));};NoResults.displayName="FilterMultiSelect.NoResults";return NoResults;}();var styles$1i={"inputSearchContainer":"SearchInput-module_inputSearchContainer__u9K6k"};const SearchInput=/*#__PURE__*/function(){const SearchInput=function(_a){var label=_a.label,id=_a.id,isLoading=_a.isLoading;var formatMessage=useIntl().formatMessage;var _b=useSelectionContext(),setSearchQuery=_b.setSearchQuery,searchQuery=_b.searchQuery;var handleChange=function(e){setSearchQuery(e.target.value);};var handleClear=function(){return setSearchQuery("");};var reactId=useId();var inputId=id!==null&&id!==void 0?id:reactId;var defaultAriaLabel=formatMessage({id:"filterMultiSelectSearchInput.label",defaultMessage:"Filter options by search query",description:"Label for the search input"});var placeholder=formatMessage({id:"filterMultiSelectSearchInput.placeholder",defaultMessage:"Search…",description:"Placeholder for the search input"});return/*#__PURE__*/React.createElement("div",{className:styles$1i.inputSearchContainer},/*#__PURE__*/React.createElement(InputSearch,{id:inputId,"aria-label":label!==null&&label!==void 0?label:defaultAriaLabel,secondary:true,placeholder:placeholder,value:searchQuery,onChange:handleChange,onClear:handleClear,loading:isLoading}));};SearchInput.displayName="FilterMultiSelect.SearchInput";return SearchInput;}();var styles$1h={"divider":"SectionDivider-module_divider__G-itP"};var SectionDivider=function(){return/*#__PURE__*/React.createElement("li",{className:styles$1h.divider,"aria-hidden":"true"},/*#__PURE__*/React.createElement(Divider,{variant:"canvas"}));};var styles$1g={"button":"SelectionControlButton-module_button__u-ysH","isDisabled":"SelectionControlButton-module_isDisabled__0axMR"};const ClearButton=/*#__PURE__*/function(){const ClearButton=function(){var selectionState=useSelectionContext().selectionState;var filteredOptions=Array.from(selectionState.collection.getKeys());var selectedOptions=Array.from(selectionState.selectionManager.selectedKeys);var isDisabled=filteredOptions.length===0||!Boolean(filteredOptions.find(function(key){return selectionState.selectionManager.isSelected(key);}));return/*#__PURE__*/React.createElement("button",{type:"button",className:classnames(styles$1g.button,isDisabled&&styles$1g.isDisabled),"aria-disabled":isDisabled,onClick:function(){!isDisabled&&selectionState.selectionManager.setSelectedKeys(selectedOptions.filter(function(option){return!filteredOptions.includes(option);}));}},"Clear",/*#__PURE__*/React.createElement(VisuallyHidden,null," selections"));};ClearButton.displayName="FilterMultiSelect.ClearButton";return ClearButton;}();const SelectAllButton=/*#__PURE__*/function(){const SelectAllButton=function(){var selectionState=useSelectionContext().selectionState;var selectedOptions=Array.from(selectionState.selectionManager.selectedKeys);var disabledOptions=selectionState.disabledKeys?Array.from(selectionState.disabledKeys):[];var filteredOptions=Array.from(selectionState.collection.getKeys()).filter(function(key){return!disabledOptions.includes(key);});return/*#__PURE__*/React.createElement("button",{type:"button",className:classnames(styles$1g.button,selectionState.selectionManager.isSelectAll&&styles$1g.isDisabled),"aria-disabled":selectionState.selectionManager.isSelectAll,onClick:function(){return!selectionState.selectionManager.isSelectAll&&selectionState.selectionManager.setSelectedKeys(__spreadArray(__spreadArray([],selectedOptions,true),filteredOptions,true));}},"Select all");};SelectAllButton.displayName="FilterMultiSelect.SelectAllButton";return SelectAllButton;}();var CONNECTOR=", ";var truncateByCharacterLimit=function(labels,limit,labelsTruncatedCount){if(labelsTruncatedCount===void 0){labelsTruncatedCount=0;}if(labels.length===1||labels.join("").replace(/,/g,"").length<limit){var moreIndicator=labelsTruncatedCount>0?" + ".concat(labelsTruncatedCount," more"):"";return"".concat(labels.join(CONNECTOR)).concat(moreIndicator);}var newLabels=labels.slice(0,labels.length-1);return truncateByCharacterLimit(newLabels,limit,labelsTruncatedCount+1);};var getTruncatedLabels=function(labels,limit){return truncateByCharacterLimit(labels,limit);};var getSelectedOptionLabels=function(keys,items){if(!keys||!items){return[];}if(keys==="all"){return items.map(function(item){return item.label;});}return Array.from(keys).map(function(key){var _a,_b;return(_b=(_a=items.find(function(item){return item.value===key;}))===null||_a===void 0?void 0:_a.label)!==null&&_b!==void 0?_b:"";}).filter(function(item){return item!=="";});};var getSelectedOptionKeys=function(keys,items){if(!keys||!items){return[];}if(keys==="all"){return items.map(function(item){return item.value;});}return Array.from(keys);};const FilterTriggerButton=/*#__PURE__*/function(){const FilterTriggerButton=function(_a){var selectedOptionLabels=_a.selectedOptionLabels,label=_a.label,classNameOverride=_a.classNameOverride,_b=_a.labelCharacterLimitBeforeTruncate,labelCharacterLimitBeforeTruncate=_b===void 0?50:_b;var _c=useMenuTriggerContext(),buttonProps=_c.buttonProps,buttonRef=_c.buttonRef,menuTriggerState=_c.menuTriggerState;var ref=useRef({triggerRef:buttonRef});return/*#__PURE__*/React.createElement(FilterButton,__assign({ref:ref},buttonProps,{label:label,selectedValue:getTruncatedLabels(selectedOptionLabels,labelCharacterLimitBeforeTruncate),classNameOverride:classNameOverride,isOpen:menuTriggerState.isOpen}));};FilterTriggerButton.displayName="FilterMultiSelect.TriggerButton";return FilterTriggerButton;}();var styles$1f={"filterButtonRemovable":"RemovableFilterTrigger-module_filterButtonRemovable__-M4wV"};const RemovableFilterTrigger=/*#__PURE__*/function(){const RemovableFilterTrigger=function(_a){var label=_a.label,selectedOptionLabels=_a.selectedOptionLabels,_b=_a.labelCharacterLimitBeforeTruncate,labelCharacterLimitBeforeTruncate=_b===void 0?50:_b,classNameOverride=_a.classNameOverride,onRemove=_a.onRemove;var _c=useMenuTriggerContext(),buttonProps=_c.buttonProps,buttonRef=_c.buttonRef,menuTriggerState=_c.menuTriggerState;var ref=useRef({triggerRef:buttonRef});return/*#__PURE__*/React.createElement(FilterButtonRemovable,{ref:ref,classNameOverride:classnames(styles$1f.filterButtonRemovable,classNameOverride),triggerButtonProps:__assign(__assign({},buttonProps),{label:label,selectedValue:getTruncatedLabels(selectedOptionLabels,labelCharacterLimitBeforeTruncate),isOpen:menuTriggerState.isOpen}),removeButtonProps:{onClick:onRemove}});};RemovableFilterTrigger.displayName="FilterMultiSelect.RemovableTrigger";return RemovableFilterTrigger;}();const FilterMultiSelect=/*#__PURE__*/function(){const FilterMultiSelect=function(_a){var trigger=_a.trigger,children=_a.children,isOpen=_a.isOpen,defaultOpen=_a.defaultOpen,onOpenChange=_a.onOpenChange,isLoading=_a.isLoading,loadingSkeleton=_a.loadingSkeleton,label=_a.label,items=_a.items,selectedKeys=_a.selectedKeys,defaultSelectedKeys=_a.defaultSelectedKeys,onSelectionChange=_a.onSelectionChange,_b=_a.selectionMode,selectionMode=_b===void 0?"multiple":_b,onSearchInputChange=_a.onSearchInputChange,triggerRef=_a.triggerRef,className=_a.className;var menuTriggerProps={isOpen:isOpen,defaultOpen:defaultOpen,onOpenChange:onOpenChange,triggerRef:triggerRef};var menuPopupProps={isLoading:isLoading,loadingSkeleton:loadingSkeleton};var disabledKeys=new Set(items===null||items===void 0?void 0:items.filter(function(item){return item.isDisabled===true;}).map(function(disabledItem){return disabledItem.value;}));var selectionProps={label:label,items:items,selectedKeys:selectedKeys,defaultSelectedKeys:defaultSelectedKeys,onSelectionChange:onSelectionChange,selectionMode:selectionMode,disabledKeys:disabledKeys,onSearchInputChange:onSearchInputChange};return/*#__PURE__*/React.createElement(MenuTriggerProvider,__assign({},menuTriggerProps),/*#__PURE__*/React.createElement("div",{className:className},/*#__PURE__*/React.createElement(MenuTriggerConsumer,null,trigger),/*#__PURE__*/React.createElement(MenuPopup,__assign({},menuPopupProps),/*#__PURE__*/React.createElement(SelectionProvider,__assign({},selectionProps),/*#__PURE__*/React.createElement(SelectionConsumer,null,children)))));};FilterMultiSelect.displayName="FilterMultiSelect";FilterMultiSelect.TriggerButton=FilterTriggerButton;FilterMultiSelect.RemovableTrigger=RemovableFilterTrigger;FilterMultiSelect.SearchInput=SearchInput;FilterMultiSelect.ListBox=ListBox;FilterMultiSelect.ListBoxSection=ListBoxSection;FilterMultiSelect.SectionDivider=SectionDivider;FilterMultiSelect.Option=MultiSelectOption;FilterMultiSelect.SelectAllButton=SelectAllButton;FilterMultiSelect.ClearButton=ClearButton;FilterMultiSelect.MenuFooter=MenuFooter;// For layout
|
|
204
|
-
// Menu Loading Skeleton example
|
|
205
|
-
FilterMultiSelect.MenuLoadingSkeleton=MenuLoadingSkeleton;FilterMultiSelect.LoadMoreButton=LoadMoreButton;FilterMultiSelect.NoResults=NoResults;return FilterMultiSelect;}();var checkArraysMatch=function(a1,a2){if(a1.length!==a2.length)return false;return a1.every(function(v,i){return v===a2[i];});};var styles$1e={"filterMultiSelect":"FilterBarMultiSelect-module_filterMultiSelect__a4enz"};var convertSelectionToAConsumableFormat=function(value){if(value==="all")return"all";var arrayOfValues=Array.from(value);return arrayOfValues.length>0?Array.from(value):undefined;};var convertConsumableFormatIntoSelection=function(value){return new Set(value);};const FilterBarMultiSelect=/*#__PURE__*/function(){const FilterBarMultiSelect=function(_a){var id=_a.id,propsItems=_a.items,children=_a.children,onSelectionChange=_a.onSelectionChange,props=__rest(_a,["id","items","children","onSelectionChange"]);var _b=useFilterBarContext(),getFilterState=_b.getFilterState,setFilterOpenState=_b.setFilterOpenState,updateValue=_b.updateValue,hideFilter=_b.hideFilter,focusId=_b.focusId,setFocus=_b.setFocus;var _c=useState(propsItems),items=_c[0],setItems=_c[1];var buttonRef=useRef(null);if(!id)throw Error("Missing `id` prop in FilterBarMultiSelect");var filterState=getFilterState(id);useEffect(function(){if(!checkArraysMatch(items,propsItems)){setItems(propsItems);}},[propsItems]);useEffect(function(){if(Array.isArray(filterState.value)){var itemValues_1=items.map(function(_a){var value=_a.value;return value;});var filteredValues=filterState.value.filter(function(value){return itemValues_1.includes(value);});if(!checkArraysMatch(filterState.value,filteredValues)){updateValue(id,filteredValues);}}},[items]);useEffect(function(){var _a;if(focusId===id){(_a=buttonRef.current)===null||_a===void 0?void 0:_a.focus();setFocus(undefined);}},[focusId]);return/*#__PURE__*/React.createElement(FilterMultiSelect,__assign({label:filterState.name,// Convert the incoming FilterBar state to a Set (internal FilterMultiSelect state)
|
|
206
|
-
selectedKeys:new Set(filterState.value||null),onSelectionChange:function(keys){// Convert the internal FilterMultiSelect state (Set) to an Array for FilterBar state
|
|
207
|
-
updateValue(id,convertSelectionToAConsumableFormat(keys));onSelectionChange===null||onSelectionChange===void 0?void 0:onSelectionChange(keys);},items:items,isOpen:filterState.isOpen,onOpenChange:function(open){return setFilterOpenState(id,open);},className:styles$1e.filterMultiSelect,trigger:function(){var triggerProps={selectedOptionLabels:filterState.value?getSelectedOptionLabels(convertConsumableFormatIntoSelection(filterState.value),items):[],label:filterState.name};return filterState.isRemovable?(/*#__PURE__*/React.createElement(FilterMultiSelect.RemovableTrigger,__assign({},triggerProps,{onRemove:function(){return hideFilter(id);},classNameOverride:styles$1e.triggerButton}))):(/*#__PURE__*/React.createElement(FilterMultiSelect.TriggerButton,__assign({classNameOverride:styles$1e.triggerButton},triggerProps)));},triggerRef:buttonRef},props),children);};FilterBarMultiSelect.displayName="FilterBar.MultiSelect";return FilterBarMultiSelect;}();var styles$1d={"filterContents":"FilterSelect-module_filterContents__p7Kgc"};const FilterSelect=/*#__PURE__*/function(){const FilterSelect=function(_a){var isOpen=_a.isOpen,setIsOpen=_a.setIsOpen,renderTrigger=_a.renderTrigger,label=_a.label,children=_a.children,items=_a.items,classNameOverride=_a.classNameOverride,selectedKey=_a.selectedKey,restProps=__rest(_a,["isOpen","setIsOpen","renderTrigger","label","children","items","classNameOverride","selectedKey"]);// Ref will be populated by Filter
|
|
208
|
-
var _b=useState({current:null}),triggerRef=_b[0],setTriggerRef=_b[1];var disabledKeys=getDisabledKeysFromItems(items);var ariaSelectProps=__assign({label:label,items:items,children:transformSelectItemToCollectionElement,isOpen:isOpen,onOpenChange:setIsOpen,disabledKeys:disabledKeys,selectedKey:typeof selectedKey==="number"?selectedKey.toString():selectedKey},restProps);var state=useSelectState(ariaSelectProps);var _c=useSelect(ariaSelectProps,state,triggerRef),triggerProps=_c.triggerProps,menuProps=_c.menuProps;var buttonProps=useButton(triggerProps,triggerRef).buttonProps;// `aria-labelledby` and `aria-controls` are being remapped because the `buttonProps` ids generated by React Aria point to nothing.
|
|
209
|
-
// This should ideally be refactored but for now the `aria-controls` is set to the Filter's Listbox (menuProps.id) and the `aria-labelledby` to undefined so the accessible name is derived from the buttons content.
|
|
210
|
-
var renderTriggerButtonProps=__assign(__assign({},buttonProps),{"aria-labelledby":undefined,"aria-controls":menuProps.id});return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(HiddenSelect,{label:label,state:state,triggerRef:triggerRef}),/*#__PURE__*/React.createElement(Filter,{isOpen:isOpen,setIsOpen:setIsOpen,renderTrigger:function(){var _a;return renderTrigger(__assign({selectedValue:((_a=state.selectedItem)===null||_a===void 0?void 0:_a.textValue)||undefined,label:label,isOpen:isOpen},renderTriggerButtonProps));},onMount:setTriggerRef,classNameOverride:classNameOverride},/*#__PURE__*/React.createElement(FilterContents,{classNameOverride:styles$1d.filterContents},/*#__PURE__*/React.createElement(SelectProvider,{state:state},/*#__PURE__*/React.createElement(SelectPopoverContents,{menuProps:__assign(__assign({},menuProps),{"aria-labelledby":buttonProps.id})},children)))));};FilterSelect.displayName="FilterSelect";FilterSelect.Section=ListBoxSection$1;FilterSelect.SectionDivider=SectionDivider$1;FilterSelect.Option=Option$1;FilterSelect.ItemDefaultRender=ListItem;return FilterSelect;}();const FilterBarSelect=/*#__PURE__*/function(){const FilterBarSelect=function(_a){var id=_a.id,propsItems=_a.items,onSelectionChange=_a.onSelectionChange,props=__rest(_a,["id","items","onSelectionChange"]);var _b=useFilterBarContext(),getFilterState=_b.getFilterState,setFilterOpenState=_b.setFilterOpenState,updateValue=_b.updateValue;var _c=useState(propsItems),items=_c[0],setItems=_c[1];if(!id)throw Error("Missing `id` prop in FilterBarSelect");var filterState=getFilterState(id);useEffect(function(){if(!checkArraysMatch(items,propsItems)){setItems(propsItems);}},[propsItems]);useEffect(function(){if(filterState.value){var itemValues=items.map(function(item){return item===null||item===void 0?void 0:item.value;});if(!itemValues.includes(filterState.value)){updateValue(id,undefined);}}},[items]);return/*#__PURE__*/React.createElement(FilterSelect,__assign({},props,{items:items,selectedKey:filterState.value||null,label:filterState.name,renderTrigger:function(triggerProps){return/*#__PURE__*/React.createElement(FilterBarButton,__assign({},triggerProps,{filterId:id,isRemovable:filterState.isRemovable}));},onSelectionChange:function(key){updateValue(id,key);onSelectionChange===null||onSelectionChange===void 0?void 0:onSelectionChange(key);},isOpen:filterState.isOpen,setIsOpen:function(open){return setFilterOpenState(id,open);}}));};FilterBarSelect.displayName="FilterBarSelect";return FilterBarSelect;}();const AddFiltersMenu=/*#__PURE__*/function(){const AddFiltersMenu=function(){var formatMessage=useIntl().formatMessage;var buttonRef=useRef(null);var menuButtonLabel=formatMessage({id:"filterBar.addFiltersMenu.buttonLabel",defaultMessage:"Add Filters",description:"Menu button label to show additional available filter options"});var _a=useFilterBarContext(),getInactiveFilters=_a.getInactiveFilters,showFilter=_a.showFilter,focusId=_a.focusId,setFocus=_a.setFocus;var inactiveFilters=getInactiveFilters();useEffect(function(){var _a;if(focusId==="add_filter"){(_a=buttonRef.current)===null||_a===void 0?void 0:_a.focus();setFocus(undefined);}},[focusId]);return/*#__PURE__*/React.createElement(Menu$1,{button:/*#__PURE__*/React.createElement(Button,{ref:buttonRef,label:menuButtonLabel,secondary:true,disabled:inactiveFilters.length===0,icon:/*#__PURE__*/React.createElement(Icon,{name:"add",isPresentational:true})})},/*#__PURE__*/React.createElement(MenuList,null,inactiveFilters.map(function(_a){var id=_a.id,name=_a.name;return/*#__PURE__*/React.createElement(MenuItem,{key:id,label:name,onClick:function(){return showFilter(id);}});})));};AddFiltersMenu.displayName="FilterBar.AddFiltersMenu";return AddFiltersMenu;}();var styles$1c={"clearAllButton":"ClearAllButton-module_clearAllButton__XNkm2"};const ClearAllButton=/*#__PURE__*/function(){const ClearAllButton=function(){var formatMessage=useIntl().formatMessage;var clearButtonLabel=formatMessage({id:"filterBar.clearAllButton.label",defaultMessage:"Clear all",description:"Button label to clear all values within the filter bar"});var clearButtonAriaLabel=formatMessage({id:"filterBar.clearAllButton.ariaLabel",defaultMessage:"Clear all filters",description:"Button aria-label to clear all values within the filter bar"});var clearAllFilters=useFilterBarContext().clearAllFilters;return/*#__PURE__*/React.createElement(Button,{label:clearButtonLabel,"aria-label":clearButtonAriaLabel,classNameOverride:styles$1c.clearAllButton,secondary:true,onClick:clearAllFilters});};ClearAllButton.displayName="FilterBar.ClearAllButton";return ClearAllButton;}();var styles$1b={"wrapper":"FilterBar-module_wrapper__D8GXq","filterBar":"FilterBar-module_filterBar__JEVKL","filtersContainer":"FilterBar-module_filtersContainer__Xl-DO"};const FilterBar=/*#__PURE__*/function(){const FilterBar=function(_a){var filters=_a.filters,classNameOverride=_a.classNameOverride,providerProps=__rest(_a,["filters","classNameOverride"]);return/*#__PURE__*/React.createElement(FilterBarProvider,__assign({filters:filters},providerProps),function(activeFilters){return/*#__PURE__*/React.createElement("div",{className:styles$1b.wrapper},/*#__PURE__*/React.createElement("div",{className:classnames(styles$1b.filterBar,classNameOverride)},/*#__PURE__*/React.createElement("div",{className:styles$1b.filtersContainer},Object.values(activeFilters).map(function(_a){var id=_a.id,Component=_a.Component;return/*#__PURE__*/ (// `id` will always be `string`, but keyof ValuesMap transformed it
|
|
211
|
-
React.createElement(React.Fragment,{key:id},/*#__PURE__*/React.cloneElement(Component,{id:id})));}),/*#__PURE__*/React.createElement(AddFiltersMenu,null)),/*#__PURE__*/React.createElement("div",null,/*#__PURE__*/React.createElement(ClearAllButton,null))));});};FilterBar.displayName="FilterBar";FilterBar.DatePicker=FilterBarDatePicker;FilterBar.DateRangePicker=FilterBarDateRangePicker;FilterBar.MultiSelect=FilterBarMultiSelect;FilterBar.Select=FilterBarSelect;return FilterBar;}();var styles$1a={"rightMargin":"GuidanceBlock-module_rightMargin__-iEFa","noRightMargin":"GuidanceBlock-module_noRightMargin__4Uy9N","banner":"GuidanceBlock-module_banner__FxKcd","noMaxWidth":"GuidanceBlock-module_noMaxWidth__UzHP1","illustrationWrapper":"GuidanceBlock-module_illustrationWrapper__AEljX","illustration":"GuidanceBlock-module_illustration__sU1Vu","hasSceneIllustration":"GuidanceBlock-module_hasSceneIllustration__tvFRD","descriptionContainer":"GuidanceBlock-module_descriptionContainer__aywtY","descriptionAndActions":"GuidanceBlock-module_descriptionAndActions__E5BcL","buttonContainer":"GuidanceBlock-module_buttonContainer__U2Hxn","hidden":"GuidanceBlock-module_hidden__CbgXn","headingWrapper":"GuidanceBlock-module_headingWrapper__zgVmA","cancel":"GuidanceBlock-module_cancel__UaIA-","icon":"GuidanceBlock-module_icon__y2xz8","disabled":"GuidanceBlock-module_disabled__Uhgsr","hover":"GuidanceBlock-module_hover__7V9x1","active":"GuidanceBlock-module_active__YJaZt","default":"GuidanceBlock-module_default__Ffblg","positive":"GuidanceBlock-module_positive__yENlT","negative":"GuidanceBlock-module_negative__E-Jvh","assertive":"GuidanceBlock-module_assertive__6PZlM","informative":"GuidanceBlock-module_informative__ZUH4j","cautionary":"GuidanceBlock-module_cautionary__sJ1CE","prominent":"GuidanceBlock-module_prominent__nn-r4","inline":"GuidanceBlock-module_inline__GwOWR","stacked":"GuidanceBlock-module_stacked__rDupX","centerContent":"GuidanceBlock-module_centerContent__m3IhB","smallScreenTextAlignment":"GuidanceBlock-module_smallScreenTextAlignment__oWufj"};var WithTooltip=function(_a){var tooltipProps=_a.tooltipProps,children=_a.children;return!!tooltipProps?(/*#__PURE__*/React.createElement(Tooltip,__assign({},tooltipProps),children)):(/*#__PURE__*/React.createElement(React.Fragment,null,children));};/**
|
|
212
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093807/Guidance+Block Guidance} |
|
|
213
|
-
* {@link https://cultureamp.design/?path=/docs/components-guidanceblock--docs Storybook}
|
|
214
|
-
*/const GuidanceBlock=/*#__PURE__*/function(){const GuidanceBlock=function(_a){var _b,_c,_d,_e;var _f=_a.layout,layout=_f===void 0?"default":_f,_g=_a.variant,variant=_g===void 0?"default":_g,_h=_a.withActionButtonArrow,withActionButtonArrow=_h===void 0?true:_h,_j=_a.noMaxWidth,noMaxWidth=_j===void 0?false:_j,_k=_a.illustrationType,illustrationType=_k===void 0?"spot":_k,_l=_a.smallScreenTextAlignment,smallScreenTextAlignment=_l===void 0?"center":_l,actions=_a.actions,illustration=_a.illustration,secondaryDismiss=_a.secondaryDismiss,restProps=__rest(_a,["layout","variant","withActionButtonArrow","noMaxWidth","illustrationType","smallScreenTextAlignment","actions","illustration","secondaryDismiss"]);var _m=useState(false),hidden=_m[0],setHidden=_m[1];var _o=useState(false),removed=_o[0],setRemoved=_o[1];var _p=useState(""),mediaQueryLayout=_p[0],setMediaQueryLayout=_p[1];var containerRef=/*#__PURE__*/React.createRef();useEffect(function(){if(layout==="inline"||layout==="stacked"){containerQuery();}},[]);var handleDismissBanner=function(){var _a;setHidden(true);(_a=actions===null||actions===void 0?void 0:actions.dismiss)===null||_a===void 0?void 0:_a.onClick();};var onTransitionEnd=function(e){// Be careful: this assumes the final CSS property to be animated is "margin-top".
|
|
215
|
-
if(hidden&&e.propertyName==="margin-top"){setRemoved(true);}};var containerQuery=function(){var resizeObserver=new ResizeObserver(function(entries){if(entries.length===1){handleMediaQueryLayout(entries[0].contentRect.width);}});resizeObserver.observe(containerRef.current);};var handleMediaQueryLayout=function(width){if(width<=320){setMediaQueryLayout("centerContent");}else{setMediaQueryLayout("");}};var marginTop=function(){if(hidden&&containerRef.current){return-containerRef.current.clientHeight+"px";}return"0";};if(removed){return/*#__PURE__*/React.createElement(React.Fragment,null);}var componentIsMobile=mediaQueryLayout.includes("centerContent");return/*#__PURE__*/React.createElement("div",{className:classnames(styles$1a.banner,variant&&styles$1a[variant],layout&&styles$1a[layout],hidden&&styles$1a.hidden,mediaQueryLayout==="centerContent"&&styles$1a.centerContent,noMaxWidth&&styles$1a.noMaxWidth,illustrationType==="scene"&&styles$1a.hasSceneIllustration,smallScreenTextAlignment==="left"&&styles$1a.smallScreenTextAlignment),style:{marginTop:marginTop()},ref:containerRef,onTransitionEnd:onTransitionEnd},/*#__PURE__*/React.createElement("div",{className:styles$1a.illustrationWrapper},/*#__PURE__*/React.createElement("div",{className:styles$1a.illustration},illustrationType==="scene"?/*#__PURE__*/React.cloneElement(illustration,{enableAspectRatio:true}):illustration)),/*#__PURE__*/React.createElement("div",{className:styles$1a.descriptionAndActions},/*#__PURE__*/React.createElement("div",{className:styles$1a.descriptionContainer},"content"in restProps&&restProps.content,"text"in restProps&&(/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("div",{className:styles$1a.headingWrapper},/*#__PURE__*/React.createElement(Heading,{tag:(_c=(_b=restProps===null||restProps===void 0?void 0:restProps.text)===null||_b===void 0?void 0:_b.titleTag)!==null&&_c!==void 0?_c:"h3",variant:"heading-3"},(_d=restProps===null||restProps===void 0?void 0:restProps.text)===null||_d===void 0?void 0:_d.title)),/*#__PURE__*/React.createElement(Text,{tag:"p",variant:"body"},(_e=restProps===null||restProps===void 0?void 0:restProps.text)===null||_e===void 0?void 0:_e.description)))),(actions===null||actions===void 0?void 0:actions.primary)&&(/*#__PURE__*/React.createElement(Media,{query:"(max-width: 767px)"},function(isMobile){var _a;return/*#__PURE__*/React.createElement("div",{className:classnames({noRightMargin:isMobile||componentIsMobile,rightMargin:!(isMobile||componentIsMobile)&&layout==="default"})},/*#__PURE__*/React.createElement("div",{className:classnames(styles$1a.buttonContainer,(actions===null||actions===void 0?void 0:actions.secondary)&&styles$1a.secondaryAction)},/*#__PURE__*/React.createElement(WithTooltip,{tooltipProps:actions.primary.tooltip},/*#__PURE__*/React.createElement(Button,__assign({icon:withActionButtonArrow?(/*#__PURE__*/React.createElement(Icon,{name:"arrow_forward",isPresentational:true,shouldMirrorInRTL:true})):undefined,iconPosition:"end"},actions.primary,{fullWidth:isMobile||componentIsMobile}))),(actions===null||actions===void 0?void 0:actions.secondary)&&(/*#__PURE__*/React.createElement(WithTooltip,{tooltipProps:actions.secondary.tooltip},/*#__PURE__*/React.createElement("div",{className:styles$1a.secondaryAction},/*#__PURE__*/React.createElement(Button,__assign({secondary:true},actions.secondary,{onClick:secondaryDismiss?function(){return handleDismissBanner();}:(_a=actions===null||actions===void 0?void 0:actions.secondary)===null||_a===void 0?void 0:_a.onClick,fullWidth:isMobile||componentIsMobile})))))));}))));};GuidanceBlock.displayName="GuidanceBlock";return GuidanceBlock;}();var styles$19={"icon":"SVG-module_icon__8J5Ev","inheritSize":"SVG-module_inheritSize__Q8iam"};/**
|
|
216
|
-
* {@link https://cultureamp.design/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}
|
|
217
|
-
*/const SVG=/*#__PURE__*/function(){const SVG=function(_a){var _b=_a.inheritSize,inheritSize=_b===void 0?false:_b,role=_a.role,_c=_a.viewBox,viewBox=_c===void 0?"0 0 20 20":_c,classNameOverride=_a.classNameOverride,children=_a.children,restProps=__rest(_a,["inheritSize","role","viewBox","classNameOverride","children"]);var classes=classnames(styles$19.icon,classNameOverride,inheritSize&&styles$19.inheritSize);if(role==="presentation"){return/*#__PURE__*/React.createElement("svg",__assign({className:classes,viewBox:viewBox,role:role,"aria-hidden":true},restProps),children);}return/*#__PURE__*/React.createElement("svg",__assign({role:role,className:classes,viewBox:viewBox},restProps),children);};SVG.displayName="SVG";// This file is autogenerated by wrapSVGs.ts
|
|
218
|
-
// Changes to this file will be overwritten
|
|
219
|
-
return SVG;}();var AcademyIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2 0 7.455l10 5.454 8.182-4.464v6.281H20V7.455zm0 12.726-6.364-3.471v3.636L10 18.364l6.364-3.473v-3.636z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
220
|
-
// Changes to this file will be overwritten
|
|
221
|
-
var ActionOffIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783zm.91 1.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
222
|
-
// Changes to this file will be overwritten
|
|
223
|
-
var ActionOffWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m7.947 1-4.248 9.469 5.271-.144L8.53 19l7.771-13.196H11.72l2.004-4.783z"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m8.857 2.385 2.776.01-1.207 2.882-.8 1.909h4.243l-3.652 6.2.151-2.992.076-1.49-1.512.04-3.055.084z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
224
|
-
// Changes to this file will be overwritten
|
|
225
|
-
var ActionOnIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m3.699 10.469 5.271-.143L8.53 19l7.771-13.195H11.72l2.004-4.784L7.947 1z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
226
|
-
// Changes to this file will be overwritten
|
|
227
|
-
var AddIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m4 8.8h-3.2V14H9.2v-3.2H6V9.2h3.2V6h1.6v3.2H14z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
228
|
-
// Changes to this file will be overwritten
|
|
229
|
-
var AddLinkIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M9.125 14.167H5.833q-1.729 0-2.948-1.219T1.667 10t1.218-2.948q1.219-1.22 2.948-1.219h3.292v1.75H5.833q-1.04 0-1.729.688-.687.687-.687 1.729t.687 1.729q.688.688 1.729.688h3.292zm-2.458-3.292v-1.75h6.666v1.75zm4.208 3.292v-1.75h3.292q1.04 0 1.729-.688.687-.687.687-1.729t-.687-1.729q-.688-.688-1.729-.688h-3.292v-1.75h3.292q1.729 0 2.948 1.219T18.333 10t-1.218 2.948q-1.219 1.22-2.948 1.219z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
230
|
-
// Changes to this file will be overwritten
|
|
231
|
-
var AddWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M14 10.8h-3.2V14H9.2v-3.2H6V9.2h3.2V6h1.6v3.2H14z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
232
|
-
// Changes to this file will be overwritten
|
|
233
|
-
var AiIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"m12 0 1.754 6.246L20 8l-6.246 1.754L12 16l-1.754-6.246L4 8l6.246-1.754zM5 11.467l.877 3.123L9 15.467l-3.123.876L5 19.467l-.877-3.124L1 15.467l3.123-.877zM3 1l.495 1.505L5 3l-1.505.495L3 5l-.495-1.505L1 3l1.505-.495zM17 15l.495 1.505L19 17l-1.505.495L17 19l-.495-1.505L15 17l1.505-.495z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
234
|
-
// Changes to this file will be overwritten
|
|
235
|
-
var ArchivedIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M12.307 2.636A2.46 2.46 0 0 0 10 1a2.46 2.46 0 0 0-2.307 1.636h-3.06c-.9 0-1.636.737-1.636 1.637v13.09c0 .9.736 1.637 1.636 1.637h10.73c.9 0 1.636-.736 1.636-1.636V4.273c0-.9-.736-1.637-1.636-1.637zm-1.489.819a.82.82 0 0 1-.818.818.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819.82.82 0 0 1 .818.819M10 14.909l-4.09-4.09h2.454V7.544h3.272v3.273h2.455z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
236
|
-
// Changes to this file will be overwritten
|
|
237
|
-
var ArchivedWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M12.307 2.636A2.46 2.46 0 0 0 10 1a2.46 2.46 0 0 0-2.307 1.636h-3.06c-.9 0-1.636.737-1.636 1.637v13.09c0 .9.736 1.637 1.636 1.637h10.73c.9 0 1.636-.736 1.636-1.636V4.273c0-.9-.736-1.637-1.636-1.637zm-1.489.819a.82.82 0 0 1-.818.818.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819.82.82 0 0 1 .818.819"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m10 14.91-4.09-4.092h2.454V7.545h3.272v3.273h2.455z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
238
|
-
// Changes to this file will be overwritten
|
|
239
|
-
var ArrowBackwardIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M17.5 9.167H5.692l2.987-2.988L7.5 5l-5 5 5 5 1.18-1.18-2.988-2.987H17.5z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
240
|
-
// Changes to this file will be overwritten
|
|
241
|
-
var ArrowDownIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m16 8-1.057-1.057-4.193 4.185V2h-1.5v9.128L5.065 6.935 4 8l6 6z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
242
|
-
// Changes to this file will be overwritten
|
|
243
|
-
var ArrowForwardIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m12.5 5-1.18 1.18 2.988 2.986H2.5v1.666h11.808l-2.987 2.989L12.5 15l5-5z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
244
|
-
// Changes to this file will be overwritten
|
|
245
|
-
var ArrowLeftIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M17.5 9.167H5.692l2.987-2.988L7.5 5l-5 5 5 5 1.18-1.18-2.988-2.987H17.5z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
246
|
-
// Changes to this file will be overwritten
|
|
247
|
-
var ArrowRightIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m12.5 5-1.18 1.18 2.988 2.986H2.5v1.666h11.808l-2.987 2.989L12.5 15l5-5z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
248
|
-
// Changes to this file will be overwritten
|
|
249
|
-
var ArrowUpIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m4 10 1.058 1.057L9.25 6.873V16h1.5V6.872l4.185 4.193L16 10l-6-6z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
250
|
-
// Changes to this file will be overwritten
|
|
251
|
-
var AssignmentIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M9 4a.486.486 0 0 0 .5-.5A.486.486 0 0 0 9 3a.486.486 0 0 0-.5.5.486.486 0 0 0 .5.5m4.995 15q-1.662 0-2.828-1.172Q10 16.658 10 14.995q0-1.662 1.172-2.828Q12.342 11 14.005 11q1.662 0 2.828 1.172Q18 13.342 18 15.005q0 1.662-1.172 2.828Q15.658 19 13.995 19m-.495-2h1v-1.5H16v-1h-1.5V13h-1v1.5H12v1h1.5zM5 7.5h8V6H5zM8.854 17H3.5q-.62 0-1.06-.44A1.45 1.45 0 0 1 2 15.5v-11q0-.618.44-1.06Q2.883 3 3.5 3h3.563a1.98 1.98 0 0 1 .697-1.073A1.92 1.92 0 0 1 9 1.5q.708 0 1.24.427.53.427.697 1.073H14.5q.619 0 1.06.44.44.442.44 1.06v5.375a6.4 6.4 0 0 0-.997-.25 6.1 6.1 0 0 0-2.003 0V9.25H5v1.5h5.542q-.459.354-.834.792-.375.436-.646.958H5V14h3.542a6 6 0 0 0-.063.5 3 3 0 0 0 0 .5q.02.48.115 1.01.094.532.26.99"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
252
|
-
// Changes to this file will be overwritten
|
|
253
|
-
var BlankIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M12.303 2.636A2.45 2.45 0 0 0 10 1a2.45 2.45 0 0 0-2.303 1.636H4.635c-.904 0-1.637.733-1.637 1.637v13.09c0 .905.733 1.637 1.637 1.637H15.36c.904 0 1.636-.732 1.636-1.636V4.273c0-.904-.732-1.637-1.636-1.637zm-1.485.819a.818.818 0 1 1-1.636 0 .818.818 0 0 1 1.636 0"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
254
|
-
// Changes to this file will be overwritten
|
|
255
|
-
var BoldIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M6 16V4h4.786q1.513 0 2.644.846 1.13.848 1.13 2.283 0 1.028-.492 1.64-.495.61-1.153.931v.172q.965.321 1.526 1.007.559.686.559 1.778 0 1.607-1.207 2.475T10.917 16zm2.415-7.157h2.174q.701 0 1.173-.397.472-.396.472-.975 0-.556-.472-.963-.472-.408-1.174-.408H8.416zm0 5.015h2.348q.857 0 1.34-.42.482-.416.482-1.081t-.482-1.082q-.482-.418-1.34-.418H8.415z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
256
|
-
// Changes to this file will be overwritten
|
|
257
|
-
var BookmarkOffIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M15 1H5c-1.1 0-1.99.9-1.99 2L3 19l7-3 7 3V3c0-1.1-.9-2-2-2m0 15-5-2.18L5 16V3h10z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
258
|
-
// Changes to this file will be overwritten
|
|
259
|
-
var BookmarkOnIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M15 1H5c-1.1 0-1.99.9-1.99 2L3 19l7-3 7 3V3c0-1.1-.9-2-2-2"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
260
|
-
// Changes to this file will be overwritten
|
|
261
|
-
var BranchingIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10.53 15.706H10v-2h.53v-1.177H10v-2h1v1.78c1.236-.403 2.195-.403 2.654-.403 1.743 0 5.24.916 5.24 2.66v2.105H10.53zm5.496-8.088A2.375 2.375 0 0 1 13.654 10a2.383 2.383 0 0 1 0-4.765 2.375 2.375 0 0 1 2.372 2.383m-1.06 0c0-.734-.586-1.324-1.312-1.324a1.324 1.324 0 0 0 0 2.647c.726 0 1.313-.59 1.313-1.323m-3.378 5.613v2.38h6.248v-1.046c0-.642-2.342-1.6-4.182-1.6-.744 0-1.36.059-2.066.266M10 1h1v2h-1zm0 3.176h1v2h-1zm0 3.177h1v2h-1zm0 9.53h1v2h-1zM3.87 7.617A2.375 2.375 0 0 1 6.24 5.235a2.383 2.383 0 0 1 0 4.765A2.375 2.375 0 0 1 3.87 7.618m5.496 9.053H1v-2.106c0-1.743 3.498-2.66 5.241-2.66.516 0 1.663 0 3.125.572z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
262
|
-
// Changes to this file will be overwritten
|
|
263
|
-
var BullettedListIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M3.812 11.292q-.54 0-.916-.375A1.25 1.25 0 0 1 2.521 10q0-.542.375-.917t.916-.375q.542 0 .917.375t.375.917-.375.917-.917.375m0-4.98q-.54 0-.916-.374a1.25 1.25 0 0 1-.375-.917q0-.542.375-.917t.916-.375q.542 0 .917.375t.375.917q0 .54-.375.917-.375.375-.917.374m0 9.938q-.54 0-.916-.375a1.25 1.25 0 0 1-.375-.917q0-.54.375-.916.375-.375.916-.375.542 0 .917.375t.375.916-.375.917-.917.375m2.834-.417v-1.75H17.5v1.75zm0-4.958v-1.75H17.5v1.75zm0-4.979v-1.75H17.5v1.75z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
264
|
-
// Changes to this file will be overwritten
|
|
265
|
-
var CaMonogramIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M17.673 9.041c-.133.049-.217.368-.197.629.064.855.136 1.824-.485 3.303-.295.704-.828 1.438-1.538 2.122-.895.861-1.646 1.055-1.839 1.055q-.1 0-.12-.064c-.005-.014-.015-.062.041-.102l.159-.116c.379-.272.481-.345.89-.702.649-.566 1.576-1.928 1.725-2.368.18-.533.338-1.339.28-1.935-.036-.377-.115-.495-.132-.505-.065.01-.205.205-.29.532-.076.288-.177.63-.276.957-.277.917-.556 1.253-.825 1.579q-.082.1-.166.205c-.48.622-1.095.957-1.24.957-.065 0-.085-.043-.09-.056-.022-.06.025-.118.103-.184.197-.167.861-.795 1.158-1.855.05-.18.001-.367-.03-.383 0 0-.065.015-.163.258-.208.513-.242.564-.57 1.045-.406.594-1.142 1.192-1.491 1.36a4 4 0 0 1-1.764.396c-.372 0-.763-.048-1.161-.141-.886-.209-1.935-1.087-2.001-1.158-.288-.312-.58-.647-.768-.98-.49-.874-.7-1.72-.623-2.513.079-.82.24-1.458.794-2.109.55-.643 1.037-1.074 1.902-1.379a4.7 4.7 0 0 1 1.523-.236c.77 0 1.458.164 1.892.448.754.495 1.024.752 1.693 1.422.303.305.772.487 1.252.487a2 2 0 0 0 1.026-.289c.646-.383 1.016-.878 1.099-1.473.179-1.282-.998-2.542-1.01-2.555-.28-.296-.549-.55-.809-.774-.002-.316-.357-.561-.357-.561-1.96-1.406-3.797-1.383-4.546-1.348-.89.041-1.725.137-2.552.369-2.08.477-3.73 1.652-4.915 3.497-.836.988-1.146 2.5-1.239 3.736-.102 1.335.417 3.336.701 3.604.266.25.5.284.53.288.163.345.335.704.407.807l.162.235c.335.49.681.995 1.144 1.396.763.663 1.448 1.029 2.373 1.435.917.403 1.623.573 2.517.606.316.012.534.017.73.017.713 0 1.227-.072 1.963-.278a8.9 8.9 0 0 0 2.268-1.006c.289-.184 1.178-.987 1.487-1.343.318-.367.899-1.22 1.195-2.073.66-1.894.524-2.93.433-3.623-.056-.439-.166-.636-.25-.636"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
266
|
-
// Changes to this file will be overwritten
|
|
267
|
-
var CameraIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M2.25 2.25V0h1.5v2.25H6v1.5H3.75V6h-1.5V3.75H0v-1.5zm2.25 4.5V4.5h2.25V2.25H12l1.373 1.5h2.377c.825 0 1.5.675 1.5 1.5v9c0 .825-.675 1.5-1.5 1.5h-12c-.825 0-1.5-.675-1.5-1.5v-7.5zm5.25 6.75c2.07 0 3.75-1.68 3.75-3.75S11.82 6 9.75 6 6 7.68 6 9.75s1.68 3.75 3.75 3.75m-2.4-3.75c0 1.328 1.072 2.4 2.4 2.4s2.4-1.072 2.4-2.4-1.072-2.4-2.4-2.4a2.397 2.397 0 0 0-2.4 2.4"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",transform:"translate(1 2)",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
268
|
-
// Changes to this file will be overwritten
|
|
269
|
-
var CautionIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M8.67 2.822 2.16 15.849A1.486 1.486 0 0 0 3.488 18h13.024a1.486 1.486 0 0 0 1.33-2.151L11.328 2.822c-.548-1.096-2.11-1.096-2.658 0M10.8 15H9.2v-1.6h1.6zm-1.6-3.2h1.6V7H9.2z",fillRule:"evenodd",clipRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
270
|
-
// Changes to this file will be overwritten
|
|
271
|
-
var CautionWhiteIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M8.67 2.822 2.16 15.849A1.486 1.486 0 0 0 3.488 18h13.024a1.486 1.486 0 0 0 1.33-2.151L11.328 2.822c-.548-1.096-2.11-1.096-2.658 0"}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10.8 15H9.2v-1.6h1.6zm0-3.2H9.2V7h1.6z",fillRule:"evenodd",clipRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
272
|
-
// Changes to this file will be overwritten
|
|
273
|
-
var CheckIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m8.333 14.342-4.166-4.167L5.342 9l2.991 2.983 6.325-6.325 1.175 1.184z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
274
|
-
// Changes to this file will be overwritten
|
|
275
|
-
var ChevronDownIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M6.18 6.845 10 10.747l3.82-3.902L15 8.049l-5 5.106-5-5.106z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
276
|
-
// Changes to this file will be overwritten
|
|
277
|
-
var ChevronLeftIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.155 13.82 9.253 10l3.902-3.82L11.951 5l-5.106 5 5.106 5z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
278
|
-
// Changes to this file will be overwritten
|
|
279
|
-
var ChevronRightIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M6.845 13.82 10.747 10 6.845 6.18 8.049 5l5.106 5-5.106 5z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
280
|
-
// Changes to this file will be overwritten
|
|
281
|
-
var ChevronUpIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M6.179 13.155 10 9.253l3.821 3.902 1.18-1.204L10 6.845l-5 5.106z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
282
|
-
// Changes to this file will be overwritten
|
|
283
|
-
var ClearIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.424 0-8 3.576-8 8s3.576 8 8 8 8-3.576 8-8-3.576-8-8-8m4 10.872L12.872 14 10 11.128 7.128 14 6 12.872 8.872 10 6 7.128 7.128 6 10 8.872 12.872 6 14 7.128 11.128 10z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
284
|
-
// Changes to this file will be overwritten
|
|
285
|
-
var ClearWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.424 0-8 3.576-8 8s3.576 8 8 8 8-3.576 8-8-3.576-8-8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M14 12.872 12.872 14 10 11.128 7.128 14 6 12.872 8.872 10 6 7.128 7.128 6 10 8.872 12.872 6 14 7.128 11.128 10z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
286
|
-
// Changes to this file will be overwritten
|
|
287
|
-
var CloseIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M14.654 4.167 10 8.82 5.346 4.167l-1.18 1.18L8.823 10l-4.655 4.655 1.179 1.178L10 11.18l4.654 4.654 1.18-1.178L11.18 10l4.655-4.653z",fillRule:"evenodd",clipRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
288
|
-
// Changes to this file will be overwritten
|
|
289
|
-
var ClosedIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M12.307 2.636A2.46 2.46 0 0 0 10 1a2.46 2.46 0 0 0-2.308 1.636H4.636c-.9 0-1.637.737-1.637 1.637v13.09c0 .9.737 1.637 1.637 1.637H15.36c.9 0 1.637-.736 1.637-1.636V4.273c0-.9-.738-1.637-1.637-1.637zm-1.489.819c0 .45-.369.818-.818.818a.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819c.45 0 .818.369.818.819m-5.727 8.181 1.154-1.153 2.119 2.11 5.391-5.391 1.154 1.162-6.545 6.545z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
290
|
-
// Changes to this file will be overwritten
|
|
291
|
-
var ClosedWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M12.307 2.636A2.46 2.46 0 0 0 10 1a2.46 2.46 0 0 0-2.308 1.636H4.636c-.9 0-1.637.737-1.637 1.637v13.09c0 .9.737 1.637 1.637 1.637H15.36c.9 0 1.637-.736 1.637-1.636V4.273c0-.9-.738-1.637-1.637-1.637zm-1.489.819c0 .45-.369.818-.818.818a.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819c.45 0 .818.369.818.819"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m5.09 11.636 1.155-1.153 2.119 2.11 5.391-5.391 1.154 1.162-6.545 6.545z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
292
|
-
// Changes to this file will be overwritten
|
|
293
|
-
var CommentAddIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.4 2A1.6 1.6 0 0 1 18 3.6v9.6a1.6 1.6 0 0 1-1.6 1.6H5.2L2 18V3.6C2 2.716 2.715 2 3.6 2zm-3.174 7.218V7.623h-2.398V5.225H9.233v2.398l-2.404.006v1.595l2.404-.006v2.399h1.595V9.218z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
294
|
-
// Changes to this file will be overwritten
|
|
295
|
-
var CommentAddWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.4 2H3.6C2.715 2 2 2.716 2 3.6V18l3.2-3.2h11.2a1.6 1.6 0 0 0 1.6-1.6V3.6A1.6 1.6 0 0 0 16.4 2"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M13.226 9.218h-2.398v2.399H9.233V9.218l-2.404.006V7.629l2.404-.006V5.225h1.595v2.398h2.398z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
296
|
-
// Changes to this file will be overwritten
|
|
297
|
-
var CommentBankIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M.667 17.333V1.917q0-.48.375-.865.374-.385.875-.385h14.166q.48 0 .865.385t.385.865V12.75q0 .48-.385.865-.385.384-.865.385H4zm9.229-9.729 2.02-1.042 2 1.042V1.917h-4.02z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
298
|
-
// Changes to this file will be overwritten
|
|
299
|
-
var CommentDisabledIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.4 2c.884 0 1.6.715 1.6 1.6v9.6a1.6 1.6 0 0 1-1.6 1.6H5.2L2 18V3.6C2 2.715 2.715 2 3.6 2zm-3.544 8.12L11.16 8.422l1.696-1.696L11.728 5.6l-1.696 1.696L8.328 5.6 7.2 6.727l1.704 1.696-1.697 1.696 1.129 1.128 1.696-1.696 1.696 1.696z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
300
|
-
// Changes to this file will be overwritten
|
|
301
|
-
var CommentDisabledWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.4 2H3.6C2.715 2 2 2.715 2 3.6V18l3.2-3.2h11.2a1.6 1.6 0 0 0 1.6-1.6V3.6c0-.885-.716-1.6-1.6-1.6"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m12.856 10.12-1.128 1.127-1.696-1.696-1.696 1.696-1.129-1.128 1.697-1.696L7.2 6.727 8.328 5.6l1.704 1.696L11.728 5.6l1.128 1.127-1.696 1.696z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
302
|
-
// Changes to this file will be overwritten
|
|
303
|
-
var CommentIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.4 2A1.6 1.6 0 0 1 18 3.6v9.6a1.6 1.6 0 0 1-1.6 1.6H5.2L2 18l.008-14.4c0-.884.708-1.6 1.592-1.6zm-4 7.2H14V7.6h-1.6zm-3.2 0h1.6V7.6H9.2zM6 9.2h1.6V7.6H6z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
304
|
-
// Changes to this file will be overwritten
|
|
305
|
-
var CommentWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.4 2H3.6c-.884 0-1.592.716-1.592 1.6L2 18l3.2-3.2h11.2a1.6 1.6 0 0 0 1.6-1.6V3.6A1.6 1.6 0 0 0 16.4 2"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M12.4 9.2H14V7.6h-1.6zM9.2 9.2h1.6V7.6H9.2zM6 9.2h1.6V7.6H6z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
306
|
-
// Changes to this file will be overwritten
|
|
307
|
-
var CommunicationsIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M17.2 5.2h-1.6v7.2H5.2V14c0 .44.36.8.8.8h8.8L18 18V6c0-.44-.36-.8-.8-.8M14 10V2.8c0-.44-.36-.8-.8-.8H2.8c-.44 0-.8.36-.8.8V14l3.2-3.2h8c.44 0 .8-.36.8-.8"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
308
|
-
// Changes to this file will be overwritten
|
|
309
|
-
var CompetencyLibraryIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M7.094 11.18a2.5 2.5 0 0 1-1.826-.745 2.43 2.43 0 0 1-.756-1.798q0-1.055.756-1.799a2.5 2.5 0 0 1 1.826-.745q1.07 0 1.826.745.756.744.756 1.799 0 1.053-.756 1.798a2.5 2.5 0 0 1-1.826.745"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M2.186 17q-.906 0-1.546-.63A2.06 2.06 0 0 1 0 14.846v-9.67q0-.893.64-1.534A2.1 2.1 0 0 1 2.186 3h9.604q.908 0 1.559.642.651.64.651 1.535v9.67q0 .893-.651 1.523T11.79 17zM2 14.401C3.27 12.92 5.041 12 7 12s3.73.92 5 2.401V5H2z",fillRule:"evenodd",clipRule:"evenodd"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M15 3h2v14h-2zM20 3h-2v14h2z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
310
|
-
// Changes to this file will be overwritten
|
|
311
|
-
var ConfigureIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M17.537 4.683 14.37 7.85l-2.22-2.22 3.167-3.165c-1.747-.837-3.93-.546-5.385.909a4.71 4.71 0 0 0-1.055 5.021l-6.658 6.66c-.292.29-.292.763 0 1.018l1.71 1.71c.255.29.728.29 1.018 0l6.659-6.659a4.71 4.71 0 0 0 5.021-1.055c1.454-1.455 1.746-3.638.91-5.385"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
312
|
-
// Changes to this file will be overwritten
|
|
313
|
-
var ConnectIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M14.01 5 14 1h-2v4H8V1H6v4h-.01C5 4.99 4 5.99 4 6.99v5.49L7.5 16v3h5v-3l3.5-3.51v-5.5c0-1-1-2-1.99-1.99"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
314
|
-
// Changes to this file will be overwritten
|
|
315
|
-
var ConnectLineIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{d:"M9.05 17.5h1.9v-2.05l3.55-3.9V6.775h-9v4.775l3.55 3.893zM7.55 19v-2.95L4 12.15V6.775q0-.62.44-1.06.442-.44 1.06-.44h1.8l-.75.75V1h1.5v4.275h3.9V1h1.5v5.025l-.75-.75h1.8q.619 0 1.06.44.44.441.44 1.06v5.375l-3.55 3.9V19z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
316
|
-
// Changes to this file will be overwritten
|
|
317
|
-
var CustomIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m18.615 3.45-1.253-1.19a.967.967 0 0 0-1.32 0L7.66 10.223l2.573 2.444 8.382-7.963a.854.854 0 0 0 0-1.253M5.79 11.779c-1.553 0-2.807 1.19-2.807 2.666 0 1.164-1.085 1.777-1.87 1.777C1.971 17.307 3.44 18 4.852 18c2.068 0 3.743-1.59 3.743-3.555 0-1.475-1.254-2.666-2.807-2.666"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
318
|
-
// Changes to this file will be overwritten
|
|
319
|
-
var DashboardIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10.889 7.333H18V2h-7.111zM2 10.89h7.111V2H2zM10.889 18H18V9.111h-7.111zM2 18h7.111v-5.333H2z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",transform:"translate(-2 -2)",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
320
|
-
// Changes to this file will be overwritten
|
|
321
|
-
var DateEndIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.557 1.111h1.778V2.89h.889c.982 0 1.778.796 1.778 1.778v12.446c0 .982-.796 1.778-1.778 1.778H3.778A1.78 1.78 0 0 1 2 17.113l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112zm2.667 16.002V7.334H3.778v9.78zm-1.778-6.223h-4.445v4.445h4.445z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
322
|
-
// Changes to this file will be overwritten
|
|
323
|
-
var DateEndWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.557 1.111V2.89H6.445V1.111H4.667V2.89h-.889a1.77 1.77 0 0 0-1.77 1.778L2 17.113c0 .982.796 1.778 1.778 1.778h12.446c.982 0 1.778-.796 1.778-1.778V4.667c0-.982-.796-1.778-1.778-1.778h-.889V1.111z"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M16.224 17.113H3.778V7.334h12.446z"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M14.446 10.89h-4.445v4.445h4.445z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
324
|
-
// Changes to this file will be overwritten
|
|
325
|
-
var DateRangeIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.224 2.89c.978 0 1.778.8 1.778 1.777v12.446c0 .978-.8 1.778-1.778 1.778H3.778c-.987 0-1.778-.8-1.778-1.778l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112V1.111h1.778V2.89zm0 14.223V7.334H3.778v9.78zm-8.89-8H5.556v1.777h1.778zm3.556 0H9.112v1.777h1.778zm3.556 0h-1.778v1.777h1.778z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
326
|
-
// Changes to this file will be overwritten
|
|
327
|
-
var DateRangeWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.224 2.89h-.889V1.11h-1.778V2.89H6.445V1.111H4.667V2.89h-.889c-.987 0-1.77.8-1.77 1.778L2 17.113c0 .978.791 1.778 1.778 1.778h12.446c.978 0 1.778-.8 1.778-1.778V4.667c0-.978-.8-1.778-1.778-1.778"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M16.224 17.113H3.778V7.334h12.446z"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M7.334 9.112H5.556v1.778h1.778zM10.89 9.112H9.112v1.778h1.778zM14.446 9.112h-1.778v1.778h1.778z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
328
|
-
// Changes to this file will be overwritten
|
|
329
|
-
var DateStartIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.224 2.89c.978 0 1.778.8 1.778 1.777v12.446c0 .978-.8 1.778-1.778 1.778H3.778c-.987 0-1.778-.8-1.778-1.778l.009-12.446A1.77 1.77 0 0 1 3.778 2.89h.889V1.111h1.778V2.89h7.112V1.111h1.778V2.89zm0 14.223V7.334H3.778v9.78zm-10.668-8h4.445v4.444H5.556z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
330
|
-
// Changes to this file will be overwritten
|
|
331
|
-
var DateStartWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.224 2.89h-.889V1.11h-1.778V2.89H6.445V1.111H4.667V2.89h-.889c-.987 0-1.77.8-1.77 1.778L2 17.113c0 .978.791 1.778 1.778 1.778h12.446c.978 0 1.778-.8 1.778-1.778V4.667c0-.978-.8-1.778-1.778-1.778"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M16.224 17.113H3.778V7.334h12.446z"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M5.556 9.112h4.445v4.445H5.556z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
332
|
-
// Changes to this file will be overwritten
|
|
333
|
-
var DecreaseIndentIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M9.183 13.909v-1.634H17v1.634zm-2.994-.7L3 10l3.19-3.19zM3 17v-1.633h14V17zM3 4.633V3h14v1.633zm6.183 3.092V6.09H17v1.634zm0 3.092V9.183H17v1.634z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
334
|
-
// Changes to this file will be overwritten
|
|
335
|
-
var DeltaBareIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m10.482 3.37 8 12.8h-16zm4.7 10.829-4.7-7.523-4.699 7.523z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
336
|
-
// Changes to this file will be overwritten
|
|
337
|
-
var DeltaBareWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m10.482 3.37-8 12.8h16z"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M15.181 14.199H5.783l4.7-7.523z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
338
|
-
// Changes to this file will be overwritten
|
|
339
|
-
var DeltaFlatIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M4 9h12v2H4z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
340
|
-
// Changes to this file will be overwritten
|
|
341
|
-
var DeltaIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M2 10c0-4.42 3.58-8 8-8s8 3.58 8 8-3.58 8-8 8-8-3.58-8-8m8-4.63-5.018 8.028h10.036zm2.131 6.401H7.87L10 8.36z"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("circle",{cx:"10",cy:"10",r:"7"}),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
342
|
-
// Changes to this file will be overwritten
|
|
343
|
-
var DeltaNegativeIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M6.775 16H16V6.775h-2.05V12.5L5.45 4 4 5.45l8.5 8.5H6.775z",fillRule:"evenodd",clipRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
344
|
-
// Changes to this file will be overwritten
|
|
345
|
-
var DeltaPositiveIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M6.775 4H16v9.225h-2.05V7.5L5.45 16 4 14.55l8.5-8.5H6.775z",fillRule:"evenodd",clipRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
346
|
-
// Changes to this file will be overwritten
|
|
347
|
-
var DeltaWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M2 10c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8-8 3.58-8 8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m10 5.37-5.018 8.028h10.036z"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M12.131 11.771H7.87L10 8.36z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
348
|
-
// Changes to this file will be overwritten
|
|
349
|
-
var DemographicsIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M2 14.444v1.778h5.333v-1.778zM2 3.778v1.778h8.889V3.778zM10.889 18v-1.778H18v-1.778h-7.111v-1.777H9.11V18zM5.556 7.333v1.778H2v1.778h3.556v1.778h1.777V7.333zM18 10.89V9.11H9.111v1.778zm-5.333-3.556h1.777V5.556H18V3.778h-3.556V2h-1.777z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
350
|
-
// Changes to this file will be overwritten
|
|
351
|
-
var DepartmentIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 8.4c1.902 0 3.203.372 3.547.525A3.48 3.48 0 0 1 15.6 12.11V14H4.4v-1.878c0-1.377.793-2.637 2.053-3.185.25-.11 1.645-.537 3.547-.537m6.533-.233a2.34 2.34 0 0 0 2.334-2.334A2.34 2.34 0 0 0 16.533 3.5 2.34 2.34 0 0 0 14.2 5.833a2.34 2.34 0 0 0 2.333 2.334m3.267 4.001c0-.945-.7-1.668-1.423-2.158-.885-.56-1.43-.612-1.844-.677-.45-.07-.886.047-1.318.117.467.793.849 1.692.849 2.66v1.878L19.8 14zM10 0c1.937 0 3.5 1.563 3.5 3.5S11.937 7 10 7a3.495 3.495 0 0 1-3.5-3.5C6.5 1.563 8.063 0 10 0M1.133 5.833a2.34 2.34 0 0 0 2.334 2.334A2.34 2.34 0 0 0 5.8 5.833 2.34 2.34 0 0 0 3.467 3.5a2.34 2.34 0 0 0-2.334 2.333"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M1.623 10.01C.9 10.5.2 11.223.2 12.168V14h3.72v-1.878c0-.969.398-1.879.865-2.672-.432-.07-.869-.187-1.318-.117-.414.065-.96.117-1.844.677"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
352
|
-
// Changes to this file will be overwritten
|
|
353
|
-
var DraftIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.376 2.636c.9 0 1.637.737 1.637 1.637v13.09c0 .9-.737 1.637-1.637 1.637H4.631c-.9 0-1.636-.736-1.636-1.636V4.273c0-.9.736-1.637 1.636-1.637h3.062A2.46 2.46 0 0 1 10 1c1.064 0 1.964.687 2.307 1.636zM11.15 8.801l-4.813 4.442v1.666h1.805l4.813-4.443zm2.105-1.314a.51.51 0 0 0-.682 0l-.942.87 1.806 1.665.941-.869a.42.42 0 0 0 0-.628zm-2.437-4.032A.82.82 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818a.82.82 0 0 0 .818-.818"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
354
|
-
// Changes to this file will be overwritten
|
|
355
|
-
var DraftWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.376 2.636c.9 0 1.637.737 1.637 1.637v13.09c0 .9-.737 1.637-1.637 1.637H4.631c-.9 0-1.636-.736-1.636-1.636V4.273c0-.9.736-1.637 1.636-1.637h3.062A2.46 2.46 0 0 1 10 1c1.064 0 1.964.687 2.307 1.636zm-4.558.819a.82.82 0 0 1-.818.818.82.82 0 0 1-.818-.818.82.82 0 0 1 .818-.819.82.82 0 0 1 .818.819"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m11.15 8.8-4.813 4.443v1.666h1.805l4.813-4.443zM13.255 7.487a.51.51 0 0 0-.682 0l-.942.87 1.806 1.665.941-.869a.42.42 0 0 0 0-.628z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
356
|
-
// Changes to this file will be overwritten
|
|
357
|
-
var DragIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M2 12c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M2 0c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m6 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2M8 0c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2m0 6c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",transform:"translate(5 2)",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
358
|
-
// Changes to this file will be overwritten
|
|
359
|
-
var DuplicateIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.273 2H4.545c-.803 0-1.454.65-1.454 1.455v10.181h1.454V3.455h8.728zm2.182 2.91h-8C6.65 4.91 6 5.56 6 6.363v10.181C6 17.35 6.65 18 7.455 18h8c.803 0 1.454-.65 1.454-1.455V6.364c0-.804-.65-1.455-1.454-1.455"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
360
|
-
// Changes to this file will be overwritten
|
|
361
|
-
var EditIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M1.556 14.666V18h3.519l10.383-9.837-3.519-3.334zM18.17 5.594a.86.86 0 0 0 0-1.258L15.979 2.26a.98.98 0 0 0-1.328 0l-1.717 1.627 3.519 3.334z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
362
|
-
// Changes to this file will be overwritten
|
|
363
|
-
var EffectivenessIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m10 10.847-6.45-.014.956 6.332c.154 1.045.856 1.82 1.913 1.82L10 19l3.58-.014c1.058 0 1.76-.776 1.914-1.821l.956-6.332zm-.957-3.863V9.97h1.913V6.855c1.991-.616 3.43-2.288 3.43-4.276-1.885 0-3.513.929-4.39 2.292C8.99 2.605 6.52 1 3.627 1c0 2.94 2.322 5.394 5.416 5.984"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
364
|
-
// Changes to this file will be overwritten
|
|
365
|
-
var EllipsisIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M4 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
366
|
-
// Changes to this file will be overwritten
|
|
367
|
-
var EmailIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.4 3.5H3.6c-.88 0-1.592.72-1.592 1.6L2 14.7c0 .88.72 1.6 1.6 1.6h12.8c.88 0 1.6-.72 1.6-1.6V5.1c0-.88-.72-1.6-1.6-1.6m0 3.2-6.4 4-6.4-4V5.1l6.4 4 6.4-4z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
368
|
-
// Changes to this file will be overwritten
|
|
369
|
-
var EmptyIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M2 10c0-4.416 3.584-8 8-8s8 3.584 8 8-3.584 8-8 8-8-3.584-8-8m8 6.4c3.536 0 6.4-2.864 6.4-6.4S13.536 3.6 10 3.6A6.4 6.4 0 0 0 3.6 10c0 3.536 2.864 6.4 6.4 6.4"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
370
|
-
// Changes to this file will be overwritten
|
|
371
|
-
var EmptyWhiteIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 2c4.416 0 8 3.584 8 8s-3.584 8-8 8-8-3.584-8-8 3.584-8 8-8"}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10 16.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
372
|
-
// Changes to this file will be overwritten
|
|
373
|
-
var EndIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M14 4h2v12h-2zm-3.7 5.17H2v1.66h8.3l-2.98 3L8.5 15l5-5-5-5-1.18 1.18 2.99 2.99Z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
374
|
-
// Changes to this file will be overwritten
|
|
375
|
-
var EngagementIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.423 5.396c0-.634.372-1.165 1.01-1.165.637 0 1.152.511 1.152 1.144l-.547 10.815c0 .894-1.432 2.737-3.122 2.737L9.997 19c-.83 0-1.442-.275-2.717-1.401 0 0-4.158-4.196-4.77-5.121-.415-.627.618-1.882 1.542-1.33.022.006 2.531 2.01 2.733 2.198.315.294.436.302.436.072 0-.151-.782-9.365-.782-9.365 0-.634.514-1.145 1.152-1.145s1.152.511 1.152 1.145l.421 5.027h.296l.05-6.935c0-.633.515-1.145 1.153-1.145.637 0 1.152.512 1.152 1.145l.155 6.94.41.01.203-6.187c0-.633.515-1.145 1.152-1.145s1.152.512 1.152 1.145l-.05 6.172h.4zm-3.386 10.77.373-.337c1.328-1.205 2.204-1.999 2.204-2.973 0-.794-.624-1.418-1.417-1.418-.45 0-.88.209-1.16.539a1.54 1.54 0 0 0-1.16-.539c-.793 0-1.417.624-1.417 1.418 0 .974.877 1.768 2.203 2.971z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
376
|
-
// Changes to this file will be overwritten
|
|
377
|
-
var EngagementWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m15.423 5.396-.187 3.684h-.4l.051-6.172c0-.633-.515-1.145-1.152-1.145s-1.152.512-1.152 1.145l-.204 6.187-.41-.01-.154-6.94C11.815 1.512 11.3 1 10.663 1c-.638 0-1.152.512-1.152 1.145L9.46 9.08h-.296l-.421-5.027c0-.634-.515-1.145-1.152-1.145-.638 0-1.152.511-1.152 1.145 0 0 .782 9.214.782 9.365 0 .23-.12.222-.436-.072-.202-.189-2.71-2.192-2.733-2.198-.924-.552-1.957.703-1.543 1.33.613.925 4.771 5.121 4.771 5.121C8.555 18.725 9.168 19 9.997 19l3.919-.073c1.69 0 3.122-1.843 3.122-2.737l.547-10.815c0-.633-.515-1.144-1.152-1.144-.638 0-1.01.531-1.01 1.165"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m12.037 16.167-.374-.34c-1.326-1.203-2.203-1.997-2.203-2.971 0-.794.624-1.418 1.417-1.418.449 0 .879.209 1.16.539.28-.33.71-.539 1.16-.539.793 0 1.417.624 1.417 1.418 0 .974-.876 1.768-2.204 2.973z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
378
|
-
// Changes to this file will be overwritten
|
|
379
|
-
var EqualIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8M6.153 12.1h7.694v-1.6H6.153zm0-2.881h7.694v-1.6H6.153z",fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
380
|
-
// Changes to this file will be overwritten
|
|
381
|
-
var EqualWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M6.153 12.1h7.694v-1.6H6.153zM6.153 9.219h7.694v-1.6H6.153z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
382
|
-
// Changes to this file will be overwritten
|
|
383
|
-
var ExclamationIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2a8 8 0 1 1 0 16 8 8 0 0 1 0-16m.8 12v-1.6H9.2V14zm0-3.2V6H9.2v4.8z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
384
|
-
// Changes to this file will be overwritten
|
|
385
|
-
var ExclamationOctagonIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.316 2H6.684L2 6.684v6.632L6.684 18h6.632L18 13.316V6.684zM10 14.711c-.64 0-1.156-.515-1.156-1.155S9.36 12.4 10 12.4s1.156.516 1.156 1.156S10.64 14.71 10 14.71m.889-3.822H9.11V5.556h1.778z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
386
|
-
// Changes to this file will be overwritten
|
|
387
|
-
var ExclamationOctagonWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.316 2H6.684L2 6.684v6.632L6.684 18h6.632L18 13.316V6.684z"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10 14.711c-.64 0-1.156-.515-1.156-1.155S9.36 12.4 10 12.4s1.156.516 1.156 1.156S10.64 14.71 10 14.71M10.889 10.889H9.11V5.556h1.778z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
388
|
-
// Changes to this file will be overwritten
|
|
389
|
-
var ExclamationWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 18a8 8 0 1 0 0-16 8 8 0 0 0 0 16"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10.8 14H9.2v-1.6h1.6zM10.8 10.8H9.2V6h1.6z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
390
|
-
// Changes to this file will be overwritten
|
|
391
|
-
var ExperienceIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M11.645 4.653c-.62-.003-3.092 4.004-3.092 4.004 1.054 1.512 2.04 3.41 2.04 3.41l-1.235-.009C7.976 9.912 6.684 7.704 5.908 7.71 5.04 7.716 1 15.343 1 15.343h17.993s-6.086-10.685-7.348-10.69"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
392
|
-
// Changes to this file will be overwritten
|
|
393
|
-
var ExportIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.827 8.446a5.94 5.94 0 0 0-5.824-4.78 5.94 5.94 0 0 0-5.266 3.196A4.754 4.754 0 0 0 .5 11.585a4.75 4.75 0 0 0 4.751 4.752h10.295a3.96 3.96 0 0 0 3.959-3.96c0-2.09-1.627-3.785-3.678-3.931m-1.865 2.348-3.96 3.959-3.959-3.96H8.42V7.627h3.167v3.168z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
394
|
-
// Changes to this file will be overwritten
|
|
395
|
-
var ExportWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.827 8.446a5.94 5.94 0 0 0-5.824-4.78 5.94 5.94 0 0 0-5.266 3.196A4.754 4.754 0 0 0 .5 11.585a4.75 4.75 0 0 0 4.751 4.752h10.295a3.96 3.96 0 0 0 3.959-3.96c0-2.09-1.627-3.785-3.678-3.931"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m13.962 10.794-3.96 3.959-3.959-3.96H8.42V7.627h3.167v3.168z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
396
|
-
// Changes to this file will be overwritten
|
|
397
|
-
var ExternalLinkIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.222 16.222H3.778V3.778H10V2H3.778C2.79 2 2 2.8 2 3.778v12.444C2 17.2 2.791 18 3.778 18h12.444C17.2 18 18 17.2 18 16.222V10h-1.778zM11.778 2v1.778h3.19l-8.737 8.738 1.253 1.253 8.738-8.738v3.191H18V2z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
398
|
-
// Changes to this file will be overwritten
|
|
399
|
-
var FaceDissatisfiedIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 16.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4M9.992 2C5.576 2 2 5.583 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8M10 11.6a4.395 4.395 0 0 0-4.096 2.8H7.24A3.19 3.19 0 0 1 10 12.8c1.184 0 2.2.648 2.76 1.6h1.336A4.395 4.395 0 0 0 10 11.6m2.8-2.4a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
400
|
-
// Changes to this file will be overwritten
|
|
401
|
-
var FaceDissatisfiedWhiteIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M9.992 2C5.576 2 2 5.583 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8"}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10 16.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 11.6a4.395 4.395 0 0 0-4.096 2.8H7.24A3.19 3.19 0 0 1 10 12.8c1.184 0 2.2.648 2.76 1.6h1.336A4.395 4.395 0 0 0 10 11.6M12.8 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4M7.2 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
402
|
-
// Changes to this file will be overwritten
|
|
403
|
-
var FaceNeutralIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M12.8 6.8a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4M8.4 8A1.2 1.2 0 1 0 6 8a1.2 1.2 0 0 0 2.4 0m1.6 8.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4M9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8M7.6 12.8h4.8v-1.2H7.6z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
404
|
-
// Changes to this file will be overwritten
|
|
405
|
-
var FaceNeutralWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M12.8 6.8a1.2 1.2 0 1 0 0 2.4 1.2 1.2 0 0 0 0-2.4"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8"}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10 16.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M8.4 8A1.2 1.2 0 1 0 6 8a1.2 1.2 0 0 0 2.4 0"}),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M7.6 12.8h4.8v-1.2H7.6z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
406
|
-
// Changes to this file will be overwritten
|
|
407
|
-
var FaceSatisfiedIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 16.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4M9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8M10 13.2c-1.184 0-2.2-.648-2.76-1.6H5.904a4.396 4.396 0 0 0 8.192 0H12.76c-.56.952-1.576 1.6-2.76 1.6m2.8-4a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4m-5.6 0a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
408
|
-
// Changes to this file will be overwritten
|
|
409
|
-
var FaceSatisfiedWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M9.992 2C5.576 2 2 5.584 2 10s3.576 8 7.992 8C14.416 18 18 14.416 18 10s-3.584-8-8.008-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10 16.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 13.2c-1.184 0-2.2-.648-2.76-1.6H5.904a4.396 4.396 0 0 0 8.192 0H12.76c-.56.952-1.576 1.6-2.76 1.6M12.8 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4M7.2 9.2a1.2 1.2 0 1 0 0-2.4 1.2 1.2 0 0 0 0 2.4"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
410
|
-
// Changes to this file will be overwritten
|
|
411
|
-
var FaceVeryDissatisfiedIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M9.992 2A7.99 7.99 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8M10 16.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4m3.344-9.792-.848.848-.848-.848-.848.848.848.848-.848.848.848.848.848-.848.848.848.848-.848-.848-.848.848-.848zM6.656 10l.848-.848.848.848.848-.848-.848-.848.848-.848-.848-.848-.848.848-.848-.848-.848.848.848.848-.848.848zM10 11.6a4.4 4.4 0 0 0-4.088 2.8h8.176A4.4 4.4 0 0 0 10 11.6"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
412
|
-
// Changes to this file will be overwritten
|
|
413
|
-
var FaceVeryDissatisfiedWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M9.992 2A7.99 7.99 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10 16.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"m13.344 6.608-.848.848-.848-.848-.848.848.848.848-.848.848.848.848.848-.848.848.848.848-.848-.848-.848.848-.848zM6.656 10l.848-.848.848.848.848-.848-.848-.848.848-.848-.848-.848-.848.848-.848-.848-.848.848.848.848-.848.848zM10 11.6a4.4 4.4 0 0 0-4.088 2.8h8.176A4.4 4.4 0 0 0 10 11.6"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
414
|
-
// Changes to this file will be overwritten
|
|
415
|
-
var FaceVerySatisfiedIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M9.992 2A7.99 7.99 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8M10 16.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4M8.4 8.8a1.2 1.2 0 1 0-2.4 0zm5.6 0a1.2 1.2 0 1 0-2.4 0zm-4 5.6a4.4 4.4 0 0 0 4.088-2.8H5.912A4.4 4.4 0 0 0 10 14.4"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
416
|
-
// Changes to this file will be overwritten
|
|
417
|
-
var FaceVerySatisfiedWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M9.992 2A7.99 7.99 0 0 0 2 10c0 4.424 3.576 8 7.992 8S18 14.424 18 10a8 8 0 0 0-8.008-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10 16.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M8.4 8.8a1.2 1.2 0 1 0-2.4 0zM14 8.8a1.2 1.2 0 1 0-2.4 0zM10 14.4a4.4 4.4 0 0 0 4.088-2.8H5.912A4.4 4.4 0 0 0 10 14.4"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
418
|
-
// Changes to this file will be overwritten
|
|
419
|
-
var FactorsIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m12.8 14.496-2.8-2.94-2.8 2.94q.131.398.133.837a2.667 2.667 0 1 1-1.278-2.277L9.111 10V7.173C8.08 6.8 7.333 5.823 7.333 4.667A2.663 2.663 0 0 1 10 2a2.663 2.663 0 0 1 2.667 2.667c0 1.155-.747 2.133-1.778 2.506V10l3.056 3.056a2.667 2.667 0 1 1-1.144 1.44"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
420
|
-
// Changes to this file will be overwritten
|
|
421
|
-
var FavoriteOffIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.6 3A4.8 4.8 0 0 0 10 4.672 4.8 4.8 0 0 0 6.4 3 4.357 4.357 0 0 0 2 7.4c0 3.024 2.72 5.488 6.84 9.232L10 17.68l1.16-1.056C15.28 12.888 18 10.424 18 7.4 18 4.936 16.064 3 13.6 3m-3.52 12.44-.08.08-.08-.08C6.112 11.992 3.6 9.712 3.6 7.4c0-1.6 1.2-2.8 2.8-2.8 1.232 0 2.432.792 2.856 1.888h1.496C11.168 5.392 12.368 4.6 13.6 4.6c1.6 0 2.8 1.2 2.8 2.8 0 2.312-2.512 4.592-6.32 8.04"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
422
|
-
// Changes to this file will be overwritten
|
|
423
|
-
var FavoriteOnIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.6 3A4.8 4.8 0 0 0 10 4.672 4.8 4.8 0 0 0 6.4 3 4.357 4.357 0 0 0 2 7.4c0 3.024 2.72 5.488 6.84 9.232L10 17.68l1.16-1.056C15.28 12.888 18 10.424 18 7.4 18 4.936 16.064 3 13.6 3"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
424
|
-
// Changes to this file will be overwritten
|
|
425
|
-
var FeedbackClassifyIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.387 2c.872 0 1.57.698 1.613 1.57v9.59c0 .916-.74 1.614-1.613 1.614H5.183L2 18V3.613C2 2.698 2.698 2 3.57 2zm-4.141 9.94-.306-2.616 1.745-1.831-2.486-.349-1.22-2.571-1.22 2.571-2.486.349 1.744 1.831-.306 2.66 2.223-1.44z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
426
|
-
// Changes to this file will be overwritten
|
|
427
|
-
var FeedbackClassifyWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.387 2H3.57C2.698 2 2 2.698 2 3.613V18l3.183-3.226h11.204c.872 0 1.613-.698 1.613-1.613V3.57C17.957 2.698 17.26 2 16.387 2"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m12.246 11.94-2.312-1.395-2.223 1.439.306-2.66-1.744-1.831 2.485-.349 1.22-2.571L11.2 7.144l2.486.349-1.745 1.831z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
428
|
-
// Changes to this file will be overwritten
|
|
429
|
-
var FeedbackCompletedIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8m4 12.8H6v-1.6h8zm-5.36-3.2L6 8.96l1.12-1.12 1.52 1.52 4.24-4.24L14 6.24z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
430
|
-
// Changes to this file will be overwritten
|
|
431
|
-
var FeedbackCompletedWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M14 14.8H6v-1.6h8zM8.64 11.6 6 8.96l1.12-1.12 1.52 1.52 4.24-4.24L14 6.24z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
432
|
-
// Changes to this file will be overwritten
|
|
433
|
-
var FeedbackReportIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.386 2c.873 0 1.57.697 1.613 1.57v9.59c0 .916-.74 1.613-1.613 1.613H5.182L2 18V3.612C2 2.697 2.697 2 3.57 2zm-4.01 10.375h2.049V9.193h-2.05zm-3.227 0h2.05V4.397h-2.05zm-3.618 0H7.58v-5.58H5.53z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
434
|
-
// Changes to this file will be overwritten
|
|
435
|
-
var FeedbackReportWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.386 2H3.57C2.697 2 2 2.697 2 3.612V18l3.182-3.227h11.204c.873 0 1.613-.697 1.613-1.613V3.57C17.957 2.696 17.26 2 16.386 2"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M12.376 12.375h2.049V9.193h-2.05zM9.15 12.375h2.049V4.397h-2.05zM5.531 12.375H7.58v-5.58H5.53z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
436
|
-
// Changes to this file will be overwritten
|
|
437
|
-
var FeedbackReviewIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M14.781 11.635H8.782l1.609-1.613h4.39zm-9.563 0V9.672l5.478-5.492c.174-.175.39-.175.564 0l1.391 1.395c.174.174.174.392 0 .566l-5.476 5.494zM16.39 2H3.61c-.87 0-1.608.74-1.608 1.613V18l3.216-3.183H16.39c.87 0 1.608-.74 1.608-1.613V3.613C17.955 2.74 17.26 2 16.39 2"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
438
|
-
// Changes to this file will be overwritten
|
|
439
|
-
var FeedbackReviewWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.39 2H3.61c-.87 0-1.608.74-1.608 1.613V18l3.216-3.183H16.39c.87 0 1.608-.74 1.608-1.613V3.613C17.955 2.74 17.26 2 16.39 2"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M14.781 11.635H8.782l1.609-1.613h4.39zM5.218 11.635V9.672l5.478-5.492c.174-.175.39-.175.564 0l1.391 1.395c.174.174.174.392 0 .566l-5.476 5.494z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
440
|
-
// Changes to this file will be overwritten
|
|
441
|
-
var FeedbackShareIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.4 2A1.6 1.6 0 0 1 18 3.6v9.6a1.6 1.6 0 0 1-1.6 1.6H5.2L2 18l.008-14.4c0-.884.708-1.6 1.592-1.6zm-5.511 8.92L14 8.014l-3.111-2.904v1.66C7.778 7.186 6.444 9.26 6 11.333c1.111-1.451 2.667-2.115 4.889-2.115z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
442
|
-
// Changes to this file will be overwritten
|
|
443
|
-
var FeedbackShareWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.4 2H3.6c-.884 0-1.592.716-1.592 1.6L2 18l3.2-3.2h11.2a1.6 1.6 0 0 0 1.6-1.6V3.6A1.6 1.6 0 0 0 16.4 2"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10.889 10.92V9.217c-2.222 0-3.778.664-4.889 2.115.444-2.073 1.778-4.147 4.889-4.562V5.11L14 8.015z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
444
|
-
// Changes to this file will be overwritten
|
|
445
|
-
var FileIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m11.613 2 4.39 4.657V16.4a1.6 1.6 0 0 1-1.6 1.6H5.59a1.593 1.593 0 0 1-1.592-1.6l.008-12.8c0-.884.708-1.6 1.592-1.6zm-.8 5.6h4.4l-4.4-4.4zm-4 4h6.4V10h-6.4zm0 3.2h6.4v-1.6h-6.4z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
446
|
-
// Changes to this file will be overwritten
|
|
447
|
-
var FileWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M11.613 2H5.598c-.884 0-1.592.716-1.592 1.6l-.008 12.8c0 .884.708 1.6 1.592 1.6h8.812a1.6 1.6 0 0 0 1.6-1.6V6.657z"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10.813 7.6V3.2l4.4 4.4zM6.813 11.6h6.4V10h-6.4zM6.813 14.8h6.4v-1.6h-6.4z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
448
|
-
// Changes to this file will be overwritten
|
|
449
|
-
var FilterIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M2 14.444v1.778h5.333v-1.778zM2 3.778v1.778h8.889V3.778zM10.889 18v-1.778H18v-1.778h-7.111v-1.777H9.11V18zM5.556 7.333v1.778H2v1.778h3.556v1.778h1.777V7.333zM18 10.89V9.11H9.111v1.778zm-5.333-3.556h1.777V5.556H18V3.778h-3.556V2h-1.777z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
450
|
-
// Changes to this file will be overwritten
|
|
451
|
-
var FlagOffIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M11.788 3.882h5.27v9.412h-6.587l-.377-1.882h-5.27V18H2.94V2h8.47zm-6.963-.004v5.668l7 .02.452 1.837h2.945l-.01-5.654h-4.86l-.515-1.871z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
452
|
-
// Changes to this file will be overwritten
|
|
453
|
-
var FlagOffWhiteIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M11.788 3.882 11.412 2h-8.47v16h1.882v-6.588h5.27l.377 1.882h6.588V3.882z"}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M4.825 3.878h5.012l.515 1.871h4.86l.01 5.654h-2.945l-.451-1.837-7.001-.02z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
454
|
-
// Changes to this file will be overwritten
|
|
455
|
-
var FlagOnIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M11.788 3.882 11.412 2h-8.47v16h1.882v-6.588h5.27l.377 1.882h6.588V3.882z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
456
|
-
// Changes to this file will be overwritten
|
|
457
|
-
var FullIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 2c-4.416 0-8 3.584-8 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8m0 14.4A6.4 6.4 0 0 1 3.6 10c0-3.536 2.864-6.4 6.4-6.4s6.4 2.864 6.4 6.4-2.864 6.4-6.4 6.4m0-2.9a3.5 3.5 0 1 0 0-7 3.5 3.5 0 0 0 0 7",fillRule:"evenodd",clipRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
458
|
-
// Changes to this file will be overwritten
|
|
459
|
-
var GridViewIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M6.008 15.016v-4h-4v4zm5.986 0v-4h-4v4zm5.991 0v-4h-4v4zM6.008 9V5h-4v4zm5.986 0V5h-4v4zm1.991 0h4V5h-4z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
460
|
-
// Changes to this file will be overwritten
|
|
461
|
-
var GuidanceIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M7.2 17.2c0 .44.36.8.8.8h3.2c.44 0 .8-.36.8-.8v-.8H7.2zM9.6 2A5.606 5.606 0 0 0 4 7.6c0 1.904.952 3.576 2.4 4.592V14c0 .44.36.8.8.8H12c.44 0 .8-.36.8-.8v-1.808A5.6 5.6 0 0 0 15.2 7.6c0-3.088-2.512-5.6-5.6-5.6m2.28 8.88-.68.48v1.84H8v-1.84l-.68-.48A4 4 0 0 1 5.6 7.6c0-2.208 1.792-4 4-4s4 1.792 4 4c0 1.304-.64 2.528-1.72 3.28"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
462
|
-
// Changes to this file will be overwritten
|
|
463
|
-
var HamburgerIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M2 16h16v-2H2zm0-5h16V9H2zm0-7v2h16V4z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
464
|
-
// Changes to this file will be overwritten
|
|
465
|
-
var HeatmapIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M11.305 1s.644 2.236.644 4.05c0 1.738-1.174 3.148-2.967 3.148a3.117 3.117 0 0 1-3.158-3.147l.026-.312a11.42 11.42 0 0 0-2.81 7.51C3.04 15.977 6.156 19 10 19s6.96-3.023 6.96-6.751c0-4.557-2.254-8.608-5.655-11.249M9.748 16.469c-1.548 0-2.793-1.19-2.793-2.65 0-1.368.896-2.33 2.436-2.633 1.54-.305 3.132-1.021 4.02-2.177.339 1.087.504 2.235.504 3.408 0 2.228-1.861 4.052-4.167 4.052"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
466
|
-
// Changes to this file will be overwritten
|
|
467
|
-
var HeatmapWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M11.305 1s.644 2.236.644 4.05c0 1.738-1.174 3.148-2.967 3.148a3.117 3.117 0 0 1-3.158-3.147l.026-.312a11.42 11.42 0 0 0-2.81 7.51C3.04 15.977 6.156 19 10 19s6.96-3.023 6.96-6.751c0-4.557-2.254-8.608-5.655-11.249"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M9.748 16.469c-1.548 0-2.793-1.19-2.793-2.65 0-1.368.896-2.33 2.436-2.633 1.54-.305 3.132-1.021 4.02-2.177.339 1.087.504 2.235.504 3.408 0 2.228-1.861 4.052-4.167 4.052"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
468
|
-
// Changes to this file will be overwritten
|
|
469
|
-
var HierarchyIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M8.202 6.434h3.601V4.567h-3.6zm.9.834v1.8H1.9v3.601h1.8v-1.8h5.402v1.8h1.801v-1.8h5.402v1.8h1.8v-3.6h-7.202V7.267zm6.302 8.169h3.601v-1.868h-3.6zm-7.202 0h3.601v-1.868h-3.6zm-7.202 0h3.601v-1.868H1z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
470
|
-
// Changes to this file will be overwritten
|
|
471
|
-
var HomeIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M8.118 18v-5.647h3.764V18h4.706v-7.53h2.824L10 2 .588 10.47h2.824V18z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
472
|
-
// Changes to this file will be overwritten
|
|
473
|
-
var ImportIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.823 8.444A5.94 5.94 0 0 0 10 3.667 5.94 5.94 0 0 0 4.735 6.86 4.75 4.75 0 0 0 .5 11.583a4.75 4.75 0 0 0 4.75 4.75h10.292a3.96 3.96 0 0 0 3.958-3.958c0-2.09-1.627-3.784-3.677-3.93m-4.24 5.514H8.417v-3.166H6.042L10 6.833l3.958 3.959h-2.375z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
474
|
-
// Changes to this file will be overwritten
|
|
475
|
-
var ImportWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.823 8.444A5.94 5.94 0 0 0 10 3.667 5.94 5.94 0 0 0 4.735 6.86 4.75 4.75 0 0 0 .5 11.583a4.75 4.75 0 0 0 4.75 4.75h10.292a3.96 3.96 0 0 0 3.958-3.958c0-2.09-1.627-3.784-3.677-3.93"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M11.583 13.958H8.417v-3.166H6.042L10 6.833l3.958 3.959h-2.375z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
476
|
-
// Changes to this file will be overwritten
|
|
477
|
-
var IncreaseIndentIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M3 17v-1.633h14V17zm0-3.791V6.81L6.209 10zm6.183.7v-1.634H17v1.634zM3 4.633V3h14v1.633zm6.183 3.092V6.09H17v1.634zm0 3.092V9.183H17v1.634z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// formally named "full"
|
|
478
|
-
var IndicatorActiveIcon=function(props){return/*#__PURE__*/React.createElement(SVG,__assign({},props),/*#__PURE__*/React.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 2C5.584 2 2 5.584 2 10C2 14.416 5.584 18 10 18C14.416 18 18 14.416 18 10C18 5.584 14.416 2 10 2ZM10 16.4C6.464 16.4 3.6 13.536 3.6 10C3.6 6.464 6.464 3.6 10 3.6C13.536 3.6 16.4 6.464 16.4 10C16.4 13.536 13.536 16.4 10 16.4ZM10 13.5C11.933 13.5 13.5 11.933 13.5 10C13.5 8.067 11.933 6.5 10 6.5C8.067 6.5 6.5 8.067 6.5 10C6.5 11.933 8.067 13.5 10 13.5Z",fill:"currentColor"}));};// formally named "empty"
|
|
479
|
-
var IndicatorInactiveIcon=function(props){return/*#__PURE__*/React.createElement(SVG,__assign({},props),/*#__PURE__*/React.createElement("path",{d:"M2 10c0-4.416 3.584-8 8-8s8 3.584 8 8-3.584 8-8 8-8-3.584-8-8Zm8 6.4c3.536 0 6.4-2.864 6.4-6.4 0-3.536-2.864-6.4-6.4-6.4A6.398 6.398 0 0 0 3.6 10c0 3.536 2.864 6.4 6.4 6.4Z",fill:"currentColor"}));};// This file is autogenerated by wrapSVGs.ts
|
|
480
|
-
// Changes to this file will be overwritten
|
|
481
|
-
var InformationIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8m-.8 5.6h1.6V6H9.2zm0 6.4h1.6V9.2H9.2z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
482
|
-
// Changes to this file will be overwritten
|
|
483
|
-
var InformationWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M9.2 7.6h1.6V6H9.2zM9.2 14h1.6V9.2H9.2z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
484
|
-
// Changes to this file will be overwritten
|
|
485
|
-
var InsightIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M7.603 10.8c0 1.328 1.072 2.4 2.4 2.4s2.4-1.072 2.4-2.4-1.072-2.4-2.4-2.4a2.397 2.397 0 0 0-2.4 2.4m8.4 5.272V6.8l-4.4-4.8H5.598c-.88 0-1.592.72-1.592 1.6l-.008 12.8c0 .88.712 1.6 1.592 1.6h8.812c.36 0 .68-.12.952-.32l-3.143-3.544A4.001 4.001 0 0 1 6.003 10.8c0-2.208 1.792-4 4-4s4 1.792 4 4c0 .816-.248 1.568-.664 2.2z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",transform:"translate(-4 -2)",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
486
|
-
// Changes to this file will be overwritten
|
|
487
|
-
var InsightsIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{d:"M2.29 14.875a1.4 1.4 0 0 1-1.03-.429 1.4 1.4 0 0 1-.427-1.031q0-.603.427-1.03a1.4 1.4 0 0 1 1.027-.427q.11 0 .213.01.105.011.271.053l4.167-4.167a2 2 0 0 1-.052-.27 2 2 0 0 1-.01-.214q0-.6.428-1.026a1.4 1.4 0 0 1 1.031-.427q.603 0 1.03.43.427.429.427 1.033 0 .037-.063.474l2.292 2.292a2 2 0 0 1 .27-.052 2 2 0 0 1 .418 0q.104.01.27.052l3.334-3.334a2 2 0 0 1-.052-.27q-.01-.104-.01-.214 0-.6.428-1.026a1.4 1.4 0 0 1 1.031-.427 1.4 1.4 0 0 1 1.03.429q.427.43.427 1.031 0 .603-.427 1.03a1.4 1.4 0 0 1-1.027.427q-.108 0-.213-.01a2 2 0 0 1-.27-.053l-3.334 3.334q.042.165.052.27.01.104.01.213 0 .6-.428 1.027a1.4 1.4 0 0 1-1.032.427q-.601 0-1.03-.427a1.4 1.4 0 0 1-.426-1.027q0-.108.01-.213t.052-.27L8.813 8.77a2 2 0 0 1-.271.052q-.104.01-.214.01-.036 0-.474-.062l-4.166 4.166q.041.168.052.271t.01.213q0 .6-.429 1.027a1.4 1.4 0 0 1-1.031.427m1.043-9.208-.421-.912L2 4.333l.912-.422L3.334 3l.421.911.912.422-.912.422zM12.5 4.604l-.64-1.38-1.38-.64 1.38-.64.64-1.381.64 1.38 1.381.64-1.38.64z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
488
|
-
// Changes to this file will be overwritten
|
|
489
|
-
var InvisibleIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10.003 5.497a4.094 4.094 0 0 1 4.092 4.093c0 .532-.107 1.03-.295 1.497l2.39 2.39a9.7 9.7 0 0 0 2.807-3.887c-1.416-3.593-4.91-6.139-9.003-6.139a9.5 9.5 0 0 0-3.257.573l1.768 1.768a4 4 0 0 1 1.498-.295M1.818 3.263 3.684 5.13l.377.377A9.66 9.66 0 0 0 1 9.59c1.416 3.592 4.91 6.138 9.003 6.138 1.268 0 2.48-.246 3.584-.688l.344.344 2.398 2.39 1.04-1.04L2.857 2.224zM6.344 7.79l1.269 1.269c-.041.171-.066.351-.066.532a2.45 2.45 0 0 0 2.456 2.455c.18 0 .36-.025.532-.066l1.268 1.269a4.06 4.06 0 0 1-1.8.434A4.094 4.094 0 0 1 5.91 9.59c0-.647.163-1.253.433-1.801m3.528-.638 2.578 2.578.016-.131a2.45 2.45 0 0 0-2.455-2.456z",fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
490
|
-
// Changes to this file will be overwritten
|
|
491
|
-
var ItalicsIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M5 16v-1.749h2.79l3.464-8.502h-2.71V4H16v1.749h-2.79L9.745 14.25h2.71V16z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
492
|
-
// Changes to this file will be overwritten
|
|
493
|
-
var KebabIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M-4 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M8 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2M2 6C.9 6 0 6.9 0 8s.9 2 2 2 2-.9 2-2-.9-2-2-2"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",transform:"rotate(-90 7 5)",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
494
|
-
// Changes to this file will be overwritten
|
|
495
|
-
var KioskIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M14.353 2h.314c.92 0 1.353.747 1.353 1.667v12.666c0 .92-.747 1.667-1.667 1.667H5.677c-.92 0-1.667-.747-1.667-1.667V3.667C4.01 2.747 4.757 2 5.677 2zM5 14.667h10V4H5zm4 1.666c0 .553.446 1 1 1s1-.447 1-1-.446-1-1-1-1 .447-1 1"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
496
|
-
// Changes to this file will be overwritten
|
|
497
|
-
var KioskWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M14.353 2H5.677c-.92 0-1.667.747-1.667 1.667v12.666c0 .92.747 1.667 1.667 1.667h8.676c.92 0 1.667-.747 1.667-1.667V3.667c0-.92-.433-1.667-1.353-1.667z"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M5 14.667h10V4H5zM9 16.333c0-.553.446-1 1-1s1 .447 1 1-.446 1-1 1-1-.447-1-1"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
498
|
-
// Changes to this file will be overwritten
|
|
499
|
-
var LaunchIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8M8.4 13.6l4.8-3.6-4.8-3.6z",fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
500
|
-
// Changes to this file will be overwritten
|
|
501
|
-
var LaunchWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M8.4 13.6V6.4l4.8 3.6z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
502
|
-
// Changes to this file will be overwritten
|
|
503
|
-
var LeaderboardIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.4 10c0-.894.72-1.625 1.6-1.625v-3.25c0-.894-.72-1.625-1.6-1.625H3.6c-.88 0-1.592.731-1.592 1.625v3.25c.88 0 1.592.731 1.592 1.625s-.712 1.625-1.6 1.625v3.25c0 .894.72 1.625 1.6 1.625h12.8c.88 0 1.6-.731 1.6-1.625v-3.25c-.88 0-1.6-.731-1.6-1.625m-4.111 4.5-2.785-1.882L6.719 14.5l.84-3.37L5 8.927l3.298-.204L9.504 5.5l1.198 3.232L14 8.936l-2.56 2.201z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
504
|
-
// Changes to this file will be overwritten
|
|
505
|
-
var ListViewIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M2 10.89h1.778V9.112H2zm0 3.556h1.778v-1.778H2zm0-7.112h1.778V5.556H2zm3.556 3.556h12.446V9.112H5.556zm0 3.556h12.446v-1.778H5.556zm0-8.89v1.778h12.446V5.556z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
506
|
-
// Changes to this file will be overwritten
|
|
507
|
-
var LiveIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{stroke:"currentColor",d:"M3.266 12.733c-2.6-2.6-2.6-6.866 0-9.466M5.2 10.8c-1.534-1.533-1.534-4.067 0-5.667",strokeWidth:"1.5",strokeLinejoin:"round",strokeLinecap:"round"}),/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M8 10a2 2 0 1 0 0-4 2 2 0 0 0 0 4"}),/*#__PURE__*/React.createElement("path",{stroke:"currentColor",d:"M10.8 5.2c1.533 1.533 1.533 4.067 0 5.667M12.733 3.267c2.6 2.6 2.6 6.8 0 9.4",strokeWidth:"1.5",strokeLinejoin:"round",strokeLinecap:"round"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
508
|
-
// Changes to this file will be overwritten
|
|
509
|
-
var LockIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M14.667 7.333h-.762V5.81A3.81 3.81 0 0 0 10.095 2a3.81 3.81 0 0 0-3.81 3.81v1.523h-.761C4.686 7.333 4 8.02 4 8.857v7.62C4 17.313 4.686 18 5.524 18h9.143c.838 0 1.523-.686 1.523-1.524V8.857c0-.838-.685-1.524-1.523-1.524m-4.572 6.857a1.53 1.53 0 0 1-1.524-1.523c0-.838.686-1.524 1.524-1.524s1.524.686 1.524 1.524-.686 1.523-1.524 1.523m2.362-6.857H7.733V5.81a2.364 2.364 0 0 1 2.362-2.362 2.364 2.364 0 0 1 2.362 2.362z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
510
|
-
// Changes to this file will be overwritten
|
|
511
|
-
var LockWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M14.667 7.333h-.762V5.81A3.81 3.81 0 0 0 10.095 2a3.81 3.81 0 0 0-3.81 3.81v1.523h-.761C4.686 7.333 4 8.02 4 8.857v7.62C4 17.313 4.686 18 5.524 18h9.143c.838 0 1.523-.686 1.523-1.524V8.857c0-.838-.685-1.524-1.523-1.524m-2.21 0H7.733V5.81a2.364 2.364 0 0 1 2.362-2.362 2.364 2.364 0 0 1 2.362 2.362z"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10.095 14.19a1.53 1.53 0 0 1-1.524-1.523c0-.838.686-1.524 1.524-1.524s1.524.686 1.524 1.524-.686 1.523-1.524 1.523"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
512
|
-
// Changes to this file will be overwritten
|
|
513
|
-
var LogOutIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M9.556 13.667 14 9.5 9.556 5.333 8.302 6.508l2.294 2.159H2v1.666h8.596l-2.294 2.159zM3.778 2C2.79 2 2 2.75 2 3.667V7h1.778V3.667h12.444v11.666H3.778V12H2v3.333C2 16.25 2.791 17 3.778 17h12.444C17.2 17 18 16.25 18 15.333V3.667C18 2.75 17.2 2 16.222 2z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
514
|
-
// Changes to this file will be overwritten
|
|
515
|
-
var MaximizeIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M2 18v-7.018h1.965v3.697L14.679 3.965h-3.697V2H18v7.018h-1.965V5.32L5.321 16.035h3.697V18z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
516
|
-
// Changes to this file will be overwritten
|
|
517
|
-
var MeatballsIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M4 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
518
|
-
// Changes to this file will be overwritten
|
|
519
|
-
var MinimizeIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M2.354 19 1 17.646l5.74-5.74H3.136V10H10v6.864H8.095V13.26L2.355 19ZM10 10V3.136h1.905V6.74L17.645 1 19 2.354l-5.74 5.74h3.604V10z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
520
|
-
// Changes to this file will be overwritten
|
|
521
|
-
var MinusIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.996 10.833H6.011V9.167h7.985z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
522
|
-
// Changes to this file will be overwritten
|
|
523
|
-
var NavigatorIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M12.01 3.997v1.858h2.786V8.64h1.857V3.997zm-8.663 0V8.64h1.857V5.855H7.99V3.997zm11.449 7.363v2.787H12.01v1.856h4.643V11.36zm-11.449 0v4.643H7.99v-1.856H5.204V11.36z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
524
|
-
// Changes to this file will be overwritten
|
|
525
|
-
var NotificationIcon$1=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M7.004 3.318 5.882 2.196a8.18 8.18 0 0 0-3.231 6.157H4.22a6.62 6.62 0 0 1 2.784-5.035m9.718 5.035h1.568a8.23 8.23 0 0 0-3.231-6.157l-1.114 1.122a6.66 6.66 0 0 1 2.777 5.035m-1.546.392c0-2.408-1.286-4.423-3.529-4.957v-.533c0-.651-.525-1.177-1.176-1.177s-1.177.526-1.177 1.177v.533c-2.25.534-3.53 2.541-3.53 4.957v3.922l-1.568 1.568v.785h12.55v-.785l-1.57-1.568zm-4.705 8.628c.11 0 .211-.008.313-.032.51-.11.926-.455 1.13-.925q.117-.283.117-.612H8.894a1.58 1.58 0 0 0 1.577 1.569"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
526
|
-
// Changes to this file will be overwritten
|
|
527
|
-
var NumberedListIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M2.5 16.667v-.834h1.667v-.416h-.834v-.834h.834v-.416H2.5v-.834h2.521v3.334zm.854-10v-2.5H2.5v-.834h1.688v3.334zm-.854 5v-.75l1.479-1.75H2.5v-.834h2.521v.771l-1.5 1.729h1.5v.834zm4.104 4.208v-1.75H17.5v1.75zm0-5v-1.75H17.5v1.75zm0-5v-1.75H17.5v1.75z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
528
|
-
// Changes to this file will be overwritten
|
|
529
|
-
var NumberedListRtlIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M2.5 15.875v-1.75h10.875v1.75zm0-5v-1.75h10.875v1.75zm0-5v-1.75h10.875v1.75zm12.479 10.792v-.834h1.667v-.416h-.834v-.834h.834v-.416h-1.667v-.834H17.5v3.334zm.854-10v-2.5h-.854v-.834h1.688v3.334zm-.854 5v-.75l1.5-1.75h-1.5v-.834H17.5v.771l-1.479 1.729H17.5v.834z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
530
|
-
// Changes to this file will be overwritten
|
|
531
|
-
var OpenIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.361 2.636c.9 0 1.636.737 1.636 1.637v13.09c0 .9-.737 1.637-1.636 1.637H4.636c-.9 0-1.637-.736-1.637-1.636V4.273c0-.9.737-1.637 1.637-1.637h3.056A2.46 2.46 0 0 1 10 1c1.063 0 1.964.687 2.307 1.636zM5.909 14.91h1.636V9.182H5.91zm3.273 0h1.636V6.727H9.182zm3.273 0h1.636v-3.273h-1.636zM10.818 3.455A.82.82 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818s.818-.368.818-.818"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
532
|
-
// Changes to this file will be overwritten
|
|
533
|
-
var OpenWhiteIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M15.361 2.636c.9 0 1.636.737 1.636 1.637v13.09c0 .9-.737 1.637-1.636 1.637H4.636c-.9 0-1.637-.736-1.637-1.636V4.273c0-.9.737-1.637 1.637-1.637h3.056A2.46 2.46 0 0 1 10 1c1.063 0 1.964.687 2.307 1.636zm-4.543.819A.82.82 0 0 0 10 2.636a.82.82 0 0 0-.818.819c0 .45.368.818.818.818s.818-.368.818-.818"}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M5.91 14.91h1.635V9.181H5.91zM9.182 14.91h1.636V6.726H9.182zM12.455 14.91h1.636v-3.274h-1.636z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
534
|
-
// Changes to this file will be overwritten
|
|
535
|
-
var OrganizationIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 5.6V2H1v16.2h18V5.6zM4.6 16.4H2.8v-1.8h1.8zm0-3.6H2.8V11h1.8zm0-3.6H2.8V7.4h1.8zm0-3.6H2.8V3.8h1.8zm3.6 10.8H6.4v-1.8h1.8zm0-3.6H6.4V11h1.8zm0-3.6H6.4V7.4h1.8zm0-3.6H6.4V3.8h1.8zm9 10.8H10v-1.8h1.8v-1.8H10V11h1.8V9.2H10V7.4h7.2zm-1.8-7.2h-1.8V11h1.8zm0 3.6h-1.8v1.8h1.8z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
536
|
-
// Changes to this file will be overwritten
|
|
537
|
-
var ParticipationIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m11.16 16.047-2.446-2.44.813-.813 1.633 1.626 2.976-2.982.813.813zM16.433 4.23c-.638 0-1.011.531-1.011 1.165l-.186 3.684h-.4l.051-6.172c0-.633-.515-1.145-1.152-1.145s-1.152.512-1.152 1.145l-.204 6.187-.41-.01-.154-6.94C11.815 1.512 11.3 1 10.663 1c-.638 0-1.152.512-1.152 1.145L9.46 9.08h-.297l-.421-5.027c0-.634-.514-1.145-1.152-1.145s-1.152.511-1.152 1.145c0 0 .784 9.214.784 9.365 0 .23-.122.223-.437-.072-.202-.189-2.71-2.192-2.733-2.197-.924-.553-1.957.702-1.543 1.328.613.926 4.771 5.122 4.771 5.122C8.556 18.725 9.168 19 9.997 19l3.919-.073c1.689 0 3.123-1.843 3.123-2.737l.546-10.815c0-.633-.515-1.144-1.152-1.144"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",transform:"translate(-2 -1)",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
538
|
-
// Changes to this file will be overwritten
|
|
539
|
-
var ParticipationWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.433 4.23c-.638 0-1.011.532-1.011 1.166l-.186 3.684h-.4l.051-6.172c0-.633-.515-1.145-1.152-1.145s-1.152.512-1.152 1.145l-.204 6.187-.41-.01-.154-6.94C11.815 1.512 11.3 1 10.663 1c-.638 0-1.152.512-1.152 1.145L9.46 9.08h-.297l-.421-5.027c0-.634-.514-1.145-1.152-1.145s-1.152.511-1.152 1.145c0 0 .784 9.214.784 9.365 0 .23-.122.223-.437-.072-.202-.189-2.71-2.192-2.733-2.197-.924-.553-1.957.702-1.543 1.328.613.926 4.771 5.122 4.771 5.122C8.556 18.725 9.168 19 9.997 19l3.919-.073c1.689 0 3.123-1.843 3.123-2.737l.546-10.815c0-.633-.515-1.144-1.152-1.144"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m11.16 16.047-2.446-2.44.813-.813 1.633 1.626 2.976-2.982.813.813z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
540
|
-
// Changes to this file will be overwritten
|
|
541
|
-
var PauseIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8m-.8 11.2H7.6V6.8h1.6zm3.2 0h-1.6V6.8h1.6z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
542
|
-
// Changes to this file will be overwritten
|
|
543
|
-
var PauseWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M9.2 13.2H7.6V6.8h1.6zM12.4 13.2h-1.6V6.8h1.6z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
544
|
-
// Changes to this file will be overwritten
|
|
545
|
-
var PercentageIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M16.59 2 2.003 16.587l1.414 1.415L18.004 3.414zM5.5 9.004c1.93 0 3.5-1.57 3.5-3.5s-1.57-3.5-3.5-3.5S2 3.574 2 5.504s1.57 3.5 3.5 3.5m0-5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5-1.5-.67-1.5-1.5.67-1.5 1.5-1.5m5.5 10.5c0-1.93 1.57-3.5 3.5-3.5s3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5-3.5-1.57-3.5-3.5m2 0c0 .83.67 1.5 1.5 1.5s1.5-.67 1.5-1.5-.67-1.5-1.5-1.5-1.5.67-1.5 1.5",fillRule:"evenodd",clipRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
546
|
-
// Changes to this file will be overwritten
|
|
547
|
-
var PermissionsIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M5.91 11.638c-.9 0-1.637-.737-1.637-1.637S5.01 8.364 5.91 8.364s1.637.737 1.637 1.637-.737 1.637-1.637 1.637m4.624-3.274A4.9 4.9 0 0 0 5.91 5.091 4.913 4.913 0 0 0 1 10c0 2.709 2.2 4.91 4.91 4.91a4.9 4.9 0 0 0 4.624-3.273h3.56v3.273h3.273v-3.273h1.636V8.364z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
548
|
-
// Changes to this file will be overwritten
|
|
549
|
-
var PersonIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10.005 6c-1.069 0-3.2.536-3.2 1.6l-.01 4.878h1.61V18h3.2v-5.522h1.59l.01-4.878c0-1.064-2.133-1.6-3.2-1.6m0-.8a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
550
|
-
// Changes to this file will be overwritten
|
|
551
|
-
var PhotoUploadIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M2.5 3.333v-2.5h1.667v2.5h2.5V5h-2.5v2.5H2.5V5H0V3.333zm2.5 5v-2.5h2.5v-2.5h5.833L14.858 5H17.5c.917 0 1.667.75 1.667 1.667v10c0 .916-.75 1.666-1.667 1.666H4.167c-.917 0-1.667-.75-1.667-1.666V8.333zm5.833 7.5c2.3 0 4.167-1.866 4.167-4.166S13.133 7.5 10.833 7.5a4.17 4.17 0 0 0-4.166 4.167c0 2.3 1.866 4.166 4.166 4.166m-2.666-4.166a2.664 2.664 0 0 0 2.666 2.666 2.664 2.664 0 0 0 2.667-2.666A2.664 2.664 0 0 0 10.833 9a2.664 2.664 0 0 0-2.666 2.667"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
552
|
-
// Changes to this file will be overwritten
|
|
553
|
-
var PowerIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M9.111 10.889h1.778V2H9.11zm6.076-6.965-1.258 1.258A6.21 6.21 0 0 1 16.222 10a6.223 6.223 0 0 1-12.444 0A6.21 6.21 0 0 1 6.07 5.182L4.813 3.924A7.97 7.97 0 0 0 2 10a8 8 0 0 0 16 0 7.97 7.97 0 0 0-2.813-6.076"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
554
|
-
// Changes to this file will be overwritten
|
|
555
|
-
var PrintIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M5.2 6h9.6V2.8H5.2zm10.4.8c1.328 0 2.4 1.072 2.4 2.4V14h-3.2v3.2H5.2V14H2V9.2c0-1.328 1.072-2.4 2.4-2.4zm0 3.2c.44 0 .8-.36.8-.8s-.36-.8-.8-.8-.8.36-.8.8.36.8.8.8m-8.8 5.6h6.4v-4H6.8z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
556
|
-
// Changes to this file will be overwritten
|
|
557
|
-
var PrintWhiteIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M15.6 6.8H4.4A2.397 2.397 0 0 0 2 9.2V14h3.2v3.2h9.6V14H18V9.2c0-1.328-1.072-2.4-2.4-2.4M5.2 6h9.6V2.8H5.2z"}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M15.6 10c-.44 0-.8-.36-.8-.8s.36-.8.8-.8.8.36.8.8-.36.8-.8.8M6.8 15.6h6.4v-4H6.8z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
558
|
-
// Changes to this file will be overwritten
|
|
559
|
-
var ProcessManagerIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M11 7.333H1V9h10zM11 4H1v1.667h10zM1 12.333h6.667v-1.666H1zm16.25-3.75 1.25 1.25-5.825 5.834-3.758-3.75 1.25-1.25 2.508 2.5z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
560
|
-
// Changes to this file will be overwritten
|
|
561
|
-
var PromotionIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M9.992 2C14.415 2 18 5.584 18 10s-3.585 8-8.008 8C5.575 18 2 14.416 2 10s3.575-8 7.992-8m3.392 12.8-.896-3.856 2.984-2.584-3.936-.336L10 4.4 8.464 8.032l-3.936.336 2.983 2.584-.896 3.848L10 12.76z",fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
562
|
-
// Changes to this file will be overwritten
|
|
563
|
-
var PromotionWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M9.992 2C5.575 2 2 5.584 2 10s3.575 8 7.992 8C14.415 18 18 14.416 18 10s-3.585-8-8.008-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M13.384 14.8 10 12.76 6.615 14.8l.896-3.848-2.983-2.584 3.936-.336L10 4.4l1.536 3.624 3.936.336-2.984 2.584z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
564
|
-
// Changes to this file will be overwritten
|
|
565
|
-
var QuestionIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 2c4.415 0 8 3.584 8 8s-3.585 8-8 8c-4.416 0-8-3.584-8-8s3.584-8 8-8m2.456 7.4a2.55 2.55 0 0 0 .744-1.8 3.2 3.2 0 1 0-6.4 0h1.6c0-.88.72-1.6 1.6-1.6s1.6.72 1.6 1.6c0 .44-.176.84-.472 1.128l-.992 1.008A3.22 3.22 0 0 0 9.2 12v.4h1.6c0-1.2.36-1.68.936-2.264zM9.2 15.6h1.6V14H9.2z",fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
566
|
-
// Changes to this file will be overwritten
|
|
567
|
-
var QuestionWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.416 0-8 3.584-8 8s3.584 8 8 8c4.415 0 8-3.584 8-8s-3.585-8-8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m12.456 9.4-.72.736c-.576.584-.936 1.064-.936 2.264H9.2V12c0-.88.36-1.68.936-2.264l.992-1.008c.296-.288.472-.688.472-1.128 0-.88-.72-1.6-1.6-1.6s-1.6.72-1.6 1.6H6.8a3.2 3.2 0 1 1 6.4 0c0 .704-.288 1.344-.744 1.8M9.2 15.6h1.6V14H9.2z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
568
|
-
// Changes to this file will be overwritten
|
|
569
|
-
var QuestionsIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13 13H3v1.667h10zm0-6.667H3V8h10zm-10 5h15V9.667H3zM3 18h15v-1.667H3zM3 3v1.667h15V3z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
570
|
-
// Changes to this file will be overwritten
|
|
571
|
-
var RedoIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.832 9.209A9.17 9.17 0 0 0 9.764 6.92C5.673 6.92 2.21 9.587 1 13.274l2.081.687a7.035 7.035 0 0 1 6.683-4.84 6.97 6.97 0 0 1 4.502 1.659l-3.182 3.18h7.92V6.04z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
572
|
-
// Changes to this file will be overwritten
|
|
573
|
-
var RefreshIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.831 10a5.8 5.8 0 0 1-1.706 4.121A5.8 5.8 0 0 1 10 15.83a5.8 5.8 0 0 1-4.123-1.709A5.8 5.8 0 0 1 4.17 10c0-1.558.607-3.022 1.708-4.123A5.8 5.8 0 0 1 10 4.17c1.415 0 2.75.505 3.808 1.42l-2.001 2.002 6.04.778-.778-6.04-1.728 1.727A7.93 7.93 0 0 0 10.001 2a7.95 7.95 0 0 0-5.657 2.343A7.95 7.95 0 0 0 2.001 10a7.96 7.96 0 0 0 2.343 5.658l.001-.001A7.95 7.95 0 0 0 10.002 18a7.94 7.94 0 0 0 5.656-2.343A7.94 7.94 0 0 0 18 10.162z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
574
|
-
// Changes to this file will be overwritten
|
|
575
|
-
var RemoveLinkIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"m16.188 13.646-1.334-1.334q.854-.25 1.292-.885A2.46 2.46 0 0 0 16.583 10q0-1.042-.687-1.729t-1.729-.688h-3.396v-1.75h3.396q1.729 0 2.948 1.219T18.333 10q0 1.208-.593 2.156a4.3 4.3 0 0 1-1.552 1.49m-2.855-2.854-1.666-1.667h1.666zm3.105 8.041L1.167 3.562l1.229-1.229 15.271 15.271zm-7.313-4.666H5.833q-1.729 0-2.948-1.219T1.667 10q0-1.458.895-2.573a4.18 4.18 0 0 1 2.25-1.469L5.354 6l1.084 1.583h-.605q-1.04 0-1.729.688-.687.687-.687 1.729t.687 1.729q.688.688 1.729.688h3.292zm-2.458-3.292v-1.75h1.312l1.75 1.75z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
576
|
-
// Changes to this file will be overwritten
|
|
577
|
-
var RepeatsIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,fill:"currentColor",d:"M4 5h10v3l4-4-4-4v3H2v6h2zm10 10H4v-3l-4 4 4 4v-3h12v-6h-2z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
578
|
-
// Changes to this file will be overwritten
|
|
579
|
-
var ReportIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M8 18h4V2H8zm6 0h4V7h-4zM2 18h4v-8H2z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
580
|
-
// Changes to this file will be overwritten
|
|
581
|
-
var ReportSharingIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M8.223 6.89V3.335l-6.221 6.22 6.22 6.221v-3.643c4.444 0 7.554 1.422 9.776 4.532-.889-4.443-3.555-8.887-9.775-9.775"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",transform:"matrix(-1 0 0 1 20 0)",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
582
|
-
// Changes to this file will be overwritten
|
|
583
|
-
var RestoreIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M11.286 2C7.026 2 3.57 5.425 3.57 9.65H1l3.334 3.307.06.118L7.857 9.65H5.286c0-3.29 2.683-5.95 6-5.95s6 2.66 6 5.95-2.683 5.95-6 5.95a5.98 5.98 0 0 1-4.235-1.751l-1.217 1.207a7.7 7.7 0 0 0 5.452 2.244c4.26 0 7.714-3.425 7.714-7.65S15.546 2 11.286 2m-.857 4.25v4.25l3.668 2.159.617-1.028-3-1.769V6.25z",fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
584
|
-
// Changes to this file will be overwritten
|
|
585
|
-
var SaveIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M14.444 2H3.778C2.79 2 2 2.8 2 3.778v12.444C2 17.2 2.791 18 3.778 18h12.444C17.2 18 18 17.2 18 16.222V5.556zM10 16.222a2.663 2.663 0 0 1-2.667-2.666A2.663 2.663 0 0 1 10 10.889a2.663 2.663 0 0 1 2.667 2.667A2.663 2.663 0 0 1 10 16.222m2.667-8.889h-8.89V3.778h8.89z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
586
|
-
// Changes to this file will be overwritten
|
|
587
|
-
var SearchIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.435 12.063h-.723l-.256-.247a5.92 5.92 0 0 0 1.437-3.87 5.946 5.946 0 1 0-5.947 5.947 5.92 5.92 0 0 0 3.87-1.437l.247.256v.723L16.637 18 18 16.637zm-5.489 0A4.11 4.11 0 0 1 3.83 7.946 4.11 4.11 0 0 1 7.946 3.83a4.11 4.11 0 0 1 4.117 4.116 4.11 4.11 0 0 1-4.117 4.117"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
588
|
-
// Changes to this file will be overwritten
|
|
589
|
-
var SearchWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.435 12.063h-.723l-.256-.247a5.92 5.92 0 0 0 1.437-3.87 5.946 5.946 0 1 0-5.947 5.947 5.92 5.92 0 0 0 3.87-1.437l.247.256v.723L16.637 18 18 16.637z"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M7.946 12.063A4.11 4.11 0 0 1 3.83 7.946 4.11 4.11 0 0 1 7.946 3.83a4.11 4.11 0 0 1 4.117 4.116 4.11 4.11 0 0 1-4.117 4.117"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
590
|
-
// Changes to this file will be overwritten
|
|
591
|
-
var SecurityTipIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10.182 0 2 3.636v5.455C2 14.136 5.49 18.855 10.182 20c4.69-1.145 8.182-5.864 8.182-10.91V3.637zm-.91 5.455h1.819v1.818H9.273zm0 3.636h1.819v5.455H9.273z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
592
|
-
// Changes to this file will be overwritten
|
|
593
|
-
var SendIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M2.008 3.143 2 8.475l11.425 1.523L2 11.52l.008 5.332 15.987-6.855z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
594
|
-
// Changes to this file will be overwritten
|
|
595
|
-
var SendRtlIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M2.008 3.143 2 8.475l11.425 1.523L2 11.52l.008 5.332 15.987-6.855z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",transform:"matrix(-1 0 0 1 19.995 0)",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
596
|
-
// Changes to this file will be overwritten
|
|
597
|
-
var SettingsIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.112 10.784c.033-.256.058-.512.058-.784s-.025-.528-.058-.784l1.736-1.32a.395.395 0 0 0 .098-.512l-1.645-2.768c-.098-.176-.32-.24-.501-.176l-2.048.8a6 6 0 0 0-1.39-.784l-.312-2.12A.4.4 0 0 0 11.646 2h-3.29a.4.4 0 0 0-.402.336l-.313 2.12c-.501.2-.962.472-1.39.784l-2.047-.8a.41.41 0 0 0-.502.176L2.057 7.384a.387.387 0 0 0 .099.512l1.736 1.32c-.033.256-.059.52-.059.784s.026.528.059.784l-1.736 1.32a.396.396 0 0 0-.099.512l1.645 2.768c.099.176.32.24.502.176l2.047-.8q.64.482 1.39.784l.313 2.12a.4.4 0 0 0 .403.336h3.29a.4.4 0 0 0 .403-.336l.312-2.12c.502-.2.962-.472 1.39-.784l2.048.8c.19.072.403 0 .501-.176l1.645-2.768a.395.395 0 0 0-.098-.512zm-6.11 2.016c-1.587 0-2.879-1.256-2.879-2.8s1.292-2.8 2.879-2.8S12.88 8.456 12.88 10s-1.291 2.8-2.878 2.8"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
598
|
-
// Changes to this file will be overwritten
|
|
599
|
-
var SettingsWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.112 10.784c.033-.256.058-.512.058-.784s-.025-.528-.058-.784l1.736-1.32a.395.395 0 0 0 .098-.512l-1.645-2.768c-.098-.176-.32-.24-.501-.176l-2.048.8a6 6 0 0 0-1.39-.784l-.312-2.12A.4.4 0 0 0 11.646 2h-3.29a.4.4 0 0 0-.402.336l-.313 2.12c-.501.2-.962.472-1.39.784l-2.047-.8a.41.41 0 0 0-.502.176L2.057 7.384a.387.387 0 0 0 .099.512l1.736 1.32c-.033.256-.059.52-.059.784s.026.528.059.784l-1.736 1.32a.396.396 0 0 0-.099.512l1.645 2.768c.099.176.32.24.502.176l2.047-.8q.64.482 1.39.784l.313 2.12a.4.4 0 0 0 .403.336h3.29a.4.4 0 0 0 .403-.336l.312-2.12c.502-.2.962-.472 1.39-.784l2.048.8c.19.072.403 0 .501-.176l1.645-2.768a.395.395 0 0 0-.098-.512z"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M10.002 12.8c-1.587 0-2.879-1.256-2.879-2.8s1.292-2.8 2.879-2.8S12.88 8.456 12.88 10s-1.291 2.8-2.878 2.8"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
600
|
-
// Changes to this file will be overwritten
|
|
601
|
-
var ShareIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M14.82 13.31c-.611 0-1.158.24-1.575.618l-5.728-3.333c.041-.185.073-.37.073-.563s-.032-.378-.073-.562L13.18 6.17a2.404 2.404 0 0 0 4.05-1.76A2.407 2.407 0 0 0 14.82 2a2.407 2.407 0 0 0-2.41 2.41c0 .193.03.378.072.562l-5.662 3.3a2.4 2.4 0 0 0-1.64-.65 2.407 2.407 0 0 0-2.41 2.41 2.407 2.407 0 0 0 2.41 2.41 2.4 2.4 0 0 0 1.64-.65l5.719 3.34c-.04.17-.065.345-.065.522A2.35 2.35 0 0 0 14.82 18a2.35 2.35 0 0 0 2.345-2.346 2.35 2.35 0 0 0-2.345-2.345"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
602
|
-
// Changes to this file will be overwritten
|
|
603
|
-
var SkipIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8M6.8 12.935l4.272-3.068L6.8 6.8zM11.6 6.8v6.135h1.005V6.8z",fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
604
|
-
// Changes to this file will be overwritten
|
|
605
|
-
var SkipWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m6.8 12.935 4.272-3.068L6.8 6.8zM11.6 6.8v6.135h1.005V6.8z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
606
|
-
// Changes to this file will be overwritten
|
|
607
|
-
var SortAscendingIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m6 12 4-4 4 4z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
608
|
-
// Changes to this file will be overwritten
|
|
609
|
-
var SortDescendingIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m5.833 8.333 4 4 4-4z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
610
|
-
// Changes to this file will be overwritten
|
|
611
|
-
var SpinnerIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"none",d:"M0 0h100v100H0z",className:"bk"}),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"translate(0 -30)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-1s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(25.714 115.72 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.9285714285714286s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(51.429 81.148 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.8571428571428571s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(77.143 68.81 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.7857142857142857s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(102.857 61.962 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.7142857142857143s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(128.571 57.224 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.6428571428571429s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(154.286 53.424 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.5714285714285714s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(180 50 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.5s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(-154.286 46.576 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.42857142857142855s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(-128.571 42.776 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.35714285714285715s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(-102.857 38.038 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.2857142857142857s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(-77.143 31.19 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.21428571428571427s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(-51.429 18.852 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.14285714285714285s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})),/*#__PURE__*/React.createElement("rect",{width:"6",height:"20",x:"47",y:"40",rx:"3",ry:"3",transform:"rotate(-25.714 -15.72 65)"},/*#__PURE__*/React.createElement("animate",{attributeName:"opacity",begin:"-0.07142857142857142s",dur:"1s",from:"1",repeatCount:"indefinite",to:"0"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
612
|
-
// Changes to this file will be overwritten
|
|
613
|
-
var StarOffIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m18.667 8.033-5.992-.516L10.333 2 7.992 7.525 2 8.033l4.55 3.942-1.367 5.858 5.15-3.108 5.15 3.108-1.358-5.858zm-8.334 5.134L7.2 15.058l.833-3.566-2.766-2.4 3.65-.317 1.416-3.358 1.425 3.366 3.65.317-2.766 2.4.833 3.567z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
614
|
-
// Changes to this file will be overwritten
|
|
615
|
-
var StarOnIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m18.667 8.033-5.992-.516L10.333 2 7.992 7.525 2 8.033l4.55 3.942-1.367 5.858 5.15-3.108 5.15 3.108-1.358-5.858z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
616
|
-
// Changes to this file will be overwritten
|
|
617
|
-
var StartIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M6 4H4v12h2zm3.7 5.17H18v1.66H9.7l2.98 3L11.5 15l-5-5 5-5 1.18 1.18-2.99 2.99Z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
618
|
-
// Changes to this file will be overwritten
|
|
619
|
-
var SubtractIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c4.42 0 8 3.58 8 8s-3.58 8-8 8-8-3.58-8-8 3.58-8 8-8m4 8.8V9.2H6v1.6z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
620
|
-
// Changes to this file will be overwritten
|
|
621
|
-
var SubtractWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M14 10.8H6V9.2h8z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
622
|
-
// Changes to this file will be overwritten
|
|
623
|
-
var SuccessIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c4.416 0 8 3.584 8 8s-3.584 8-8 8-8-3.584-8-8 3.584-8 8-8M8.4 14l7.2-7.2-1.128-1.136L8.4 11.736 5.528 8.872 4.4 10z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
624
|
-
// Changes to this file will be overwritten
|
|
625
|
-
var SuccessWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.416 0-8 3.584-8 8s3.584 8 8 8 8-3.584 8-8-3.584-8-8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"m8.4 14-4-4 1.128-1.128L8.4 11.736l6.072-6.072L15.6 6.8z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
626
|
-
// Changes to this file will be overwritten
|
|
627
|
-
var SupportIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 14.5c-.92 0-1.776-.276-2.488-.75l-3.213 3.213A8.96 8.96 0 0 0 10 19a8.96 8.96 0 0 0 5.685-2.023l-3.215-3.215A4.5 4.5 0 0 1 10 14.5m6.963-10.201L13.75 7.51c.474.713.75 1.57.75 2.489 0 .913-.272 1.762-.738 2.471l3.215 3.215A8.97 8.97 0 0 0 19 10c0-2.164-.764-4.15-2.037-5.701M5.5 10c0-.913.272-1.762.738-2.471L3.023 4.314A8.97 8.97 0 0 0 1 10c0 2.164.764 4.15 2.037 5.701l3.213-3.213A4.5 4.5 0 0 1 5.5 10M10 5.5c.92 0 1.776.276 2.489.75l3.213-3.213A8.97 8.97 0 0 0 10 1a8.96 8.96 0 0 0-5.685 2.023l3.214 3.215A4.5 4.5 0 0 1 10 5.5"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
628
|
-
// Changes to this file will be overwritten
|
|
629
|
-
var SurveysIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M12.193 2.454h3.251c.856 0 1.556.655 1.556 1.455v13.636c0 .8-.7 1.455-1.556 1.455H4.556C3.7 19 3 18.345 3 17.545V3.91c0-.8.7-1.455 1.556-1.455h3.25C8.134 1.611 8.99 1 10 1s1.867.61 2.193 1.454m-5.83 6.091h7.273V7.091H6.363zm0 2.909h7.273V9.999H6.363zm0 2.908h5.091v-1.454h-5.09zM10 2.454a.73.73 0 0 0-.727.728c0 .4.327.727.727.727a.73.73 0 0 0 .726-.727.73.73 0 0 0-.726-.728"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
630
|
-
// Changes to this file will be overwritten
|
|
631
|
-
var SurveysWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M12.193 2.454C11.867 1.611 11.011 1 10 1c-1.01 0-1.867.61-2.193 1.454H4.556C3.7 2.454 3 3.109 3 3.909v13.636c0 .8.7 1.455 1.556 1.455h10.888C16.3 19 17 18.345 17 17.545V3.91c0-.8-.7-1.455-1.556-1.455zm-2.193 0c.4 0 .726.327.726.728a.73.73 0 0 1-.726.727.73.73 0 0 1-.727-.727c0-.4.327-.728.727-.728"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M6.363 8.545h7.273V7.091H6.363zM6.363 11.454h7.273V9.999H6.363zM6.363 14.362h5.091v-1.454h-5.09z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
632
|
-
// Changes to this file will be overwritten
|
|
633
|
-
var SyncIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m3.638 6.365 3.637 3.638H4.547a5.46 5.46 0 0 0 5.456 5.456c.919 0 1.792-.228 2.546-.637l1.328 1.327a7.2 7.2 0 0 1-3.874 1.128 7.273 7.273 0 0 1-7.275-7.274H0zm11.82 3.638a5.46 5.46 0 0 0-5.455-5.457c-.919 0-1.791.227-2.547.637L6.13 3.855a7.2 7.2 0 0 1 3.874-1.128 7.273 7.273 0 0 1 7.275 7.276h2.728l-3.638 3.637-3.637-3.637z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
634
|
-
// Changes to this file will be overwritten
|
|
635
|
-
var TagIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m13.315 3.978-10.419.01a1.89 1.89 0 0 0-1.894 1.884v8.256c0 1.042.853 1.885 1.894 1.885l10.419.01c.635 0 1.203-.313 1.544-.796l4.139-5.239-4.14-5.215a1.89 1.89 0 0 0-1.543-.795"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
636
|
-
// Changes to this file will be overwritten
|
|
637
|
-
var TasksIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.444 3H4.548c-.864 0-1.54.692-1.54 1.556L3 15.444C3 16.3 3.684 17 4.548 17h10.896C16.3 17 17 16.3 17 15.444V4.556C17 3.692 16.3 3 15.444 3m0 9.333h-3.11A2.335 2.335 0 0 1 10 14.667a2.335 2.335 0 0 1-2.333-2.334h-3.12V4.556h10.897z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
638
|
-
// Changes to this file will be overwritten
|
|
639
|
-
var TasksWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M15.444 3H4.548c-.864 0-1.54.692-1.54 1.556L3 15.444C3 16.3 3.684 17 4.548 17h10.896C16.3 17 17 16.3 17 15.444V4.556C17 3.692 16.3 3 15.444 3"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M15.444 12.333h-3.11A2.335 2.335 0 0 1 10 14.667a2.335 2.335 0 0 1-2.333-2.334h-3.12V4.556h10.897z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
640
|
-
// Changes to this file will be overwritten
|
|
641
|
-
var TemplateIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M12.307 2.636h3.061c.9 0 1.637.737 1.637 1.637v13.09c0 .9-.737 1.637-1.637 1.637H4.641c-.9 0-1.636-.736-1.636-1.636V4.273c0-.9.736-1.637 1.636-1.637h3.052A2.46 2.46 0 0 1 10 1c1.064 0 1.964.687 2.307 1.636m-.302 8.637h1.455V9.818h-1.455zM9.182 3.455c0 .45.368.818.818.818a.82.82 0 0 0 .818-.818.82.82 0 0 0-.818-.819.82.82 0 0 0-.818.819m.106 7.818h1.454V9.818H9.288zm-2.745 0h1.455V9.818H6.543z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
642
|
-
// Changes to this file will be overwritten
|
|
643
|
-
var TemplateWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M9.182 3.455A.82.82 0 0 1 10 2.636a.82.82 0 0 1 .818.819.82.82 0 0 1-.818.818.82.82 0 0 1-.818-.818m3.125-.819A2.46 2.46 0 0 0 10 1a2.46 2.46 0 0 0-2.307 1.636H4.64c-.9 0-1.636.737-1.636 1.637v13.09c0 .9.736 1.637 1.636 1.637h10.727c.9 0 1.637-.736 1.637-1.636V4.273c0-.9-.737-1.637-1.637-1.637z"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M12.005 11.273h1.455V9.818h-1.455zM9.288 11.273h1.454V9.818H9.288zM6.543 11.273h1.455V9.818H6.543z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
644
|
-
// Changes to this file will be overwritten
|
|
645
|
-
var TextAnalyticsIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M3.57 2h12.817c.872 0 1.57.698 1.613 1.57v10.59c0 .916-.74 1.614-1.613 1.614H5.183L2 19V3.613C2 2.698 2.698 2 3.57 2M8 10a3 3 0 1 0 0-6 3 3 0 0 0 0 6m6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4m-3.5 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3",fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
646
|
-
// Changes to this file will be overwritten
|
|
647
|
-
var TextAnalyticsWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M1.57 0C.698 0 0 .698 0 1.613V17l3.183-3.226h11.204c.872 0 1.613-.698 1.613-1.613V1.57C15.957.698 15.26 0 14.387 0z"})),/*#__PURE__*/React.createElement("g",{fill:"none",transform:"translate(2 2)",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("circle",{cx:"6",cy:"5",r:"3",fill:"#FFF"}),/*#__PURE__*/React.createElement("circle",{cx:"12",cy:"6",r:"2",fill:"#FFF"}),/*#__PURE__*/React.createElement("circle",{cx:"8.5",cy:"10.5",r:"1.5",fill:"#FFF"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
648
|
-
// Changes to this file will be overwritten
|
|
649
|
-
/** @deprecated Use `<ThumbsDownIconOn/>` or `<ThumbsDownIconOff/>` */var ThumbsDownIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M5.91 3.183c-.566 0-1.05.341-1.254.832L2.597 8.821q-.093.233-.095.497v1.364c0 .75.613 1.363 1.363 1.363h4.301L7.52 15.16l-.02.218c0 .28.115.539.3.723l.722.716 4.492-4.493c.245-.245.395-.586.395-.96V4.546c0-.75-.613-1.364-1.363-1.364zm8.862 8.18h2.726v-8.18h-2.726z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
650
|
-
// Changes to this file will be overwritten
|
|
651
|
-
var ThumbsDownOffIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M5.224 3.253h8.766v10L8.461 18.75l-.705-.705a1 1 0 0 1-.215-.344 1.1 1.1 0 0 1-.086-.403v-.211l.885-3.834H2.756q-.594 0-1.05-.456t-.456-1.05V10.4q0-.13.034-.28a3 3 0 0 1 .075-.281l2.388-5.635q.18-.4.6-.676a1.6 1.6 0 0 1 .877-.276m7.516 1.25H5.224a.4.4 0 0 0-.18.048.3.3 0 0 0-.14.16L2.5 10.337v1.41a.25.25 0 0 0 .072.185.25.25 0 0 0 .184.072H9.92L8.875 16.57l3.865-3.849zm1.25 8.75v-1.25h2.677v-7.5H13.99v-1.25h3.927v10z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
652
|
-
// Changes to this file will be overwritten
|
|
653
|
-
var ThumbsDownOnIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M5.224 3.253h8.253v10L7.95 18.75l-.705-.705a1 1 0 0 1-.216-.344 1.1 1.1 0 0 1-.086-.403v-.211l.885-3.834h-5.07q-.595 0-1.051-.456t-.456-1.05V10.4a1.6 1.6 0 0 1 .109-.561l2.388-5.635q.18-.4.6-.676a1.6 1.6 0 0 1 .877-.276m9.503 10v-10h3.19v10z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
654
|
-
// Changes to this file will be overwritten
|
|
655
|
-
/** @deprecated Use `<ThumbsUpIconOn/>` or `<ThumbsUpIconOff/>` */var ThumbsUpIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M5.228 16.817v-8.18H2.502v8.18zm10.907-8.862h-4.301l.647-3.115.02-.218c0-.28-.115-.539-.3-.723l-.722-.716-4.485 4.493a1.33 1.33 0 0 0-.402.96v6.817c0 .75.613 1.364 1.363 1.364h6.135c.566 0 1.05-.341 1.254-.832l2.059-4.806q.093-.233.095-.497V9.318c0-.75-.613-1.363-1.363-1.363"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
656
|
-
// Changes to this file will be overwritten
|
|
657
|
-
var ThumbsUpOffIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M14.776 17.083H6.01v-10l5.529-5.496.705.705q.13.129.215.344.086.213.086.403v.211l-.885 3.833h5.584q.594 0 1.05.456t.456 1.05v1.347q0 .13-.034.28-.033.15-.075.28l-2.388 5.635q-.18.401-.6.677a1.6 1.6 0 0 1-.877.275m-7.516-1.25h7.516a.4.4 0 0 0 .18-.048.3.3 0 0 0 .14-.16L17.5 10V8.59a.25.25 0 0 0-.072-.184.25.25 0 0 0-.184-.073H10.08l1.045-4.567-3.865 3.85zm-1.25-8.75v1.25H3.333v7.5H6.01v1.25H2.083v-10z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
658
|
-
// Changes to this file will be overwritten
|
|
659
|
-
var ThumbsUpOnIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M14.776 17.083H6.522v-10l5.53-5.496.704.705q.13.129.216.344.086.213.086.403v.211l-.885 3.833h5.07q.595 0 1.051.456t.456 1.05v1.347a1.6 1.6 0 0 1-.109.56l-2.388 5.635q-.18.401-.6.677a1.6 1.6 0 0 1-.877.275m-9.504-10v10H2.083v-10z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
660
|
-
// Changes to this file will be overwritten
|
|
661
|
-
var TimeIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 2c4.4 0 8 3.6 8 8s-3.6 8-8 8-8-3.6-8-8 3.6-8 8-8m3.36 11.36.64-1.04-3.6-2.16V6H9.2v4.8z",fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
662
|
-
// Changes to this file will be overwritten
|
|
663
|
-
var TimeWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 2c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M13.36 13.36 9.2 10.8V6h1.2v4.16l3.6 2.16z"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
664
|
-
// Changes to this file will be overwritten
|
|
665
|
-
var TranslationIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m10.725 12.558-2.117-2.091.025-.025A14.6 14.6 0 0 0 11.725 5h2.442V3.333H8.333V1.667H6.667v1.666H.833v1.659h9.309A13.1 13.1 0 0 1 7.5 9.458a13 13 0 0 1-1.925-2.791H3.908a14.6 14.6 0 0 0 2.484 3.8L2.15 14.65l1.183 1.183L7.5 11.667l2.592 2.591zm4.692-4.225H13.75l-3.75 10h1.667l.933-2.5h3.958l.942 2.5h1.667zm-2.184 5.834 1.35-3.609 1.35 3.609z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"nonzero"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
666
|
-
// Changes to this file will be overwritten
|
|
667
|
-
var TrashIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13 2.889 12.143 2H7.857L7 2.889H4v1.778h12V2.889zM5.005 16.222c0 .982.767 1.778 1.714 1.778h6.562c.947 0 1.714-.796 1.714-1.778V5.556h-9.99z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
668
|
-
// Changes to this file will be overwritten
|
|
669
|
-
var UnattributedIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M17.497 3.145c.825 0 1.5.686 1.5 1.523l-.008 10.664c0 .838-.667 1.523-1.492 1.523H2.503c-.825 0-1.5-.685-1.5-1.523V4.668c0-.837.675-1.523 1.5-1.523zM7.001 5.43c-1.245 0-2.25 1.02-2.25 2.286C4.752 8.98 5.757 10 7.002 10s2.25-1.02 2.25-2.284C9.25 6.45 8.246 5.43 7 5.43m4.499 9.14v-.761c0-1.524-3-2.361-4.499-2.361-1.5 0-4.498.837-4.498 2.36v.763zm2.535-2.107h1.125v-1.071h-1.125zm2.29-4.15c.32-.307.522-.735.522-1.207 0-1.183-1.007-2.142-2.25-2.142-1.242 0-2.249.96-2.249 2.142h1.125c0-.588.506-1.07 1.125-1.07s1.124.482 1.124 1.07c0 .296-.123.563-.332.756l-.696.675a2.1 2.1 0 0 0-.659 1.516v.268h1.125c0-.803.254-1.125.659-1.516z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
670
|
-
// Changes to this file will be overwritten
|
|
671
|
-
var UnattributedWhiteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M17.497 3.145H2.503c-.825 0-1.5.686-1.5 1.523v10.664c0 .838.675 1.523 1.5 1.523h14.994c.825 0 1.492-.685 1.492-1.523l.008-10.664c0-.837-.675-1.523-1.5-1.523"})),/*#__PURE__*/React.createElement("g",{fill:"none",fillRule:"evenodd"},/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId)}),/*#__PURE__*/React.createElement("path",{fill:"#FFF",d:"M7.001 5.43c1.245 0 2.25 1.02 2.25 2.286C9.25 8.98 8.246 10 7 10s-2.25-1.02-2.25-2.284c0-1.265 1.005-2.286 2.25-2.286M11.5 14.57H2.503v-.761c0-1.524 2.998-2.361 4.498-2.361s4.499.837 4.499 2.36zM14.035 12.463h1.125v-1.071h-1.125zM16.324 8.312l-.505.493c-.405.39-.66.713-.66 1.516h-1.124v-.268c0-.59.254-1.125.659-1.516l.696-.675c.209-.193.332-.46.332-.756 0-.588-.505-1.07-1.124-1.07s-1.125.482-1.125 1.07h-1.125c0-1.183 1.007-2.142 2.25-2.142 1.242 0 2.249.96 2.249 2.142 0 .472-.203.9-.523 1.206"})));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
672
|
-
// Changes to this file will be overwritten
|
|
673
|
-
var UnderlineIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M10 13.667q-2.142 0-3.643-1.459t-1.5-3.562V3h2.229v5.646q0 1.187.846 2.021T10 11.5q1.222 0 2.068-.833.846-.834.846-2.021V3h2.23v5.646q0 2.104-1.5 3.562-1.502 1.46-3.644 1.459M4 17v-2h12v2z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
674
|
-
// Changes to this file will be overwritten
|
|
675
|
-
var UndoIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10.24 6.921A9.17 9.17 0 0 0 4.172 9.21L1 6.041v7.92h7.92L5.739 10.78A6.97 6.97 0 0 1 10.24 9.12c3.12 0 5.76 2.028 6.684 4.84l2.08-.686c-1.21-3.688-4.672-6.354-8.764-6.354"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
676
|
-
// Changes to this file will be overwritten
|
|
677
|
-
var UserAddIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M7.499 11.667C5.274 11.667.833 12.783.833 15v1.667h13.331V15c0-2.217-4.44-3.333-6.665-3.333m9.165-3.334v-2.5h-1.667v2.5h-2.5V10h2.5v2.5h1.667V10h2.5V8.333zM7.499 10a3.33 3.33 0 0 0 3.333-3.333 3.332 3.332 0 1 0-6.666 0A3.33 3.33 0 0 0 7.5 10"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
678
|
-
// Changes to this file will be overwritten
|
|
679
|
-
var UserDeleteIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M7.694 10a3.332 3.332 0 1 1 0-6.665 3.332 3.332 0 1 1 0 6.665m8.332-2.011 1.767-1.767L18.97 7.4l-1.767 1.767 1.767 1.768-1.178 1.178-1.767-1.767-1.767 1.767-1.179-1.178 1.768-1.768L13.08 7.4l1.179-1.178zm-8.332 3.677c2.225 0 6.665 1.117 6.665 3.333v1.666H1.03v-1.666c0-2.216 4.44-3.333 6.665-3.333"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
680
|
-
// Changes to this file will be overwritten
|
|
681
|
-
var UserExitIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M7.5 11.667C5.275 11.667.833 12.783.833 15v1.667h13.334V15c0-2.217-4.442-3.333-6.667-3.333m9.52-3.372.872.872-.872.871.87-.871zm-1.187-2.07-.882.882 1.431 1.435h-3.361v1.25h3.361l-1.431 1.434.882.882 2.942-2.941zM7.5 10a3.332 3.332 0 1 0 0-6.667A3.332 3.332 0 1 0 7.5 10"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
682
|
-
// Changes to this file will be overwritten
|
|
683
|
-
var UserIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M10 12c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4m0-2c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
684
|
-
// Changes to this file will be overwritten
|
|
685
|
-
var UserSelectIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M6.876 10a3.332 3.332 0 1 1 0-6.665 3.332 3.332 0 1 1 0 6.665m12.913-3.063-5.138 5.146-3.316-3.308 1.104-1.103 2.212 2.206 4.036-4.044zm-12.913 4.73c2.224 0 6.665 1.116 6.665 3.332v1.666H.21v-1.666c0-2.216 4.44-3.333 6.665-3.333"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
686
|
-
// Changes to this file will be overwritten
|
|
687
|
-
var UserSettingsIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M16.036 9.917a1.17 1.17 0 0 1-1.167-1.167c0-.643.524-1.166 1.167-1.166a1.168 1.168 0 0 1 0 2.333m2.477-.84c.012-.107.023-.217.023-.327s-.011-.22-.023-.326l.702-.55a.163.163 0 0 0 .04-.214l-.667-1.153a.16.16 0 0 0-.203-.073l-.83.333a2.5 2.5 0 0 0-.563-.327l-.127-.883a.163.163 0 0 0-.163-.14h-1.334a.16.16 0 0 0-.162.14l-.127.883q-.305.127-.563.327l-.83-.333a.17.17 0 0 0-.203.073l-.668 1.153a.17.17 0 0 0 .04.214l.703.55a3 3 0 0 0-.022.326c0 .114.01.22.022.327l-.702.55a.17.17 0 0 0-.041.213l.668 1.154c.039.073.126.103.203.073l.83-.333c.172.13.359.243.563.326l.127.884c.01.08.08.14.162.14h1.334c.083 0 .153-.06.163-.14l.127-.884q.305-.125.563-.326l.83.333c.073.027.164 0 .203-.073l.667-1.154a.17.17 0 0 0-.04-.213zM7.388 10a3.332 3.332 0 1 0 0-6.666 3.332 3.332 0 1 0 0 6.666m0 1.667C5.163 11.667.722 12.784.722 15v1.667h13.333V15c0-2.216-4.442-3.333-6.667-3.333"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
688
|
-
// Changes to this file will be overwritten
|
|
689
|
-
var UserUpdateIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"m17.519 10.956 1.843-1.921H18.17c-.046-1.523-1.345-2.794-2.876-2.794a2.88 2.88 0 0 0-2.877 2.877c0 .686.247 1.351.7 1.878l.308.305a2.87 2.87 0 0 0 3.33.296l.092-.055-.752-.751-.052.022a1.853 1.853 0 0 1-2.6-1.695c0-1.02.83-1.85 1.85-1.85.993 0 1.807.785 1.85 1.767h-1.62zm-10.019.71C5.275 11.667.834 12.784.834 15v1.666h13.333V15c0-2.217-4.442-3.334-6.667-3.334M7.5 10a3.333 3.333 0 1 0 .001-6.666 3.333 3.333 0 0 0 0 6.666"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
690
|
-
// Changes to this file will be overwritten
|
|
691
|
-
var UsersIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M13.6 9.6a1.994 1.994 0 0 0 1.991-2c0-1.104-.888-2-1.991-2a2 2 0 0 0 0 4m-6-.8a2.39 2.39 0 0 0 2.392-2.4 2.397 2.397 0 1 0-4.793 0c0 1.328 1.073 2.4 2.401 2.4m6 2.4c-1.464 0-4.4.736-4.4 2.2v1.8H18v-1.8c0-1.464-2.937-2.2-4.4-2.2m-6-.8c-1.865 0-5.6.936-5.6 2.8v2h5.6v-1.8c0-.68.264-1.872 1.896-2.776C8.8 10.48 8.128 10.4 7.6 10.4"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
692
|
-
// Changes to this file will be overwritten
|
|
693
|
-
var VisibleIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M9.831 3.75c-4.09 0-7.583 2.544-8.998 6.135 1.415 3.591 4.908 6.135 8.998 6.135s7.583-2.544 8.998-6.135C17.414 6.294 13.921 3.75 9.831 3.75m0 10.225a4.09 4.09 0 0 1-4.09-4.09 4.09 4.09 0 0 1 4.09-4.09 4.09 4.09 0 0 1 4.09 4.09 4.09 4.09 0 0 1-4.09 4.09m0-6.544a2.45 2.45 0 0 0-2.454 2.454 2.45 2.45 0 0 0 2.454 2.454 2.45 2.45 0 0 0 2.454-2.454 2.45 2.45 0 0 0-2.454-2.454"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
694
|
-
// Changes to this file will be overwritten
|
|
695
|
-
var WritingIcon=function(props){var uniqueId=useId();var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("defs",null,/*#__PURE__*/React.createElement("path",{id:uniqueId,d:"M1 18.55h18.002V15.7H1zM16.53 4.333a.69.69 0 0 0 0-1.009L14.78 1.66a.78.78 0 0 0-1.061 0L12.25 3.052l2.813 2.673zm-2.216 2.105-2.813-2.672-7.5 7.126v2.672h2.812z"})),/*#__PURE__*/React.createElement("use",{fill:"currentColor",href:"#".concat(uniqueId),fillRule:"evenodd"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
696
|
-
// Changes to this file will be overwritten
|
|
697
|
-
var ZoomInIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63m.514-7.203H7.175v2.058H5.117v1.03h2.058v2.057h1.03V8.204h2.057V7.175H8.204z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};// This file is autogenerated by wrapSVGs.ts
|
|
698
|
-
// Changes to this file will be overwritten
|
|
699
|
-
var ZoomOutIcon=function(props){var svgContent=/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("path",{fill:"currentColor",d:"M13.865 12.32h-.813l-.289-.277A6.66 6.66 0 0 0 14.38 7.69a6.69 6.69 0 1 0-6.69 6.69 6.66 6.66 0 0 0 4.354-1.617l.278.289v.813L17.467 19 19 17.467zm-6.175 0a4.625 4.625 0 0 1-4.632-4.63A4.625 4.625 0 0 1 7.69 3.058a4.625 4.625 0 0 1 4.63 4.632 4.625 4.625 0 0 1-4.63 4.63M5.117 7.176h5.145v1.03H5.117z"}));return/*#__PURE__*/React.createElement(SVG,__assign({},props),svgContent);};var styles$18={"notification":"GenericNotification-module_notification__-JP1M","inline":"GenericNotification-module_inline__OciO5","toast":"GenericNotification-module_toast__GOVfC","global":"GenericNotification-module_global__Weka-","positive":"GenericNotification-module_positive__U-3HK","security":"GenericNotification-module_security__QTALa","negative":"GenericNotification-module_negative__lUWhD","hidden":"GenericNotification-module_hidden__WJjct","noBottomMargin":"GenericNotification-module_noBottomMargin__28nF8","persistent":"GenericNotification-module_persistent__O7bgI","subtle":"GenericNotification-module_subtle__kPns9","icon":"GenericNotification-module_icon__SDb8v","textContainer":"GenericNotification-module_textContainer__Avpbk","forceMultiline":"GenericNotification-module_forceMultiline__JcVA4","title":"GenericNotification-module_title__dvQOr","text":"GenericNotification-module_text__X-5ld","cancel":"GenericNotification-module_cancel__c6wky","disabled":"GenericNotification-module_disabled__WGBhD","hover":"GenericNotification-module_hover__hUURd","active":"GenericNotification-module_active__-6ahb","cancelLabel":"GenericNotification-module_cancelLabel__HJzsk","notificationTitle":"GenericNotification-module_notificationTitle__Oaqb8","success":"GenericNotification-module_success__oLGIP","informative":"GenericNotification-module_informative__WLimi","cautionary":"GenericNotification-module_cautionary__lneFu","warning":"GenericNotification-module_warning__7275P"};const CancelButton=/*#__PURE__*/function(){const CancelButton=function(_a){var onClick=_a.onClick;return/*#__PURE__*/React.createElement("button",{className:styles$18.cancel,type:"button",onClick:onClick,"data-testid":"close-button","aria-label":"Close notification"},/*#__PURE__*/React.createElement(Icon,{name:"close",isPresentational:true}));};CancelButton.displayName="CancelButton";return CancelButton;}();const NotificationHeading=/*#__PURE__*/function(){const NotificationHeading=function(_a){var titleProp=_a.titleProp,headingProps=_a.headingProps;if(headingProps){return/*#__PURE__*/React.createElement(Heading,{variant:headingProps.variant||"heading-6",tag:headingProps.tag||"div",color:headingProps.color||"dark",classNameOverride:styles$18.notificationTitle},headingProps.children);}if(titleProp){return/*#__PURE__*/React.createElement(Heading,{variant:"heading-6",tag:"div",color:"dark",classNameOverride:styles$18.notificationTitle},titleProp);}return null;};NotificationHeading.displayName="NotificationHeading";return NotificationHeading;}();var styles$17={"notificationIcon":"NotificationIcon-module_notificationIcon__4xH0m"};var NotificationIcon=function(_a){var name=_a.name;return/*#__PURE__*/React.createElement(Icon,{name:name,isFilled:true,isPresentational:true,className:styles$17.notificationIcon});};const NotificationIconType=/*#__PURE__*/function(){const NotificationIconType=function(_a){var type=_a.type;switch(type){case"positive":return/*#__PURE__*/React.createElement(NotificationIcon,{name:"check_circle"});case"negative":return/*#__PURE__*/React.createElement(NotificationIcon,{name:"error"});case"cautionary":return/*#__PURE__*/React.createElement(NotificationIcon,{name:"warning"});case"informative":return/*#__PURE__*/React.createElement(NotificationIcon,{name:"info"});case"security":return/*#__PURE__*/React.createElement(NotificationIcon,{name:"privacy_tip"});default:return/*#__PURE__*/React.createElement(NotificationIcon,{name:"info"});}};NotificationIconType.displayName="NotificationIconType";return NotificationIconType;}();const NotificationIconVariant=/*#__PURE__*/function(){const NotificationIconVariant=function(_a){var variant=_a.variant;switch(variant){case"success":return/*#__PURE__*/React.createElement(NotificationIcon,{name:"check_circle"});case"warning":return/*#__PURE__*/React.createElement(NotificationIcon,{name:"error"});case"cautionary":return/*#__PURE__*/React.createElement(NotificationIcon,{name:"warning"});case"informative":return/*#__PURE__*/React.createElement(NotificationIcon,{name:"info"});case"security":return/*#__PURE__*/React.createElement(NotificationIcon,{name:"privacy_tip"});}};NotificationIconVariant.displayName="NotificationIconVariant";return NotificationIconVariant;}();const GenericNotification=/*#__PURE__*/function(){const GenericNotification=/*#__PURE__*/forwardRef(function(_a,ref){var type=_a.type,variant=_a.variant,style=_a.style,children=_a.children,title=_a.title,_b=_a.persistent,persistent=_b===void 0?false:_b,onHide=_a.onHide,noBottomMargin=_a.noBottomMargin,forceMultiline=_a.forceMultiline,headingProps=_a.headingProps,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["type","variant","style","children","title","persistent","onHide","noBottomMargin","forceMultiline","headingProps","classNameOverride"]);var _c=useState(true),isHidden=_c[0],setIsHidden=_c[1];var _d=useState(false),isRemoved=_d[0],setIsRemoved=_d[1];var fallbackRef=useRef(null);var containerRef=isRefObject(ref)?ref:fallbackRef;useEffect(function(){requestAnimationFrame(function(){if(containerRef.current){setIsHidden(false);}});},[]);var getMarginTop=function(){if(isHidden&&containerRef.current){return-containerRef.current.clientHeight+"px";}return"0";};var onTransitionEnd=function(e){// Be careful: this assumes the final CSS property to be animated is "margin-top".
|
|
700
|
-
if(isHidden&&e.propertyName==="margin-top"){setIsRemoved(true);onHide===null||onHide===void 0?void 0:onHide();}};if(isRemoved){return null;}return/*#__PURE__*/React.createElement("div",__assign({ref:containerRef,className:classnames(styles$18.notification,variant?styles$18[variant]:styles$18[type],styles$18[style],isHidden&&styles$18.hidden,noBottomMargin&&styles$18.noBottomMargin,classNameOverride,persistent&&styles$18.persistent),style:{marginTop:getMarginTop()},onTransitionEnd:onTransitionEnd},restProps),/*#__PURE__*/React.createElement("div",{className:styles$18.icon},type?(/*#__PURE__*/React.createElement(NotificationIconType,{type:type})):(/*#__PURE__*/React.createElement(NotificationIconVariant,{variant:variant}))),/*#__PURE__*/React.createElement("div",{className:classnames(styles$18.textContainer,forceMultiline&&styles$18.forceMultiline)},style!=="global"&&(/*#__PURE__*/React.createElement(NotificationHeading,{titleProp:title,headingProps:headingProps})),children&&/*#__PURE__*/React.createElement("div",{className:styles$18.text},children)),!persistent&&/*#__PURE__*/React.createElement(CancelButton,{onClick:function(){return setIsHidden(true);}}));});GenericNotification.displayName="GenericNotification";/**
|
|
701
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |
|
|
702
|
-
* {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}
|
|
703
|
-
*/return GenericNotification;}();const InlineNotification=/*#__PURE__*/function(){const InlineNotification=/*#__PURE__*/forwardRef(function(_a,ref){var isSubtle=_a.isSubtle,_b=_a.hideCloseIcon,hideCloseIcon=_b===void 0?false:_b,_c=_a.persistent,persistent=_c===void 0?false:_c,classNameOverride=_a.classNameOverride,otherProps=__rest(_a,["isSubtle","hideCloseIcon","persistent","classNameOverride"]);return/*#__PURE__*/React.createElement(GenericNotification,__assign({style:"inline",persistent:persistent||hideCloseIcon,classNameOverride:classnames(classNameOverride,[isSubtle&&styles$18.subtle]),ref:ref},otherProps));});InlineNotification.displayName="InlineNotification";/**
|
|
704
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |
|
|
705
|
-
* {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}
|
|
706
|
-
*/return InlineNotification;}();const GlobalNotification=/*#__PURE__*/function(){const GlobalNotification=function(_a){var _b=_a.persistent,persistent=_b===void 0?false:_b,props=__rest(_a,["persistent"]);return/*#__PURE__*/React.createElement(GenericNotification,__assign({persistent:persistent,style:"global"},props));};GlobalNotification.displayName="GlobalNotification";return GlobalNotification;}();var ToastNotificationContext=/*#__PURE__*/React.createContext(null);var useToastNotificationContext=function(){var context=useContext(ToastNotificationContext);if(!context){throw new Error("useToastNotificationContext must be used within the ToastNotificationContext.Provider");}return context;};const ToastNotificationProvider=/*#__PURE__*/function(){const ToastNotificationProvider=function(_a){var children=_a.children;var _b=useState([]),notifications=_b[0],setNotifications=_b[1];var addToastNotification=function(notification){var uuid=v4();var notificationWithId=__assign({id:uuid},notification);setNotifications(function(existing){var notificationExists=existing.find(function(_a){var id=_a.id;return id===notification.id;});return notificationExists?existing:__spreadArray(__spreadArray([],existing,true),[notificationWithId],false);});};var updateToastNotification=function(notification){var notificationIndex=notifications.findIndex(function(_a){var id=_a.id;return id===notification.id;});var copy=notifications.slice();copy.splice(notificationIndex,1,notification);// Mutation to insert notification over itself
|
|
707
|
-
setNotifications(copy);};var removeToastNotification=function(notificationID){setNotifications(function(prev){return prev.filter(function(_a){var id=_a.id;return id!==notificationID;});});};var clearToastNotifications=function(){setNotifications([]);};var value={notifications:notifications,addToastNotification:addToastNotification,updateToastNotification:updateToastNotification,removeToastNotification:removeToastNotification,clearToastNotifications:clearToastNotifications};return/*#__PURE__*/React.createElement(ToastNotificationContext.Provider,{value:value},children);};ToastNotificationProvider.displayName="ToastNotificationProvider";return ToastNotificationProvider;}();var ToastNotification=function(_a){var propsId=_a.id,_b=_a.hideCloseIcon,hideCloseIcon=_b===void 0?false:_b,title=_a.title,onHide=_a.onHide,children=_a.children,restProps=__rest(_a,["id","hideCloseIcon","title","onHide","children"]);var reactId=useId();var id=propsId||reactId;var addToastNotification=useToastNotificationContext().addToastNotification;var persistent=hideCloseIcon;useEffect(function(){addToastNotification(__assign({id:id,title:title,message:children,persistent:persistent,onHide:onHide},restProps));},[]);return null;};ToastNotification.displayName="ToastNotification";const ToastNotificationsMap=/*#__PURE__*/function(){const ToastNotificationsMap=function(_a){var notifications=_a.notifications,defaultOnHide=_a.onHide,container=_a.container;if(!container)return null;// To consolidate all notifications into a single list when there are multiple contexts,
|
|
708
|
-
// this list cannot render with a container (must be portalled into one).
|
|
709
|
-
return/*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(React.Fragment,null,notifications.map(function(_a){var id=_a.id,title=_a.title,persistent=_a.persistent,onHide=_a.onHide,message=_a.message,restProps=__rest(_a,["id","title","persistent","onHide","message"]);return/*#__PURE__*/React.createElement(GenericNotification,__assign({key:id,style:"toast",title:title,persistent:persistent,onHide:function(){if(typeof onHide!=="undefined"){onHide();}defaultOnHide(id);}},restProps),message);})),container);};ToastNotificationsMap.displayName="ToastNotificationsMap";return ToastNotificationsMap;}();var styles$16={"toastNotificationsList":"ToastNotificationsList-module_toastNotificationsList__APiSP"};const ToastNotificationsList=/*#__PURE__*/function(){const ToastNotificationsList=function(){var _a=useToastNotificationContext(),notifications=_a.notifications,removeToastNotification=_a.removeToastNotification;var containers=document.querySelectorAll('[data-testid="toast-notifications-list"');if(containers){// Remove any duplicate instances
|
|
710
|
-
// (eg. Storybook docs page has multiple stories each with their own context)
|
|
711
|
-
containers.forEach(function(c,i){if(i===0)return;c.remove();});}return/*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div",{"data-testid":"toast-notifications-list",role:"status",className:styles$16.toastNotificationsList},/*#__PURE__*/React.createElement(ToastNotificationsMap,{notifications:notifications,onHide:removeToastNotification,container:containers[0]})),document.body);};ToastNotificationsList.displayName="ToastNotificationsList";return ToastNotificationsList;}();var useToastNotification=function(){var context=useToastNotificationContext();return context;};var FontDefinitions=function(){return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("link",{rel:"preload",href:"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-bold.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),/*#__PURE__*/React.createElement("link",{rel:"preload",href:"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-demi-bold.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),/*#__PURE__*/React.createElement("link",{rel:"preload",href:"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-medium.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),/*#__PURE__*/React.createElement("link",{rel:"preload",href:"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/inter/inter-regular.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}),/*#__PURE__*/React.createElement("link",{rel:"preload",href:"https://d1e7r7b0lb8p4d.cloudfront.net/fonts/tiempos/tiempos-headline-bold.woff2",as:"font",type:"font/woff2",crossOrigin:"anonymous"}));};const OptionalIntlProvider=/*#__PURE__*/function(){const OptionalIntlProvider=function(_a){var locale=_a.locale,children=_a.children;var parent=useContext(IntlContext);if(parent){// we always wrap with react-aria provider as we have no way checking if parent is wrapped (useLocale returns default value if not)
|
|
712
|
-
// but it's not a big deal as we'll consume the defined locale anyways so no effect on children
|
|
713
|
-
return/*#__PURE__*/React.createElement(I18nProvider,{locale:parent.locale},children);}return/*#__PURE__*/React.createElement(StaticIntlProvider,{locale:locale},/*#__PURE__*/React.createElement(I18nProvider,{locale:locale},children));};OptionalIntlProvider.displayName="OptionalIntlProvider";return OptionalIntlProvider;}();const KaizenProvider=/*#__PURE__*/function(){const KaizenProvider=function(_a){var children=_a.children,_b=_a.locale,locale=_b===void 0?"en":_b;var _c=useState(false),documentIsAvailable=_c[0],setDocumentIsAvailable=_c[1];var _d=useState(),notificationsList=_d[0],setNotificationsList=_d[1];useEffect(function(){// SSR does not have a document, which is required for ToastNotificationsList.
|
|
714
|
-
// Await document render before rendering the component.
|
|
715
|
-
if(document!==undefined){setNotificationsList(/*#__PURE__*/React.createElement(ToastNotificationsList,null));setDocumentIsAvailable(true);}},[documentIsAvailable]);return/*#__PURE__*/React.createElement(OptionalIntlProvider,{locale:locale},/*#__PURE__*/React.createElement(ToastNotificationProvider,null,notificationsList,children),/*#__PURE__*/React.createElement(FontDefinitions,null));};KaizenProvider.displayName="KaizenProvider";/**
|
|
716
|
-
* Takes a keypress on a div that's imitating a radio and determines where the selection should go.
|
|
717
|
-
* Uses the following as a guide, with one modification - allowing space press on a selected item to unselect:
|
|
718
|
-
* https://www.w3.org/TR/wai-aria-practices/examples/radio/radio-1/radio-1.html
|
|
719
|
-
*/return KaizenProvider;}();var SCALE_VALUE_RESPONSE=new Map([[-1,-1],[1,1],[2,2],[3,3],[4,4],[5,5]]);var determineSelectionFromKeyPress=function(keyCode,currentSelection,focusedItem){var supportedKeyCodes=[32,37,38,39,40];if(supportedKeyCodes.indexOf(keyCode)===-1){return null;}var spacePressed=keyCode===32;var backPressed=keyCode===37||keyCode===38;var forwardPressed=keyCode===39||keyCode===40;var noCurrentSelection=!currentSelection||currentSelection.value<=0;if(spacePressed){return noCurrentSelection?focusedItem.value:-1;}if(noCurrentSelection||!currentSelection){if(backPressed){return oneSelectionBackward(focusedItem.value);}return oneSelectionForward(focusedItem.value);}if(backPressed){return oneSelectionBackward(currentSelection.value);}if(forwardPressed){return oneSelectionForward(currentSelection.value);}return null;};var oneSelectionForward=function(value){if(value===5){return 1;}var calculatedPosition=SCALE_VALUE_RESPONSE.get(value+1);return calculatedPosition||null;};var oneSelectionBackward=function(value){if(value===1){return 5;}var calculatedPosition=SCALE_VALUE_RESPONSE.get(value-1);return calculatedPosition||null;};var styles$15={"container":"LikertScaleLegacy-module_container__5wjIJ","rated":"LikertScaleLegacy-module_rated__KXpzU","likertItem":"LikertScaleLegacy-module_likertItem__LwX2w","unselected":"LikertScaleLegacy-module_unselected__nP5p9","likertItemFill":"LikertScaleLegacy-module_likertItemFill__yj0tC","reversed":"LikertScaleLegacy-module_reversed__qrwrP","likertItem4":"LikertScaleLegacy-module_likertItem4__0SWtD","likertItem5":"LikertScaleLegacy-module_likertItem5__ZF0By","check":"LikertScaleLegacy-module_check__3wQsx","suggested":"LikertScaleLegacy-module_suggested__0xk0D","itemContainer":"LikertScaleLegacy-module_itemContainer__9Vfq0","legend":"LikertScaleLegacy-module_legend__HYNg-","classicalColorSchema":"LikertScaleLegacy-module_classicalColorSchema__nPw3y","field1":"LikertScaleLegacy-module_field1__TDRE-","selected":"LikertScaleLegacy-module_selected__MVmcb","field2":"LikertScaleLegacy-module_field2__s-CD7","field3":"LikertScaleLegacy-module_field3__xp5eQ","field4":"LikertScaleLegacy-module_field4__IVK7E","field5":"LikertScaleLegacy-module_field5__9sETV","blueColorSchema":"LikertScaleLegacy-module_blueColorSchema__w8XlF","pop":"LikertScaleLegacy-module_pop__hTH48","likertItem1":"LikertScaleLegacy-module_likertItem1__cYmY6","hovered":"LikertScaleLegacy-module_hovered__vVUN6"};var SelectedItemIcon=function(){return/*#__PURE__*/React.createElement(Icon,{name:"check",isPresentational:true,className:styles$15.check});};/**
|
|
720
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |
|
|
721
|
-
* {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}
|
|
722
|
-
*/var LikertScaleLegacy=function(_a){var scale=_a.scale,selectedItem=_a.selectedItem,reversed=_a.reversed,_b=_a.colorSchema,colorSchema=_b===void 0?"classical":_b,dataTestId=_a["data-testid"],onSelect=_a.onSelect,validationMessage=_a.validationMessage,status=_a.status,labelId=_a.labelId;var _c=useState(null),hoveredItem=_c[0],setHoveredItem=_c[1];var itemRefs=scale.map(function(s){return{value:s.value,ref:/*#__PURE__*/createRef()};});var handleRadioClick=function(item){// Is this a click on the item that is currently selected?
|
|
723
|
-
var isClickOnSelectedItem=(selectedItem===null||selectedItem===void 0?void 0:selectedItem.value)===item.value;// Grab "Not rated" state item from the scale, its value is -1
|
|
724
|
-
var notYetRated=scale.find(function(s){return s.value===-1;})||null;// Clear or set new selection
|
|
725
|
-
var newItem=isClickOnSelectedItem?notYetRated:item;onSelect(newItem);setHoveredItem(null);};/**
|
|
726
|
-
* Because the radios have been built with divs, we need to add the keyboard functionality manually
|
|
727
|
-
*/var handleKeyDown=function(event,focusedItem){var newPosition=determineSelectionFromKeyPress(event.keyCode,selectedItem,focusedItem);if(newPosition){event.preventDefault();onSelect(scale.find(function(s){return s.value===newPosition;})||null);// Update focus
|
|
728
|
-
var itemRef=itemRefs.find(function(item){return item.value===newPosition;});itemRef&&itemRef.ref.current&&itemRef.ref.current.focus();}};var legend=(hoveredItem===null||hoveredItem===void 0?void 0:hoveredItem.label)||(selectedItem===null||selectedItem===void 0?void 0:selectedItem.label)||"Not rated";var shouldDisplayValidationMessage=status!=="default"&&validationMessage!==undefined;var validationMessageId=shouldDisplayValidationMessage?"".concat(labelId,"-field-validation-message"):undefined;var isRated=selectedItem&&selectedItem.value>0;return/*#__PURE__*/React.createElement("div",{className:classnames(styles$15.container,isRated&&styles$15.rated,reversed&&[styles$15.reversed],hoveredItem!==null&&styles$15.hovered),"aria-labelledby":labelId,role:"radiogroup",tabIndex:-1,"aria-describedby":validationMessageId,"data-testid":dataTestId},/*#__PURE__*/React.createElement("div",{className:styles$15.legend,"data-testid":dataTestId&&"".concat(dataTestId,"-legend")},/*#__PURE__*/React.createElement(Text,{variant:"small",color:reversed?"white":"dark"},legend)),/*#__PURE__*/React.createElement("div",{className:classnames(styles$15.itemContainer,isRated&&styles$15.rated,reversed&&styles$15.reversed)},scale.map(function(item){if(item.value<=0){return;}var isSelectedItem=(selectedItem===null||selectedItem===void 0?void 0:selectedItem.value)===item.value;var itemRef=itemRefs.find(function(i){return item.value===i.value;});// Make control tabbable
|
|
729
|
-
var tabIndex=0;// Unless.. there's an item selected and it's not this one
|
|
730
|
-
if(selectedItem&&selectedItem.value>0&&selectedItem.value!==item.value){tabIndex=-1;}var isSelected=selectedItem&&item.value<=(selectedItem===null||selectedItem===void 0?void 0:selectedItem.value)&&!hoveredItem;var isSuggested=hoveredItem&&hoveredItem.value>=item.value;var isUnselected=selectedItem&&selectedItem.value<item.value;return/*#__PURE__*/React.createElement("div",{className:classnames(styles$15.likertItem,colorSchema=="blue"?styles$15.blueColorSchema:styles$15.classicalColorSchema,styles$15["likertItem".concat(item.value)],isSelected&&styles$15.selected,isSuggested&&styles$15.suggested,isUnselected&&styles$15.unselected),key:item.value,"data-testid":dataTestId&&"".concat(dataTestId,"-item-").concat(item.value),onClick:function(){return handleRadioClick(item);},onMouseEnter:function(){return setHoveredItem(item);},onMouseLeave:function(){return setHoveredItem(null);},onKeyDown:function(event){return handleKeyDown(event,item);},onFocus:function(){return setHoveredItem(item);},onBlur:function(){return setHoveredItem(null);},role:"radio","aria-label":item.label,"aria-checked":isSelectedItem,"aria-posinset":item.value,"aria-setsize":5,tabIndex:tabIndex,ref:itemRef&&itemRef.ref},/*#__PURE__*/React.createElement("div",{className:classnames(styles$15.likertItemFill,styles$15["field".concat(item.value)],isSelectedItem&&styles$15.pop)}),isSelectedItem?/*#__PURE__*/React.createElement(SelectedItemIcon,null):null);})),shouldDisplayValidationMessage&&(/*#__PURE__*/React.createElement(FieldMessage,{id:validationMessageId,message:validationMessage,status:status,reversed:reversed})));};var yellow="\u001b[33m ";var reset="\u001b[0m ";/**
|
|
731
|
-
* @deprecated Do not use ever again
|
|
732
|
-
*/var warn=function(message){// eslint-disable-next-line no-console
|
|
733
|
-
console.warn("".concat(yellow,"\nCULTUREAMP UI WARNING:\n").concat(singleLine(message)).concat(reset,"\n"));};var singleLine=function(message){return message.replace(/^ +/gm," ").replace(/\n|\r/gm,"").trim();};var ModalContext=/*#__PURE__*/createContext({labelledByID:"modal-labelledby",describedByID:"modal-describedby"});var styles$14={"defaultModalWidth":"GenericModal-module_defaultModalWidth__kG7lU","backdropLayer":"GenericModal-module_backdropLayer__RNQ-U","scrollLayer":"GenericModal-module_scrollLayer__A5VdY","modalLayer":"GenericModal-module_modalLayer__WfD1U","animatingEnter":"GenericModal-module_animatingEnter__P3wuk","fade-0-to-0-5":"GenericModal-module_fade-0-to-0-5__-4t3h","custom-1":"GenericModal-module_custom-1__G0JT4","animatingLeave":"GenericModal-module_animatingLeave__rNkKX","fade-0-5-to-0":"GenericModal-module_fade-0-5-to-0__JkaSn","custom-3":"GenericModal-module_custom-3__oWflS","unscrollable":"GenericModal-module_unscrollable__HjRaW","pseudoScrollbar":"GenericModal-module_pseudoScrollbar__BhRqh","hide":"GenericModal-module_hide__SK9PI"};const GenericModal=/*#__PURE__*/function(){const GenericModal=function(_a){var propsId=_a.id,children=_a.children,_b=_a.isOpen,isOpen=_b===void 0?true:_b,focusLockDisabled=_a.focusLockDisabled,onEscapeKeyup=_a.onEscapeKeyup,onOutsideModalClick=_a.onOutsideModalClick,onAfterEnter=_a.onAfterEnter,propsOnAfterLeave=_a.onAfterLeave;var reactId=useId();var id=propsId!==null&&propsId!==void 0?propsId:reactId;var labelledByID=useId();var describedByID=useId();var _c=useState(null),scrollLayer=_c[0],setScrollLayer=_c[1];var _d=useState(null),modalLayer=_d[0],setModalLayer=_d[1];var scrollModalToTop=function(){// If we have a really long modal, the autofocus could land on an element down below
|
|
734
|
-
// causing the modal to scroll down and skipping over the content near the modal's top.
|
|
735
|
-
// Ensure that when the modal opens, we are at the top of its content.
|
|
736
|
-
requestAnimationFrame(function(){if(!scrollLayer)return;scrollLayer.scrollTop=0;});};var outsideModalClickHandler=function(event){if(event.target===scrollLayer||event.target===modalLayer){onOutsideModalClick===null||onOutsideModalClick===void 0?void 0:onOutsideModalClick(event);}};var focusOnAccessibleLabel=function(){// Check if focus already exists within the modal
|
|
737
|
-
if(modalLayer===null||modalLayer===void 0?void 0:modalLayer.contains(document.activeElement)){return;}var labelElement=document.getElementById(labelledByID);labelElement===null||labelElement===void 0?void 0:labelElement.focus();};var a11yWarn=function(){// Ensure that consumers have provided an element that labels the modal
|
|
738
|
-
// to meet ARIA accessibility guidelines.
|
|
739
|
-
if(!document.getElementById(labelledByID)){warn("When using the Modal component, you must provide a label for the modal.\n Make sure you have a <ModalAccessibleLabel /> component with content that labels the modal.");}};var preventBodyScroll=function(){var _a;var hasScrollbar=window.innerWidth>document.documentElement.clientWidth;var scrollStyles=[styles$14.unscrollable];if(hasScrollbar){scrollStyles.push(styles$14.pseudoScrollbar);}(_a=document.documentElement.classList).add.apply(_a,scrollStyles);};var onAfterEnterHandler=function(){scrollModalToTop();if(modalLayer){onAfterEnter===null||onAfterEnter===void 0?void 0:onAfterEnter();focusOnAccessibleLabel();a11yWarn();}};var onBeforeEnterHandler=function(){preventBodyScroll();if(onEscapeKeyup){document.addEventListener("keyup",function(event){if(event.key==="Escape"){onEscapeKeyup===null||onEscapeKeyup===void 0?void 0:onEscapeKeyup(event);}});}};var cleanUpAfterClose=function(){document.documentElement.classList.remove(styles$14.unscrollable,styles$14.pseudoScrollbar);if(onEscapeKeyup){document.removeEventListener("keyup",onEscapeKeyup);}};/* Ensure sure add-on styles (e.g. unscrollable) and key event is cleaned up when the modal is unmounted*/useEffect(function(){return function(){return cleanUpAfterClose();};},[]);var onAfterLeaveHandler=function(){cleanUpAfterClose();propsOnAfterLeave===null||propsOnAfterLeave===void 0?void 0:propsOnAfterLeave();};return/*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(Transition,{appear:true,show:isOpen,enter:styles$14.animatingEnter,leave:styles$14.animatingLeave,beforeEnter:onBeforeEnterHandler,afterEnter:onAfterEnterHandler,afterLeave:onAfterLeaveHandler,"data-generic-modal-transition-wrapper":true,onClick:function(e){return e.stopPropagation();}},/*#__PURE__*/React.createElement(FocusLock,{disabled:focusLockDisabled,returnFocus:true,// Disabling false positive
|
|
740
|
-
// eslint-disable-next-line jsx-a11y/no-autofocus
|
|
741
|
-
autoFocus:false},/*#__PURE__*/React.createElement("div",{className:styles$14.backdropLayer}),/*#__PURE__*/React.createElement("div",{className:styles$14.scrollLayer,ref:function(scrollLayerRef){setScrollLayer(scrollLayerRef);},onClick:outsideModalClickHandler,"data-testid":"".concat(id,"-scrollLayer")},/*#__PURE__*/React.createElement(ModalContext.Provider,{value:{labelledByID:labelledByID,describedByID:describedByID}},/*#__PURE__*/React.createElement("div",{role:"dialog",className:styles$14.modalLayer,"aria-labelledby":labelledByID,"aria-describedby":describedByID,ref:function(modalLayerRef){return setModalLayer(modalLayerRef);},"data-testid":id},children))))),document.body);};GenericModal.displayName="GenericModal";return GenericModal;}();var styles$13={"modalDescription":"ModalAccessibleDescription-module_modalDescription__gq-Mn"};const ModalAccessibleDescription=/*#__PURE__*/function(){const ModalAccessibleDescription=function(_a){var children=_a.children;return/*#__PURE__*/React.createElement(ModalContext.Consumer,null,function(_a){var describedByID=_a.describedByID;return/*#__PURE__*/React.createElement("div",{id:describedByID,className:styles$13.modalDescription},children);});};ModalAccessibleDescription.displayName="ModalAccessibleDescription";return ModalAccessibleDescription;}();var styles$12={"inputEdit":"ModalBody-module_inputEdit__4Krgt"};const ModalBody=/*#__PURE__*/function(){const ModalBody=function(_a){var _b=_a.inputEdit,inputEdit=_b===void 0?false:_b,children=_a.children;return/*#__PURE__*/React.createElement("div",{className:classnames(inputEdit&&styles$12.inputEdit)},children);};ModalBody.displayName="ModalBody";return ModalBody;}();var styles$11={"actions":"ModalFooter-module_actions__q2PiD","actionsAlignStart":"ModalFooter-module_actionsAlignStart__4wZ75","padded":"ModalFooter-module_padded__9PLtz","actionButton":"ModalFooter-module_actionButton__YD4vG","footerWrap":"ModalFooter-module_footerWrap__IEAMY","center":"ModalFooter-module_center__w232S","border":"ModalFooter-module_border__jj-Zy","start":"ModalFooter-module_start__0GJno","end":"ModalFooter-module_end__KuUbk","fixed":"ModalFooter-module_fixed__mV5fZ","filler":"ModalFooter-module_filler__kElGb"};const ModalFooter=/*#__PURE__*/function(){const ModalFooter=function(_a){var unpadded=_a.unpadded,actions=_a.actions,_b=_a.appearance,appearance=_b===void 0?"primary":_b,alignStart=_a.alignStart,variant=_a.variant,props=__rest(_a,["unpadded","actions","appearance","alignStart","variant"]);var queries=useMediaQueries().queries;return/*#__PURE__*/React.createElement(ModalBody,{inputEdit:variant==="inputEdit"},/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$11.actions,!unpadded&&styles$11.padded,variant==="context"&&styles$11.informationPadded,alignStart&&styles$11.actionsAlignStart)},props),actions.map(function(action,index){return/*#__PURE__*/React.createElement("div",{className:styles$11.actionButton,key:index},/*#__PURE__*/React.createElement(Button,__assign({type:"button",primary:index===0&&appearance==="primary",destructive:index===0&&appearance==="destructive",secondary:index>0,fullWidth:queries.isSmall},action)));})));};ModalFooter.displayName="ModalFooter";return ModalFooter;}();var styles$10={"dismissButton":"ModalHeader-module_dismissButton__YhHZl","layout":"ModalHeader-module_layout__K8x4O","fixed":"ModalHeader-module_fixed__JEeic","filler":"ModalHeader-module_filler__w1MCN"};const ModalHeader=/*#__PURE__*/function(){const ModalHeader=function(_a){var reversed=_a.reversed,onDismiss=_a.onDismiss,children=_a.children;return/*#__PURE__*/React.createElement(ModalBody,null,/*#__PURE__*/React.createElement("div",{className:styles$10.dismissButton},/*#__PURE__*/React.createElement(IconButton,{label:"Dismiss",icon:/*#__PURE__*/React.createElement(Icon,{name:"close",isPresentational:true}),reversed:reversed,onClick:onDismiss,disabled:onDismiss==undefined})),children);};ModalHeader.displayName="ModalHeader";return ModalHeader;}();var styles$$={"modalLabel":"ModalAccessibleLabel-module_modalLabel__CQAIs","prominent":"ModalAccessibleLabel-module_prominent__WEPnY"};const ModalAccessibleLabel=/*#__PURE__*/function(){const ModalAccessibleLabel=function(_a){var children=_a.children,_b=_a.isProminent,isProminent=_b===void 0?false:_b;return/*#__PURE__*/React.createElement(ModalContext.Consumer,null,function(_a){var labelledByID=_a.labelledByID;return/*#__PURE__*/React.createElement("div",{id:labelledByID,tabIndex:-1,className:classnames(styles$$.modalLabel,isProminent&&styles$$.prominent)},children);});};ModalAccessibleLabel.displayName="ModalAccessibleLabel";return ModalAccessibleLabel;}();var styles$_={"defaultModalWidth":"ConfirmationModal-module_defaultModalWidth__K3fje","backdropLayer":"ConfirmationModal-module_backdropLayer__wvXnl","scrollLayer":"ConfirmationModal-module_scrollLayer__x-yP4","modalLayer":"ConfirmationModal-module_modalLayer__MucTZ","modal":"ConfirmationModal-module_modal__k3pXu","animatingEnter":"ConfirmationModal-module_animatingEnter__4W4xh","fade-0-to-0-5":"ConfirmationModal-module_fade-0-to-0-5__353tZ","custom-1":"ConfirmationModal-module_custom-1__Ibcy-","animatingLeave":"ConfirmationModal-module_animatingLeave__n-S4X","fade-0-5-to-0":"ConfirmationModal-module_fade-0-5-to-0__pfhV-","custom-3":"ConfirmationModal-module_custom-3__MEO7v","unscrollable":"ConfirmationModal-module_unscrollable__wg2AZ","pseudoScrollbar":"ConfirmationModal-module_pseudoScrollbar__NqMuT","hide":"ConfirmationModal-module_hide__jOdWV","spotIcon":"ConfirmationModal-module_spotIcon__rFSHQ","header":"ConfirmationModal-module_header__Ooy23","padded":"ConfirmationModal-module_padded__nGa2-","iconContainer":"ConfirmationModal-module_iconContainer__QjdGa","prominent":"ConfirmationModal-module_prominent__8-gkP","positiveHeader":"ConfirmationModal-module_positiveHeader__8Dmja","informativeHeader":"ConfirmationModal-module_informativeHeader__lTv94","negativeHeader":"ConfirmationModal-module_negativeHeader__Pmob9","assertiveHeader":"ConfirmationModal-module_assertiveHeader__3chNK","cautionaryHeader":"ConfirmationModal-module_cautionaryHeader__ZnE4P","success":"ConfirmationModal-module_success__4feh-","informative":"ConfirmationModal-module_informative__-kOIo","warning":"ConfirmationModal-module_warning__QlnBO","cautionary":"ConfirmationModal-module_cautionary__AJSCG"};var getIconName=function(variantName){switch(variantName){case"cautionary":return"warning";case"informative":return"info";case"negative":case"warning":return"error";case"positive":case"success":return"check_circle";case"assertive":return"error";}};var getIcon=function(variantName,isProminent){if(isProminent){switch(variantName){case"cautionary":return/*#__PURE__*/React.createElement(Cautionary,null);case"informative":return/*#__PURE__*/React.createElement(Informative,null);case"negative":case"warning":return/*#__PURE__*/React.createElement(Negative,null);case"positive":case"success":return/*#__PURE__*/React.createElement(Positive,null);case"assertive":return/*#__PURE__*/React.createElement(Assertive,null);}}var iconName=getIconName(variantName);return/*#__PURE__*/React.createElement(Icon,{name:iconName,isPresentational:true,isFilled:true});};/**
|
|
742
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
|
|
743
|
-
* {@link https://cultureamp.design/?path=/docs/components-modals-confirmationmodal--docs Storybook}
|
|
744
|
-
*/const ConfirmationModal=/*#__PURE__*/function(){const ConfirmationModal=function(_a){var isOpen=_a.isOpen,_b=_a.isProminent,isProminent=_b===void 0?false:_b,_c=_a.unpadded,unpadded=_c===void 0?false:_c,mood=_a.mood,variant=_a.variant,title=_a.title,onConfirm=_a.onConfirm,onAfterLeave=_a.onAfterLeave,onAfterEnter=_a.onAfterEnter,_d=_a.confirmLabel,confirmLabel=_d===void 0?"Confirm":_d,_e=_a.dismissLabel,dismissLabel=_e===void 0?"Cancel":_e,confirmWorking=_a.confirmWorking,propsOnDismiss=_a.onDismiss,children=_a.children,props=__rest(_a,["isOpen","isProminent","unpadded","mood","variant","title","onConfirm","onAfterLeave","onAfterEnter","confirmLabel","dismissLabel","confirmWorking","onDismiss","children"]);var variantName=variant||mood;var onDismiss=confirmWorking?undefined:propsOnDismiss;var footerActions=[];if(onConfirm){var confirmAction={label:confirmLabel,onClick:onConfirm};var workingProps=confirmWorking?{working:true,workingLabel:confirmWorking.label,workingLabelHidden:confirmWorking.labelHidden}:{};footerActions.push(__assign(__assign({},confirmAction),workingProps));}footerActions.push({label:dismissLabel,onClick:onDismiss,disabled:!!confirmWorking});return/*#__PURE__*/React.createElement(GenericModal,{isOpen:isOpen,onEscapeKeyup:onDismiss,onOutsideModalClick:onDismiss,onAfterLeave:onAfterLeave,onAfterEnter:onAfterEnter},/*#__PURE__*/React.createElement("div",__assign({className:styles$_.modal,"data-modal":true},props),/*#__PURE__*/React.createElement(ModalHeader,{onDismiss:onDismiss},/*#__PURE__*/React.createElement("div",{className:classnames(styles$_.header,variant?styles$_[variant]:styles$_["".concat(mood,"Header")],isProminent&&styles$_.prominent,!unpadded&&styles$_.padded)},/*#__PURE__*/React.createElement("div",{className:classnames(styles$_.iconContainer,isProminent&&styles$_.prominent)},/*#__PURE__*/React.createElement("div",{className:styles$_.spotIcon},getIcon(variantName,isProminent))),/*#__PURE__*/React.createElement(ModalAccessibleLabel,{isProminent:isProminent},/*#__PURE__*/React.createElement(Heading,{tag:"h2",variant:"heading-2"},title)))),/*#__PURE__*/React.createElement(ModalBody,null,/*#__PURE__*/React.createElement("div",{className:classnames(isProminent&&styles$_.prominent,!unpadded&&styles$_.padded)},/*#__PURE__*/React.createElement(ModalAccessibleDescription,null,children))),/*#__PURE__*/React.createElement(ModalFooter,{actions:footerActions,appearance:mood==="negative"||variant=="warning"?"destructive":"primary",unpadded:unpadded})));};ConfirmationModal.displayName="ConfirmationModal";return ConfirmationModal;}();var styles$Z={"defaultModalWidth":"ContextModal-module_defaultModalWidth__bgf7L","backdropLayer":"ContextModal-module_backdropLayer__wuj3B","scrollLayer":"ContextModal-module_scrollLayer__JANXA","modalLayer":"ContextModal-module_modalLayer__Cx6aX","modal":"ContextModal-module_modal__wriV7","animatingEnter":"ContextModal-module_animatingEnter__53BlF","fade-0-to-0-5":"ContextModal-module_fade-0-to-0-5__vZx9M","custom-1":"ContextModal-module_custom-1__be8sO","animatingLeave":"ContextModal-module_animatingLeave__-JR11","fade-0-5-to-0":"ContextModal-module_fade-0-5-to-0__R4eO-","custom-3":"ContextModal-module_custom-3__klp3m","unscrollable":"ContextModal-module_unscrollable__kF7MR","pseudoScrollbar":"ContextModal-module_pseudoScrollbar__6RfHj","hide":"ContextModal-module_hide__Sdnsg","custom-5":"ContextModal-module_custom-5__deZpl","custom-7":"ContextModal-module_custom-7__rPmP4","header":"ContextModal-module_header__V4IRF","padded":"ContextModal-module_padded__osmk1","footerWithSecondaryAction":"ContextModal-module_footerWithSecondaryAction__-5sq8","footer":"ContextModal-module_footer__JIwF5","emptyFooter":"ContextModal-module_emptyFooter__UHWc-","portraitContentlayout":"ContextModal-module_portraitContentlayout__kqUJG","landscapeContentlayout":"ContextModal-module_landscapeContentlayout__IFqQN","image":"ContextModal-module_image__aEDvK","content":"ContextModal-module_content__-KrFF"};/**
|
|
745
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal Guidance} |
|
|
746
|
-
* {@link https://cultureamp.design/?path=/docs/components-modals--contextmodal--docs Storybook}
|
|
747
|
-
*/const ContextModal=/*#__PURE__*/function(){const ContextModal=function(_a){var isOpen=_a.isOpen,_b=_a.unpadded,unpadded=_b===void 0?false:_b,_c=_a.layout,layout=_c===void 0?"portrait":_c,title=_a.title,onConfirm=_a.onConfirm,propsOnDismiss=_a.onDismiss,onAfterLeave=_a.onAfterLeave,onAfterEnter=_a.onAfterEnter,_d=_a.confirmLabel,confirmLabel=_d===void 0?"Confirm":_d,confirmWorking=_a.confirmWorking,renderBackground=_a.renderBackground,children=_a.children,contentHeader=_a.contentHeader,image=_a.image,secondaryLabel=_a.secondaryLabel,onSecondaryAction=_a.onSecondaryAction,props=__rest(_a,["isOpen","unpadded","layout","title","onConfirm","onDismiss","onAfterLeave","onAfterEnter","confirmLabel","confirmWorking","renderBackground","children","contentHeader","image","secondaryLabel","onSecondaryAction"]);var onDismiss=confirmWorking?undefined:propsOnDismiss;var footerActions=[];var workingProps=confirmWorking?{working:true,workingLabel:confirmWorking.label,workingLabelHidden:confirmWorking.labelHidden}:{};if(onConfirm){var confirmAction={label:confirmLabel,onClick:onConfirm};footerActions.push(__assign(__assign({},confirmAction),workingProps));}if(secondaryLabel){footerActions.push({label:secondaryLabel,onClick:onSecondaryAction,disabled:!!confirmWorking});}return/*#__PURE__*/React.createElement(GenericModal,{isOpen:isOpen,onEscapeKeyup:onDismiss,onOutsideModalClick:onDismiss,onAfterLeave:onAfterLeave,onAfterEnter:onAfterEnter},/*#__PURE__*/React.createElement("div",__assign({className:styles$Z.modal,"data-modal":true},props),renderBackground&&renderBackground(),/*#__PURE__*/React.createElement(ModalHeader,{onDismiss:onDismiss},/*#__PURE__*/React.createElement("div",{className:classnames(styles$Z.header,!unpadded&&styles$Z.padded)},/*#__PURE__*/React.createElement(ModalAccessibleLabel,null,/*#__PURE__*/React.createElement(Heading,{variant:"heading-2",tag:"h2"},title)))),contentHeader&&(/*#__PURE__*/React.createElement("div",{className:styles$Z.contentHeader},contentHeader)),/*#__PURE__*/React.createElement(ModalBody,null,/*#__PURE__*/React.createElement("div",{className:classnames(styles$Z.contentLayout,styles$Z["".concat(layout,"Contentlayout")])},image&&/*#__PURE__*/React.createElement("div",{className:styles$Z.image},image),/*#__PURE__*/React.createElement("div",{className:styles$Z.content},children,onConfirm!=null&&(/*#__PURE__*/React.createElement("div",{className:secondaryLabel?styles$Z.footerWithSecondaryAction:styles$Z.footer}))))),/*#__PURE__*/React.createElement(ModalFooter,{variant:image?"context":undefined,actions:footerActions,appearance:"primary",unpadded:unpadded})));};ContextModal.displayName="ContextModal";return ContextModal;}();var styles$Y={"defaultModalWidth":"InputEditModal-module_defaultModalWidth__My9Eh","backdropLayer":"InputEditModal-module_backdropLayer__aVLSb","scrollLayer":"InputEditModal-module_scrollLayer__isygg","modalLayer":"InputEditModal-module_modalLayer__r5vqj","modal":"InputEditModal-module_modal__SbQqp","animatingEnter":"InputEditModal-module_animatingEnter__qZgX2","fade-0-to-0-5":"InputEditModal-module_fade-0-to-0-5__ywvjR","custom-1":"InputEditModal-module_custom-1__wSZX6","animatingLeave":"InputEditModal-module_animatingLeave__S2HGz","fade-0-5-to-0":"InputEditModal-module_fade-0-5-to-0__s2WmG","custom-3":"InputEditModal-module_custom-3__T3riv","unscrollable":"InputEditModal-module_unscrollable__GN1M2","pseudoScrollbar":"InputEditModal-module_pseudoScrollbar__WCHmn","hide":"InputEditModal-module_hide__N88RW","custom-5":"InputEditModal-module_custom-5__trORr","custom-7":"InputEditModal-module_custom-7__-98CZ","header":"InputEditModal-module_header__nivTf","textAlignRTL":"InputEditModal-module_textAlignRTL__5QQP8","padded":"InputEditModal-module_padded__ZdEIS","body":"InputEditModal-module_body__LyxBE"};/**
|
|
748
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
|
|
749
|
-
* {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}
|
|
750
|
-
*/const InputEditModal=/*#__PURE__*/function(){const InputEditModal=function(_a){var isOpen=_a.isOpen,mood=_a.mood,title=_a.title,onSubmit=_a.onSubmit,onSecondaryAction=_a.onSecondaryAction,onAfterLeave=_a.onAfterLeave,_b=_a.localeDirection,localeDirection=_b===void 0?"ltr":_b,_c=_a.submitLabel,submitLabel=_c===void 0?"Submit":_c,_d=_a.dismissLabel,dismissLabel=_d===void 0?"Cancel":_d,secondaryLabel=_a.secondaryLabel,submitWorking=_a.submitWorking,children=_a.children,_e=_a.unpadded,unpadded=_e===void 0?false:_e,propsOnDismiss=_a.onDismiss,onAfterEnter=_a.onAfterEnter,props=__rest(_a,["isOpen","mood","title","onSubmit","onSecondaryAction","onAfterLeave","localeDirection","submitLabel","dismissLabel","secondaryLabel","submitWorking","children","unpadded","onDismiss","onAfterEnter"]);var onDismiss=submitWorking?undefined:propsOnDismiss;var submitAction={label:submitLabel,onClick:onSubmit};var workingProps=submitWorking?{working:true,workingLabel:submitWorking.label,workingLabelHidden:submitWorking.labelHidden}:{};var showSecondary=onSecondaryAction&&secondaryLabel;var footerActions=[__assign(__assign({},submitAction),workingProps),{label:showSecondary?secondaryLabel:dismissLabel,onClick:showSecondary?onSecondaryAction:onDismiss,disabled:!!submitWorking}];return/*#__PURE__*/React.createElement(GenericModal,{isOpen:isOpen,onEscapeKeyup:onDismiss,onAfterLeave:onAfterLeave,onAfterEnter:onAfterEnter},/*#__PURE__*/React.createElement("div",__assign({className:styles$Y.modal,dir:localeDirection,"data-modal":true},props),/*#__PURE__*/React.createElement(ModalHeader,{onDismiss:onDismiss},/*#__PURE__*/React.createElement("div",{className:classnames(styles$Y.header,localeDirection==="rtl"&&styles$Y.textAlignRTL,!unpadded&&styles$Y.padded)},/*#__PURE__*/React.createElement(ModalAccessibleLabel,null,/*#__PURE__*/React.createElement(Heading,{tag:"h2",variant:"heading-2"},title)))),/*#__PURE__*/React.createElement(ModalBody,null,/*#__PURE__*/React.createElement("div",{className:classnames(styles$Y.body,!unpadded&&styles$Y.padded),dir:localeDirection},children)),/*#__PURE__*/React.createElement(ModalFooter,{actions:footerActions,appearance:mood==="destructive"?"destructive":"primary",variant:"inputEdit",unpadded:unpadded})));};InputEditModal.displayName="InputEditModal";return InputEditModal;}();var styles$X={"checkbox":"Checkbox-module_checkbox__0LHj5","selected":"Checkbox-module_selected__-Nd6E","nativeCheckbox":"Checkbox-module_nativeCheckbox__BauKG","iconContainer":"Checkbox-module_iconContainer__Nsip6","icon":"Checkbox-module_icon__2b48e"};var renderIcon=function(status){if(status==="unchecked")return null;return/*#__PURE__*/React.createElement(Icon,{name:status==="checked"?"check":"remove",isPresentational:true,className:styles$X.icon});};const Checkbox=/*#__PURE__*/function(){const Checkbox=function(_a){var checkedStatus=_a.checkedStatus,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["checkedStatus","classNameOverride"]);var checkboxRef=useRef(null);useEffect(function(){if(checkboxRef.current){if(checkedStatus==="checked"){checkboxRef.current.checked=true;checkboxRef.current.indeterminate=false;}else if(checkedStatus==="unchecked"){checkboxRef.current.checked=false;checkboxRef.current.indeterminate=false;}else if(checkedStatus==="indeterminate"){checkboxRef.current.checked=false;checkboxRef.current.indeterminate=true;}}},[checkedStatus]);return/*#__PURE__*/React.createElement("span",{className:classnames(styles$X.checkbox,checkedStatus!=="unchecked"&&styles$X.selected,classNameOverride)},/*#__PURE__*/React.createElement("input",__assign({ref:checkboxRef,type:"checkbox",className:styles$X.nativeCheckbox},restProps)),/*#__PURE__*/React.createElement("span",{className:styles$X.iconContainer},renderIcon(checkedStatus)));};Checkbox.displayName="Checkbox";return Checkbox;}();var styles$W={"multiSelectOptionField":"MultiSelectOptionField-module_multiSelectOptionField__-PNh-","checkbox":"MultiSelectOptionField-module_checkbox__rDOxI","checked":"MultiSelectOptionField-module_checked__wo-TX","label":"MultiSelectOptionField-module_label__79KfB"};const MultiSelectOptionField=/*#__PURE__*/function(){const MultiSelectOptionField=function(_a){var id=_a.id,option=_a.option,checkedStatus=_a.checkedStatus,onChange=_a.onChange,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["id","option","checkedStatus","onChange","classNameOverride"]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$W.multiSelectOptionField,classNameOverride)},restProps),/*#__PURE__*/React.createElement(Checkbox,{id:id,checkedStatus:checkedStatus,onChange:onChange,value:option.value,classNameOverride:classnames(styles$W.checkbox,[checkedStatus!=="unchecked"&&styles$W.checked])}),/*#__PURE__*/React.createElement("label",{htmlFor:id,className:styles$W.label},option.label));};MultiSelectOptionField.displayName="MultiSelect.OptionField";return MultiSelectOptionField;}();var styles$V={"multiSelectOptions":"MultiSelectOptions-module_multiSelectOptions__b8hYg"};const MultiSelectOptions=/*#__PURE__*/function(){const MultiSelectOptions=function(_a){var id=_a.id,options=_a.options,selectedValues=_a.selectedValues,onChange=_a.onChange,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["id","options","selectedValues","onChange","classNameOverride"]);var optionsCountId="".concat(id,"--options-count");var handleOptionChange=function(optionValue){var newValues=new Set(selectedValues.values());if(newValues.has(optionValue)){newValues.delete(optionValue);}else{newValues.add(optionValue);}onChange(newValues);};return/*#__PURE__*/React.createElement("fieldset",__assign({id:id,"aria-describedby":optionsCountId,className:classnames(styles$V.multiSelectOptions,classNameOverride)},restProps),/*#__PURE__*/React.createElement(VisuallyHidden,{id:optionsCountId,"aria-live":"polite"},"Options available: ",options.length),options.length===0?(/*#__PURE__*/React.createElement(Text,{tag:"span",variant:"body"},"No options available")):options.map(function(option){return/*#__PURE__*/React.createElement(MultiSelectOptionField,{key:option.value,id:"".concat(id,"--").concat(option.value),onChange:function(){return handleOptionChange(option.value);},checkedStatus:selectedValues.has(option.value)?"checked":"unchecked",option:option});}));};MultiSelectOptions.displayName="MultiSelectOptions";return MultiSelectOptions;}();var styles$U={"multiSelectToggle":"MultiSelectToggle-module_multiSelectToggle__CeR4G","error":"MultiSelectToggle-module_error__LJZKT","caution":"MultiSelectToggle-module_caution__hFOzy","toggleButton":"MultiSelectToggle-module_toggleButton__38-Qi","selectedItemsContainer":"MultiSelectToggle-module_selectedItemsContainer__OawF7","hasSelectedItems":"MultiSelectToggle-module_hasSelectedItems__S7KXg","selectedItems":"MultiSelectToggle-module_selectedItems__R-byj","clearAllButton":"MultiSelectToggle-module_clearAllButton__yWNQi"};const MultiSelectToggle=/*#__PURE__*/function(){const MultiSelectToggle=/*#__PURE__*/forwardRef(function(_a,ref){var onClick=_a.onClick,ariaLabelledBy=_a["aria-labelledby"],ariaDescribedBy=_a["aria-describedby"],ariaControls=_a["aria-controls"],_b=_a.isOpen,isOpen=_b===void 0?false:_b,classNameOverride=_a.classNameOverride,selectedOptions=_a.selectedOptions,onRemoveOption=_a.onRemoveOption,onRemoveAllOptions=_a.onRemoveAllOptions,status=_a.status,restProps=__rest(_a,["onClick","aria-labelledby","aria-describedby","aria-controls","isOpen","classNameOverride","selectedOptions","onRemoveOption","onRemoveAllOptions","status"]);var clearAllId=useId();return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$U.multiSelectToggle,classNameOverride,status&&styles$U[status]),onClick:onClick},restProps),/*#__PURE__*/React.createElement("button",{ref:ref,className:styles$U.toggleButton,"aria-labelledby":ariaLabelledBy,"aria-describedby":ariaDescribedBy,"aria-controls":ariaControls,"aria-expanded":isOpen,"aria-haspopup":"dialog",type:"button",onClick:function(e){e.stopPropagation();onClick(e);}},/*#__PURE__*/React.createElement(Icon,{name:isOpen?"keyboard_arrow_up":"keyboard_arrow_down",isPresentational:true})),/*#__PURE__*/React.createElement("div",{className:classnames(styles$U.selectedItemsContainer,selectedOptions.length&&styles$U.hasSelectedItems)},selectedOptions.length>0&&(/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("ul",{role:"list",className:styles$U.selectedItems},selectedOptions.map(function(_a){var label=_a.label,value=_a.value;return/*#__PURE__*/ (// This stops the underlying toggle collapsing the popover when interactive with Tags
|
|
751
|
-
// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events
|
|
752
|
-
React.createElement("li",{key:value,onClick:function(e){return e.stopPropagation();}},/*#__PURE__*/React.createElement(RemovableTag,{removeButtonProps:{ariaLabel:"Remove option: ".concat(label),onClick:function(){return onRemoveOption(value);}}},label)));})),/*#__PURE__*/React.createElement(ClearButton$1,{id:clearAllId,"aria-label":"Remove all options from ","aria-labelledby":"".concat(clearAllId," ").concat(ariaLabelledBy),classNameOverride:styles$U.clearAllButton,onClick:function(e){e.stopPropagation();onRemoveAllOptions();}}))))));});MultiSelectToggle.displayName="MultiSelectToggle";return MultiSelectToggle;}();var styles$T={"toggleContainer":"MultiSelect-module_toggleContainer__AxNnf","popover":"MultiSelect-module_popover__jI13O"};const MultiSelect=/*#__PURE__*/function(){const MultiSelect=function(_a){var propsId=_a.id,label=_a.label,items=_a.items,selectedValues=_a.selectedValues,description=_a.description,onSelectedValuesChange=_a.onSelectedValuesChange,isOpen=_a.isOpen,onOpenChange=_a.onOpenChange,classNameOverride=_a.classNameOverride,validationMessage=_a.validationMessage,restProps=__rest(_a,["id","label","items","selectedValues","description","onSelectedValuesChange","isOpen","onOpenChange","classNameOverride","validationMessage"]);var id=propsId!==null&&propsId!==void 0?propsId:useId();var descriptionId="".concat(id,"-description");var validationId="".concat(id,"-validation-message");var toggleButtonRef=useRef(null);var refs=useFloating().refs;var handleToggleClick=function(){return onOpenChange(!isOpen);};var handleClose=function(){return onOpenChange(false);};var onClickOutside=function(e){var toggle=refs.reference.current;var isInToggle=toggle.contains(e.target);if(!isInToggle){e.stopPropagation();handleClose();}};var itemsMap=items.reduce(function(acc,item){acc[item.value]=item;return acc;},{});var handleOnRemoveOption=function(optionValue){var newValues=new Set(selectedValues.values());newValues.delete(optionValue);onSelectedValuesChange(newValues);};var handleRemoveAllOptions=function(){var newValues=new Set([]);onSelectedValuesChange(newValues);};return/*#__PURE__*/React.createElement("div",__assign({id:id,className:classnames(classNameOverride)},restProps),/*#__PURE__*/React.createElement(Heading,{tag:"span",variant:"heading-6",id:"".concat(id,"--label")},label),/*#__PURE__*/React.createElement("div",{ref:refs.setReference,className:styles$T.toggleContainer},/*#__PURE__*/React.createElement(MultiSelectToggle,{ref:toggleButtonRef,id:"".concat(id,"--toggle"),"aria-labelledby":"".concat(id,"--label"),"aria-describedby":"".concat(validationId," ").concat(descriptionId),"aria-controls":"".concat(id,"--popover"),onClick:handleToggleClick,isOpen:isOpen,selectedOptions:Array.from(selectedValues).map(function(value){return itemsMap[value];}),status:validationMessage===null||validationMessage===void 0?void 0:validationMessage.status,onRemoveOption:handleOnRemoveOption,onRemoveAllOptions:handleRemoveAllOptions})),validationMessage&&(/*#__PURE__*/React.createElement(FieldMessage,__assign({id:validationId},validationMessage))),description&&/*#__PURE__*/React.createElement(FieldMessage,{id:descriptionId,message:description}),isOpen&&(/*#__PURE__*/React.createElement(Popover$1,{refs:refs,id:"".concat(id,"--popover"),role:"dialog","aria-modal":"true",tabIndex:-1,focusOnProps:{enabled:true,onClickOutside:onClickOutside,onEscapeKey:handleClose,shards:[toggleButtonRef],noIsolation:true,onActivation:function(){var _a,_b;return(_b=(_a=refs.floating)===null||_a===void 0?void 0:_a.current)===null||_b===void 0?void 0:_b.focus();}},classNameOverride:styles$T.popover},/*#__PURE__*/React.createElement(MultiSelectOptions,{id:"".concat(id,"--options"),options:items,onChange:onSelectedValuesChange,selectedValues:selectedValues}))));};MultiSelect.displayName="MultiSelect";return MultiSelect;}();var iconNameMap={prev:"arrow_back",next:"arrow_forward",start:"keyboard_tab_rtl",end:"keyboard_tab"};/**
|
|
753
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
|
|
754
|
-
* {@link https://cultureamp.design/?path=/story/components-buttons-directionallink--docs Storybook}
|
|
755
|
-
*/const DirectionalLink=/*#__PURE__*/function(){const DirectionalLink=function(_a){var _b=_a.reversed,reversed=_b===void 0?false:_b,_c=_a.disabled,disabled=_c===void 0?false:_c,otherProps=__rest(_a,["reversed","disabled"]);return/*#__PURE__*/React.createElement(GenericButton,__assign({reversed:reversed,disabled:disabled},otherProps,{iconButton:true,directionalLink:true,icon:/*#__PURE__*/React.createElement(Icon,{name:iconNameMap[otherProps.direction],isPresentational:true,shouldMirrorInRTL:true})}));};DirectionalLink.displayName="DirectionalLink";/**
|
|
756
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
|
|
757
|
-
* {@link https://cultureamp.design/?path=/story/components-buttons-paginationlink--docs Storybook}
|
|
758
|
-
*/return DirectionalLink;}();const PaginationLink=/*#__PURE__*/function(){const PaginationLink=function(_a){var pageNumber=_a.pageNumber,_b=_a.reversed,reversed=_b===void 0?false:_b,_c=_a.isActive,isActive=_c===void 0?false:_c,restProps=__rest(_a,["pageNumber","reversed","isActive"]);return/*#__PURE__*/React.createElement(GenericButton,__assign({},restProps,{paginationLink:true,reversed:reversed,isActive:isActive,label:"".concat(pageNumber)}));};PaginationLink.displayName="PaginationLink";return PaginationLink;}();var styles$S={"truncateIndicatorWrapper":"TruncateIndicator-module_truncateIndicatorWrapper__Ft9Pp"};var TruncateIndicator=function(){return/*#__PURE__*/React.createElement("div",{className:styles$S.truncateIndicatorWrapper,"data-testid":"truncate-indicator"},/*#__PURE__*/React.createElement(Icon,{name:"more_horiz",isPresentational:true}));};var createRange=function(start,end){var range=[];for(var i=start;i<=end;i++){range.push(i);}return range;};var styles$R={"container":"Pagination-module_container__JHnDH","pagesIndicatorWrapper":"Pagination-module_pagesIndicatorWrapper__taluU","arrowIconWrapper":"Pagination-module_arrowIconWrapper__RMTET","pageIndicatorFocusRing":"Pagination-module_pageIndicatorFocusRing__57ku4"};/**
|
|
759
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092975/Pagination Guidance} |
|
|
760
|
-
* {@link https://cultureamp.design/?path=/docs/components-pagination--docs Storybook}
|
|
761
|
-
*/var Pagination=function(_a){var _b=_a.currentPage,currentPage=_b===void 0?1:_b,pageCount=_a.pageCount,ariaLabelNextPage=_a.ariaLabelNextPage,ariaLabelPreviousPage=_a.ariaLabelPreviousPage,ariaLabelPage=_a.ariaLabelPage,onPageChange=_a.onPageChange,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["currentPage","pageCount","ariaLabelNextPage","ariaLabelPreviousPage","ariaLabelPage","onPageChange","classNameOverride"]);var queries=useMediaQueries().queries;// Click event for all pagination buttons (next, prev, and the actual numbers)
|
|
762
|
-
var handleButtonClick=function(newPage){if(newPage==="prev"){onPageChange(currentPage-1);return;}if(newPage==="next"){onPageChange(currentPage+1);return;}onPageChange(newPage);};var paginationIndicator=function(page){return/*#__PURE__*/React.createElement(PaginationLink,{key:page,pageNumber:page,isActive:currentPage===page,"aria-label":"".concat(ariaLabelPage," ").concat(page),onClick:function(){return handleButtonClick(page);}});};var pagination=function(boundaryPagesRange,siblingPagesRange){var items=[];// truncateSize is 1 now but could be 0 if we add the ability to hide it.
|
|
763
|
-
var truncateSize=1;var showAllPages=1+2*truncateSize+2*siblingPagesRange+2*boundaryPagesRange>=pageCount;// Simplify generation of pages if number of available items is equal or greater than total pages to show
|
|
764
|
-
if(showAllPages){return createRange(1,pageCount).map(paginationIndicator);}else{// Calculate group of first pages
|
|
765
|
-
var firstPagesStart=1;var firstPagesEnd=boundaryPagesRange;var firstPages=createRange(firstPagesStart,firstPagesEnd).map(paginationIndicator);// Calculate group of last pages
|
|
766
|
-
var lastPagesStart=pageCount+1-boundaryPagesRange;var lastPagesEnd=pageCount;var lastPages=createRange(lastPagesStart,lastPagesEnd).map(paginationIndicator);// Calculate group of main pages
|
|
767
|
-
var mainPagesStart=Math.min(Math.max(currentPage-siblingPagesRange,firstPagesEnd+truncateSize+1),lastPagesStart-truncateSize-2*siblingPagesRange-1);var mainPagesEnd=mainPagesStart+2*siblingPagesRange;var mainPages=createRange(mainPagesStart,mainPagesEnd).map(paginationIndicator);// Add group of first pages
|
|
768
|
-
items.push.apply(items,firstPages);// Calculate and add truncate before group of main pages
|
|
769
|
-
var firstEllipsisPageNumber=mainPagesStart-1;var showPageInsteadOfFirstEllipsis=firstEllipsisPageNumber===firstPagesEnd+1;items.push(showPageInsteadOfFirstEllipsis?paginationIndicator(firstEllipsisPageNumber):(/*#__PURE__*/React.createElement(TruncateIndicator,{key:firstEllipsisPageNumber})));// Add group of main pages
|
|
770
|
-
items.push.apply(items,mainPages);// Calculate and add truncate after group of main pages
|
|
771
|
-
var secondEllipsisPageNumber=mainPagesEnd+1;var showPageInsteadOfSecondEllipsis=secondEllipsisPageNumber===lastPagesStart-1;items.push(showPageInsteadOfSecondEllipsis?paginationIndicator(secondEllipsisPageNumber):(/*#__PURE__*/React.createElement(TruncateIndicator,{key:secondEllipsisPageNumber})));// Add group of last pages
|
|
772
|
-
items.push.apply(items,lastPages);}return items;};var previousPageDisabled=currentPage<=1;var nextPageDisabled=currentPage>=pageCount;return/*#__PURE__*/React.createElement("nav",__assign({className:classnames(styles$R.container,classNameOverride)},restProps),/*#__PURE__*/React.createElement(DirectionalLink,{label:ariaLabelPreviousPage,direction:"prev",disabled:previousPageDisabled,onClick:function(){return handleButtonClick("prev");}}),/*#__PURE__*/React.createElement("div",{className:styles$R.pagesIndicatorWrapper},pagination(1,queries.isSmall?0:1)),/*#__PURE__*/React.createElement(DirectionalLink,{label:ariaLabelNextPage,direction:"next",disabled:nextPageDisabled,onClick:function(){return handleButtonClick("next");}}));};var styles$Q={"root":"Popover-module_root__OrmwT","cautionaryBox":"Popover-module_cautionaryBox__n7c9G","negativeBox":"Popover-module_negativeBox__dS4tj","positiveBox":"Popover-module_positiveBox__fUR-4","informativeBox":"Popover-module_informativeBox__c0Pen","defaultBox":"Popover-module_defaultBox__X9FWm","defaultArrow":"Popover-module_defaultArrow__6rN-3","informativeArrow":"Popover-module_informativeArrow__ZWiUz","positiveArrow":"Popover-module_positiveArrow__ApDyE","negativeArrow":"Popover-module_negativeArrow__BpNUL","cautionaryArrow":"Popover-module_cautionaryArrow__YRo-K","header":"Popover-module_header__b3DtD","container":"Popover-module_container__JwR7Q","icon":"Popover-module_icon__6S-3a","informativeIcon":"Popover-module_informativeIcon__WqmCv","positiveIcon":"Popover-module_positiveIcon__wyqmw","negativeIcon":"Popover-module_negativeIcon__Bb7-e","cautionaryIcon":"Popover-module_cautionaryIcon__rptji","close":"Popover-module_close__8h4Rt","arrowWrapper":"Popover-module_arrowWrapper__DiE3-","arrow":"Popover-module_arrow__PS4V6","large":"Popover-module_large__-LH0l","singleLine":"Popover-module_singleLine__7il24"};var mapVariantToBoxClass=function(variant){switch(variant){case"informative":return styles$Q.informativeBox;case"positive":return styles$Q.positiveBox;case"negative":return styles$Q.negativeBox;case"cautionary":return styles$Q.cautionaryBox;default:return styles$Q.defaultBox;}};var mapVariantToIconClass=function(variant){switch(variant){case"informative":return styles$Q.informativeIcon;case"positive":return styles$Q.positiveIcon;case"negative":return styles$Q.negativeIcon;case"cautionary":return styles$Q.cautionaryIcon;default:return undefined;}};var mapVariantToIcon=function(variant){switch(variant){case"informative":return/*#__PURE__*/React.createElement(Icon,{name:"info",isPresentational:true,isFilled:true});case"positive":return/*#__PURE__*/React.createElement(Icon,{name:"check_circle",isPresentational:true,isFilled:true});case"negative":return/*#__PURE__*/React.createElement(Icon,{name:"error",isPresentational:true,isFilled:true});case"cautionary":return/*#__PURE__*/React.createElement(Icon,{name:"warning",isPresentational:true,isFilled:true});default:return/*#__PURE__*/React.createElement(Icon,{name:"info",isPresentational:true,isFilled:true});}};var mapArrowVariantToClass=function(variant){switch(variant){case"informative":return styles$Q.informativeArrow;case"positive":return styles$Q.positiveArrow;case"negative":return styles$Q.negativeArrow;case"cautionary":return styles$Q.cautionaryArrow;default:return styles$Q.defaultArrow;}};var mapSizeToClass=function(size){switch(size){case"large":return styles$Q.large;default:return"";}};var mapLineVariant=function(singleLine){return singleLine?styles$Q.singleLine:"";};// Sync with styles.scss
|
|
773
|
-
var arrowWidth=14;var arrowHeight=7;/**
|
|
774
|
-
* {@link https://cultureamp.design/components/popover/ Guidance} |
|
|
775
|
-
* {@link https://cultureamp.design/storybook/?path=/docs/components-popover--default-kaizen-site-demo Storybook}
|
|
776
|
-
*/const Popover=/*#__PURE__*/function(){const Popover=function(_a){var children=_a.children,_b=_a.variant,variant=_b===void 0?"default":_b,_c=_a.placement,placement=_c===void 0?"top":_c,_d=_a.size,size=_d===void 0?"small":_d,heading=_a.heading,_e=_a.dismissible,dismissible=_e===void 0?false:_e,onClose=_a.onClose,_f=_a.singleLine,singleLine=_f===void 0?false:_f,customIcon=_a.customIcon,referenceElement=_a.referenceElement,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","variant","placement","size","heading","dismissible","onClose","singleLine","customIcon","referenceElement","classNameOverride"]);var _g=useState(null),popperElement=_g[0],setPopperElement=_g[1];var _h=useState(null),arrowElement=_h[0],setArrowElement=_h[1];var _j=usePopper(referenceElement,popperElement,{modifiers:[{name:"arrow",options:{element:arrowElement,// Ensures that the arrow doesn't go too far to the left or right
|
|
777
|
-
// of the tooltip.
|
|
778
|
-
padding:arrowWidth/2+10}},{name:"offset",options:{offset:[0,arrowHeight+6]}},{name:"preventOverflow",options:{// Makes sure that the popover isn't flush up against the end of the
|
|
779
|
-
// viewport
|
|
780
|
-
padding:8,altAxis:true,altBoundary:true,tetherOffset:50}},{name:"flip",options:{padding:8,altBoundary:true,fallbackPlacements:["left","top","bottom","right"]}}],placement:placement}),popperStyles=_j.styles,attributes=_j.attributes;return/*#__PURE__*/React.createElement("div",__assign({ref:setPopperElement,style:popperStyles.popper},attributes.popper,{className:classnames(styles$Q.root,mapSizeToClass(size),classNameOverride)},restProps),/*#__PURE__*/React.createElement("div",{className:mapVariantToBoxClass(variant)},heading&&(/*#__PURE__*/React.createElement("div",{className:styles$Q.header},variant!=="default"&&(/*#__PURE__*/React.createElement("span",{className:classnames(styles$Q.icon,mapVariantToIconClass(variant))},customIcon!==null&&customIcon!==void 0?customIcon:mapVariantToIcon(variant))),/*#__PURE__*/React.createElement(Heading,{variant:"heading-6",classNameOverride:styles$Q.singleLine},heading),dismissible&&(/*#__PURE__*/React.createElement("button",{className:styles$Q.close,onClick:onClose,type:"button","aria-label":"close"},/*#__PURE__*/React.createElement(Icon,{name:"close",isPresentational:true,isFilled:true}))))),/*#__PURE__*/React.createElement(Text,{tag:"div",variant:"small",classNameOverride:classnames(styles$Q.container,mapLineVariant(singleLine))},children)),/*#__PURE__*/React.createElement("div",{ref:setArrowElement,style:popperStyles.arrow,className:styles$Q.arrowWrapper},/*#__PURE__*/React.createElement("div",{className:classnames(styles$Q.arrow,mapArrowVariantToClass(variant))})));};Popover.displayName="Popover";/**
|
|
781
|
-
* How to use:
|
|
782
|
-
*
|
|
783
|
-
* const [referenceElementRef, Popover] = usePopover()
|
|
784
|
-
*
|
|
785
|
-
* return (<>
|
|
786
|
-
* <button ref={referenceElementRef}>
|
|
787
|
-
* Hello world
|
|
788
|
-
* </button>
|
|
789
|
-
* <Popover>Hello world</Popover>
|
|
790
|
-
* </>)
|
|
791
|
-
*
|
|
792
|
-
* The purpose of this hook is to abstract away some of the awkwardness with the
|
|
793
|
-
* requirement of passing in refs with popper. We need to use `useState` instead
|
|
794
|
-
* of `useRef`, which may not be immediately intuitive.
|
|
795
|
-
*
|
|
796
|
-
* The popper documentation to help provide more context:
|
|
797
|
-
* https://popper.js.org/react-popper/v2/hook/
|
|
798
|
-
*/return Popover;}();var usePopover=function(){var _a=useState(null),referenceElement=_a[0],setReferenceElement=_a[1];// I guess the problem with this pattern, is that every time referenceElement
|
|
799
|
-
// changes, a brand new component is generated, which would be bad for memoization.
|
|
800
|
-
// In this situation however, the value is rarely going to change, and
|
|
801
|
-
// popovers aren't going to include content with expensive render times.
|
|
802
|
-
var PopoverWithRef=useMemo(// eslint-disable-next-line react/display-name
|
|
803
|
-
function(){return function(props){return referenceElement?(/*#__PURE__*/React.createElement(Popover,__assign({},props,{referenceElement:referenceElement}))):null;};},[referenceElement]);return[setReferenceElement,PopoverWithRef];};var styles$P={"label":"Label-module_label__zqjpR"};const Label=/*#__PURE__*/function(){const Label=function(_a){var content=_a.content,_b=_a.isReversed,isReversed=_b===void 0?false:_b;return/*#__PURE__*/React.createElement("div",{className:styles$P.label},/*#__PURE__*/React.createElement(Heading,{variant:"heading-4",tag:"p",color:isReversed?"white":"dark"},content));};Label.displayName="Label";return Label;}();var calculatePercentage=function(_a){var value=_a.value,max=_a.max;return value/max*100.0;};var styles$O={"subtext":"ProgressBar-module_subtext__eizyu","progressBackground":"ProgressBar-module_progressBackground__5qzp5","progress":"ProgressBar-module_progress__X1IHw","positive":"ProgressBar-module_positive__12oA1","informative":"ProgressBar-module_informative__lrVDM","cautionary":"ProgressBar-module_cautionary__f56gH","negative":"ProgressBar-module_negative__EVWBt","blue":"ProgressBar-module_blue__WEID8","green":"ProgressBar-module_green__J1T96","red":"ProgressBar-module_red__Ssd61","yellow":"ProgressBar-module_yellow__bcHWO","isAnimating":"ProgressBar-module_isAnimating__F6AxQ","pulse":"ProgressBar-module_pulse__RGaQm"};/**
|
|
804
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896891/Progress+Bar Guidance} |
|
|
805
|
-
* {@link https://cultureamp.design/?path=/docs/components-progress-bar--docs Storybook}
|
|
806
|
-
*/const ProgressBar=/*#__PURE__*/function(){const ProgressBar=function(_a){var value=_a.value,max=_a.max,isAnimating=_a.isAnimating,mood=_a.mood,color=_a.color,subtext=_a.subtext,label=_a.label,classNameOverride=_a.classNameOverride,_b=_a.isReversed,isReversed=_b===void 0?false:_b,restProps=__rest(_a,["value","max","isAnimating","mood","color","subtext","label","classNameOverride","isReversed"]);var percentage=calculatePercentage({value:value,max:max});return/*#__PURE__*/React.createElement("div",__assign({role:"progressbar","aria-valuenow":percentage,"aria-valuemin":0,"aria-valuemax":100,className:classNameOverride},restProps),label&&/*#__PURE__*/React.createElement(Label,{content:label,isReversed:isReversed}),/*#__PURE__*/React.createElement("div",{className:styles$O.progressBackground},/*#__PURE__*/React.createElement("div",{className:classnames(styles$O.progress,color?styles$O[color]:styles$O[mood],isAnimating&&styles$O.isAnimating),style:{transform:"translateX(-".concat(100-percentage,"%")}})),subtext&&(/*#__PURE__*/React.createElement("div",{className:styles$O.subtext},/*#__PURE__*/React.createElement(Heading,{variant:"heading-6",tag:"p",color:isReversed?"white":"dark"},subtext))));};ProgressBar.displayName="ProgressBar";return ProgressBar;}();var styles$N={"radioInput":"Radio-module_radioInput__-zPUZ","icon":"Radio-module_icon__ihSP3","reversed":"Radio-module_reversed__pfCrF","box":"Radio-module_box__nEGD7"};var renderSelected=function(selectedStatus,reversed){if(selectedStatus){return/*#__PURE__*/React.createElement("div",{className:classnames(styles$N.icon,reversed&&styles$N.reversed)});}return;};const Radio=/*#__PURE__*/function(){const Radio=function(_a){var name=_a.name,value=_a.value,_b=_a.selectedStatus,selectedStatus=_b===void 0?false:_b,_c=_a.reversed,reversed=_c===void 0?false:_c,onChange=_a.onChange,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["name","value","selectedStatus","reversed","onChange","classNameOverride"]);return/*#__PURE__*/ (// @todo: Move classNameOverride to span
|
|
807
|
-
React.createElement("span",null,/*#__PURE__*/React.createElement("input",__assign({type:"radio",name:name,value:value,checked:selectedStatus,className:classnames(styles$N.radioInput,classNameOverride,reversed&&styles$N.reversed),onChange:onChange,readOnly:onChange===undefined},restProps)),/*#__PURE__*/React.createElement("span",{className:classnames(styles$N.box,reversed&&styles$N.reversed)},renderSelected(selectedStatus,reversed))));};Radio.displayName="Radio";return Radio;}();var styles$M={"container":"RadioField-module_container__r6T25","selected":"RadioField-module_selected__kdlz8","reversed":"RadioField-module_reversed__EX79j"};/**
|
|
808
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092822/Radio+Field Guidance} |
|
|
809
|
-
* {@link https://cultureamp.design/?path=/docs/components-radio-controls-radio-field--docs Storybook}
|
|
810
|
-
*/const RadioField=/*#__PURE__*/function(){const RadioField=function(_a){var propsId=_a.id,labelText=_a.labelText,_b=_a.selectedStatus,selectedStatus=_b===void 0?false:_b,_c=_a.disabled,disabled=_c===void 0?false:_c,_d=_a.reversed,reversed=_d===void 0?false:_d,classNameOverride=_a.classNameOverride,dataTestId=_a["data-testid"],restProps=__rest(_a,["id","labelText","selectedStatus","disabled","reversed","classNameOverride","data-testid"]);var id=propsId!==null&&propsId!==void 0?propsId:useId();// @todo: Move restProps to the wrapping div?
|
|
811
|
-
return/*#__PURE__*/React.createElement("div",{"data-testid":dataTestId,className:classnames(styles$M.container,classNameOverride,selectedStatus&&styles$M.selected,reversed&&styles$M.reversed)},/*#__PURE__*/React.createElement(Label$1,{"data-testid":"".concat(id,"-field-label"),id:"".concat(id,"-field-label"),htmlFor:id,labelText:labelText,labelType:"radio",disabled:disabled,reversed:reversed},/*#__PURE__*/React.createElement(Radio,__assign({"data-testid":"".concat(id,"-radio-input"),id:id,disabled:disabled,reversed:reversed,selectedStatus:selectedStatus},restProps))));};RadioField.displayName="RadioField";return RadioField;}();var styles$L={"radioGroupLabel":"RadioGroup-module_radioGroupLabel__wIl4z","reversed":"RadioGroup-module_reversed__VeBun","radioGroupContainer":"RadioGroup-module_radioGroupContainer__NKWpt","noBottomMargin":"RadioGroup-module_noBottomMargin__VKF2T"};const RadioGroup=/*#__PURE__*/function(){const RadioGroup=function(_a){var children=_a.children,propsLabelId=_a.labelId,labelText=_a.labelText,_b=_a.noBottomMargin,noBottomMargin=_b===void 0?false:_b,_c=_a.reversed,reversed=_c===void 0?false:_c,classNameOverride=_a.classNameOverride,dataTestId=_a["data-testid"],restProps=__rest(_a,["children","labelId","labelText","noBottomMargin","reversed","classNameOverride","data-testid"]);var labelId=propsLabelId!==null&&propsLabelId!==void 0?propsLabelId:useId();return/*#__PURE__*/React.createElement("div",__assign({"data-testid":dataTestId,className:classnames(styles$L.radioGroupContainer,classNameOverride,noBottomMargin&&styles$L.noBottomMargin,reversed&&styles$L.reversed),role:"radiogroup","aria-labelledby":labelId},restProps),/*#__PURE__*/React.createElement("div",{className:styles$L.radioGroupLabel},/*#__PURE__*/React.createElement(Label$1,{id:labelId,"data-testid":dataTestId&&"".concat(dataTestId,"-field-label"),labelText:labelText,labelType:"text",reversed:reversed})),children);};RadioGroup.displayName="RadioGroup";return RadioGroup;}();var TOOLBAR_CONTROLS=["bold","italic","underline","orderedList","bulletList","link"];var validateLink=function(href){var isValidLink=/^https?:\/\//.test(href);if(!isValidLink){return{status:"error",message:(/*#__PURE__*/React.createElement(React.Fragment,null,"Empty or invalid link. Links must start with http or https, e.g:",/*#__PURE__*/React.createElement("ul",null,/*#__PURE__*/React.createElement("li",null,"https://google.com"),/*#__PURE__*/React.createElement("li",null,"http://www.google.com"))))};}return{status:"success"};};var getMarks=function(){return __assign(__assign({},marks),{// An underline mark. Rendered as a `<u>` element. Has parse rules that also
|
|
812
|
-
// matches `font-style: underline`.
|
|
813
|
-
underline:{parseDOM:[{tag:"u"},{style:"font-style=underline"}],toDOM:function(){return["u",0];}},// A link. Rendered and parsed as an `<a>` element.
|
|
814
|
-
link:{attrs:{href:{default:null},_metadata:{default:{added:true}},target:{default:"_blank"},rel:{default:"noreferrer"}},inclusive:false,parseDOM:[{tag:"a[href]",getAttrs:function(dom){return{href:getAttributeWithDefault(dom,"href"),target:getAttributeWithDefault(dom,"target"),rel:getAttributeWithDefault(dom,"rel"),_metadata:null};}}],toDOM:function(node){var _a=node.attrs,href=_a.href,target=_a.target,rel=_a.rel;var validationStatus=validateLink(href);if(validationStatus.status==="error"){return["span",0];}return["a",{href:href,target:target,rel:rel},0];}}});};var getAttributeWithDefault=function(node,attributeName){var value=node.getAttribute(attributeName);return value&&value!==""?value:null;};var getNodes=function(){// We use camel case names instead of ProseMirror's snake case, so we remove any snake case properties here before spreading
|
|
815
|
-
var hardBreak=nodes.hard_break,horizontalRule=nodes.horizontal_rule,codeBlock=nodes.code_block,proseNodesNoSnakeCase=__rest(nodes// ...and then add them back in manually
|
|
816
|
-
,["hard_break","horizontal_rule","code_block"]);// ...and then add them back in manually
|
|
817
|
-
var proseNodesWithCamelCase=__assign(__assign({},proseNodesNoSnakeCase),{hardBreak:hardBreak,horizontalRule:horizontalRule,codeBlock:codeBlock});return __assign(__assign({},proseNodesWithCamelCase),{orderedList:__assign(__assign({},orderedList),{content:"listItem+",group:"block"}),bulletList:__assign(__assign({},bulletList),{content:"listItem+",group:"block"}),listItem:__assign(__assign({},listItem),{content:"paragraph block*"})});};var createSchemaFromControls=function(controls){if(!controls){return createSchema();}var namesFromControls=controls.reduce(function(acc,c){return __spreadArray(__spreadArray([],acc,true),[c.name],false);},[]);return createSchema(namesFromControls);};var createSchemaWithAll=function(){return createSchema(TOOLBAR_CONTROLS);};var createSchema=function(controls){var nodes=getNodes();var marks=getMarks();var defaultNodes={doc:nodes.doc,paragraph:nodes.paragraph,text:nodes.text,hardBreak:nodes.hardBreak};if(!controls){return new ProseMirrorModel.Schema({nodes:defaultNodes});}var newNodes=__assign({},defaultNodes);var newMarks={};if(controls.includes("bold")){newMarks["strong"]=marks.strong;}if(controls.includes("italic")){newMarks["em"]=marks.em;}if(controls.includes("underline")){newMarks["underline"]=marks.underline;}if(controls.includes("bulletList")){newNodes["bulletList"]=nodes.bulletList;newNodes["listItem"]=nodes.listItem;}if(controls.includes("orderedList")){newNodes["orderedList"]=nodes.orderedList;newNodes["listItem"]=nodes.listItem;}if(controls.includes("link")){newMarks["link"]=marks.link;}return new ProseMirrorModel.Schema({nodes:newNodes,marks:newMarks});};/**
|
|
818
|
-
* createRichTextEditor
|
|
819
|
-
* Initialize a ProseMirror EditorView
|
|
820
|
-
*/var createRichTextEditor=function(_a){var initialEditorState=_a.initialEditorState,node=_a.node,_b=_a.onChange,onChange=_b===void 0?function(){return undefined;}:_b,attributes=_a.attributes,_c=_a.isEditable,isEditable=_c===void 0?function(){return true;}:_c;var editorView=null;// Handle transactions eminating from the EditorView instance
|
|
821
|
-
var dispatch=function(tx){var newEditorState=editorView&&editorView.state.apply(tx);if(newEditorState){onChange(newEditorState);editorView&&editorView.updateState(newEditorState);}};// Allow the dispatcher to handle either a Command or a Transaction so we can
|
|
822
|
-
// change the state more ergonomically upstream
|
|
823
|
-
var dispatchCommandOrTransaction=function(commandOrTransaction){if(commandOrTransaction instanceof Transaction){dispatch(commandOrTransaction);}else if(editorView){commandOrTransaction(editorView.state,dispatch);}};editorView=new EditorView(node,{state:initialEditorState,dispatchTransaction:dispatchCommandOrTransaction,attributes:attributes,editable:isEditable});return{destroy:function(){editorView&&editorView.destroy();},dispatchTransaction:dispatchCommandOrTransaction};};/**
|
|
824
|
-
* useRichTextEditor
|
|
825
|
-
* React hook to initialize a ProseMirror editor, handle binding it to the DOM,
|
|
826
|
-
* and updating the state within React’s lifecycle.
|
|
827
|
-
*
|
|
828
|
-
* @param {initialEditorState} ProseMirror state
|
|
829
|
-
* @returns {Array}
|
|
830
|
-
*/var useRichTextEditor=function(initialEditorState,/*
|
|
831
|
-
* Pass in HTML attributes into the parent RTE node
|
|
832
|
-
*/attributes,options){options=__assign({editable:true},options);var _a=useState(initialEditorState),editorState=_a[0],setEditorState=_a[1];// Refs to hold the methods returned from ProseMirror’s initialization
|
|
833
|
-
var destroyEditorRef=useRef();var dispatchTransactionRef=useRef(function(){return undefined;});// Construct a consistent reference to call the dispatchTransactionRef without
|
|
834
|
-
// forcing the consumer to unwind it
|
|
835
|
-
var dispatchTransaction=useCallback(function(commandOrTransaction){dispatchTransactionRef.current(commandOrTransaction);},[dispatchTransactionRef]);// Hold editableStatus as a ref so we can toggle its status
|
|
836
|
-
var editableStatusRef=useRef(options.editable);var setEditableStatus=useCallback(function(status){editableStatusRef.current=status;// Trigger an update within ProseMirror by issuing a noop transaction
|
|
837
|
-
dispatchTransaction(function(state,dispatch){if(!dispatch)return false;dispatch(state.tr);return true;});},[editableStatusRef]);var editorRef=useCallback(function(node){if(node!==null){var instance=createRichTextEditor({node:node,initialEditorState:editorState,onChange:setEditorState,isEditable:function(){return editableStatusRef.current;},attributes:attributes});destroyEditorRef.current=instance.destroy;dispatchTransactionRef.current=instance.dispatchTransaction;}},// Including editorState in the dependencies here will cause an endless
|
|
838
|
-
// loop as the initialization changes its value
|
|
839
|
-
[setEditorState,editableStatusRef]);// Tear down ProseMirror when the consuming component is unmounted
|
|
840
|
-
useEffect(function(){return function(){if(destroyEditorRef.current){destroyEditorRef.current();}};},[destroyEditorRef]);return[editorRef,editorState,dispatchTransaction,setEditableStatus];};/**
|
|
841
|
-
* createEditorState
|
|
842
|
-
* Create a ProseMirror EditorState. Wrapper for EditorState.create to make the
|
|
843
|
-
* API obvious to consumers
|
|
844
|
-
*/var createEditorState=function(schema,doc,plugins){if(plugins===void 0){plugins=[];}return EditorState.create({doc:doc,schema:schema,plugins:plugins});};/**
|
|
845
|
-
* Create a ProseMirror doc node from the combination of a schema and the object
|
|
846
|
-
* representation of a document
|
|
847
|
-
*/var createDocNode=function(schema,docObject){return Node$1.fromJSON(schema,docObject);};/**
|
|
848
|
-
* Create a ProseMirror doc node from the combination of a schema and the doc’s
|
|
849
|
-
* content array (rather than the top-level doc node).
|
|
850
|
-
*/var createDocNodeFromContent=function(schema,docContent){return createDocNode(schema,{type:"doc",content:docContent});};// Given a list node type, returns an input rule that turns a number
|
|
851
|
-
// followed by a dot at the start of a textblock into an ordered list.
|
|
852
|
-
// Copied from https://github.com/ProseMirror/prosemirror-example-setup/blob/master/src/inputrules.js
|
|
853
|
-
var orderedListRule=function(nodeType){return wrappingInputRule(/^(\d+)\.\s$/,nodeType,function(match){return{order:+match[1]};},function(match,node){return node.childCount+node.attrs.order==+match[1];});};// Given a list node type, returns an input rule that turns a bullet
|
|
854
|
-
// (dash, plush, or asterisk) at the start of a textblock into a
|
|
855
|
-
// bullet list.
|
|
856
|
-
// Copied from https://github.com/ProseMirror/prosemirror-example-setup/blob/master/src/inputrules.js
|
|
857
|
-
var bulletListRule=function(nodeType){return wrappingInputRule(/^\s*([-+*])\s$/,nodeType);};var styles$K={"content":"RichTextContent-module_content__vVcWj"};const RichTextContent=/*#__PURE__*/function(){const RichTextContent=function(props){var content=props.content,classNameOverride=props.classNameOverride,restProps=__rest(props,["content","classNameOverride"]);var schema=useState(createSchemaWithAll())[0];var editorId=useId();useEffect(function(){var _a;// prosemirror only allows us to set this to false (which has caused a strange bug in the platform)
|
|
858
|
-
// so we have to hack a bit to remove the attribute completely
|
|
859
|
-
(_a=document.getElementById(editorId))===null||_a===void 0?void 0:_a.removeAttribute("contenteditable");},[]);var editorRef=useRichTextEditor(ProseMirrorState.EditorState.create({doc:ProseMirrorModel.Node.fromJSON(schema,{type:"doc",content:content}),schema:schema}),{id:editorId},{editable:false})[0];return/*#__PURE__*/React.createElement("div",__assign({ref:editorRef,className:classnames(styles$K.content,classNameOverride)},restProps));};RichTextContent.displayName="RichTextContent";return RichTextContent;}();var styles$J={"editorLabel":"EditableRichTextContent-module_editorLabel__u2Fu9","editableContainer":"EditableRichTextContent-module_editableContainer__zZEMC","hiddenButton":"EditableRichTextContent-module_hiddenButton__Kq3oB"};var handleEditableClick=function(e,onClick){if(e.target.hasAttribute("href")){return;}return onClick(e);};const EditableRichTextContent=/*#__PURE__*/function(){const EditableRichTextContent=function(_a){var onClick=_a.onClick,content=_a.content,classNameOverride=_a.classNameOverride,labelText=_a.labelText,_b=_a.isLabelHidden,isLabelHidden=_b===void 0?false:_b,contentProps=_a.contentProps,restProps=__rest(_a,["onClick","content","classNameOverride","labelText","isLabelHidden","contentProps"]);return/*#__PURE__*/React.createElement(React.Fragment,null,!isLabelHidden&&(/*#__PURE__*/React.createElement(Label$1,{classNameOverride:styles$J.editorLabel,labelText:labelText})),/*#__PURE__*/React.createElement("div",__assign({onClick:function(e){return handleEditableClick(e,onClick);},className:classnames(styles$J.editableContainer,classNameOverride)},restProps),/*#__PURE__*/React.createElement(VisuallyHidden,{classNameOverride:styles$J.hiddenButton},/*#__PURE__*/React.createElement("button",{type:"button",onClick:onClick,"aria-label":"Edit ".concat(labelText)})),/*#__PURE__*/React.createElement(RichTextContent,__assign({content:content},contentProps))));};EditableRichTextContent.displayName="EditableRichTextContent";/** Wrap the users current selection in the given Mark type */return EditableRichTextContent;}();var addMark=function(type,attrs){return function(state,dispatch){var tr=state.tr,selection=state.selection;var $from=selection.$from,$to=selection.$to;if(!dispatch)return false;if(selection.empty){dispatch(tr.addStoredMark(type.create(attrs)));}else{tr.addMark($from.pos,$to.pos,type.create(attrs));dispatch(tr.scrollIntoView());}return true;};};/*
|
|
860
|
-
** Filters through the states Marks and returns the attributes
|
|
861
|
-
** of the Mark found, else returns and empty object
|
|
862
|
-
*/var getMarkAttrs=function(state,type){var _a=state.selection,from=_a.from,to=_a.to;var marks=[];state.doc.nodesBetween(from,to,function(node){marks=__spreadArray(__spreadArray([],marks,true),node.marks,true);});var mark=marks.find(function(markItem){return markItem.type.name===type.name;});if(mark){return mark.attrs;}return{};};// Note: this doesn't handle selections _across_ nodes.
|
|
863
|
-
// At the time of writing the implication of this is on links: they cannot span across multiple nodes.
|
|
864
|
-
// There's no impact on the other marks like bold, italics and underline.
|
|
865
|
-
var getMarkRange=function($pos,type){if($pos===void 0){$pos=null;}if(type===void 0){type=null;}if(!$pos||!type){return null;}var start=$pos.parent.childAfter($pos.parentOffset);if(!start.node){return null;}var mark=start.node.marks.find(function(m){return m.type===type;});if(!mark){return null;}var startIndex=$pos.index();var startPos=$pos.start()+start.offset;var endIndex=startIndex+1;var endPos=startPos+start.node.nodeSize;while(startIndex>0&&mark.isInSet($pos.parent.child(startIndex-1).marks)){startIndex-=1;startPos-=$pos.parent.child(startIndex).nodeSize;}while(endIndex<$pos.parent.childCount&&mark.isInSet($pos.parent.child(endIndex).marks)){endPos+=$pos.parent.child(endIndex).nodeSize;endIndex+=1;}return{from:startPos,to:endPos};};var listIsActive=function(state,type,listNodes){var listNode=findParentNodeOfTypeClosestToPos(state.selection.$from,listNodes);return(listNode===null||listNode===void 0?void 0:listNode.node.type)===type;};var markIsActive=function(state,type){var _a=state.selection,from=_a.from,$from=_a.$from,to=_a.to,empty=_a.empty;if(empty){return!!type.isInSet(state.storedMarks||$from.marks());}return!!state.doc.rangeHasMark(from,to,type);};/** Check the current PM Selection against the Mark Type provided */var markContainsSelection=function(state,markType){if(!markIsActive(state,markType)){return false;}var selection=state.selection;var $from=selection.$from;var markRange=getMarkRange($from,markType);return!!markRange&&markRange.from<=selection.from&&markRange.to>=selection.to;};/** Remove part or all of the Mark from the current selection */var removeMark=function(type,options){if(options===void 0){options={toExtent:false};}return function(state,dispatch){var tr=state.tr,selection=state.selection,doc=state.doc;var from=selection.from,to=selection.to;var $from=selection.$from;if(!dispatch)return false;if(selection.empty){dispatch(tr.removeStoredMark(type));}else{if(options.range||options.toExtent){var range=options.range||getMarkRange($from,type);if(range){from=range.from;to=range.to;}}var hasMark=doc.rangeHasMark(from,to,type);if(hasMark){tr.removeMark(from,to,type);}dispatch(tr);}return true;};};/** Update Mark attributes, create nested Marks or split Marks of the same type */var updateMark=function(type,attrs,options){if(options===void 0){options={toExtent:false};}return function(state,dispatch){if(!dispatch)return false;var tr=state.tr,selection=state.selection,doc=state.doc;var from=selection.from,to=selection.to;var $from=selection.$from,empty=selection.empty;if(empty||options.toExtent){var range=getMarkRange($from,type);if(range){from=range.from;to=range.to;}}var hasMark=doc.rangeHasMark(from,to,type);if(hasMark){tr.removeMark(from,to,type);}tr.addMark(from,to,type.create(attrs));dispatch(tr);return true;};};// This is a variation on the removeMark transform in
|
|
866
|
-
// https://github.com/ProseMirror/prosemirror-transform/blob/master/src/mark.js#L44
|
|
867
|
-
/** This will walk the full doc and remove the Marks that fail the validator method */var validateAndRemoveMarks=function(markType,validator){return function(state,dispatch){if(!dispatch)return false;var from=0;var to=state.doc.content.size;var tr=state.tr;var matched=[];var step=0;tr.doc.nodesBetween(from,to,function(node,pos){step++;var foundMark=markType.isInSet(node.marks);if(foundMark&&!validator(foundMark.attrs)){matched.push({style:foundMark,from:Math.max(pos,from),to:Math.min(pos+node.nodeSize,to),step:step});}});matched.forEach(function(m){return tr.step(new RemoveMarkStep(m.from,m.to,m.style));});dispatch(tr);return true;};};var styles$I={"input":"TextField-module_input__CEokl","icon":"TextField-module_icon__wFK4Q","fade-0-to-1":"TextField-module_fade-0-to-1__Ac-99","success":"TextField-module_success__pMLcV","reversed":"TextField-module_reversed__qW9r1","disabled":"TextField-module_disabled__gS8tk"};/**
|
|
868
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |
|
|
869
|
-
* {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}
|
|
870
|
-
*/const TextField=/*#__PURE__*/function(){const TextField=function(_a){var propsId=_a.id,labelText=_a.labelText,_b=_a.inline,inline=_b===void 0?false:_b,icon=_a.icon,validationMessage=_a.validationMessage,description=_a.description,status=_a.status,_c=_a.reversed,reversed=_c===void 0?false:_c,disabled=_a.disabled,restProps=__rest(_a,["id","labelText","inline","icon","validationMessage","description","status","reversed","disabled"]);var id=propsId!==null&&propsId!==void 0?propsId:useId();var validationMessageAria=validationMessage?"".concat(id,"-field-validation-message"):"";var descriptionAria=description?"".concat(id,"-field-description"):"";var ariaDescribedBy=[validationMessageAria,descriptionAria].reduce(function(prev,curr){return curr?[curr,prev].join(" "):prev;},"");return/*#__PURE__*/React.createElement(FieldGroup,{id:"".concat(id,"-field-group"),"data-testid":"".concat(id,"-field-group"),inline:inline,classNameOverride:classnames(reversed&&styles$I.reversed)},/*#__PURE__*/React.createElement(Label$1,{id:"".concat(id,"-field-label"),"data-testid":"".concat(id,"-field-label"),htmlFor:"".concat(id,"-field-input"),labelText:labelText,reversed:reversed,disabled:disabled}),/*#__PURE__*/React.createElement(Input$1,__assign({id:"".concat(id,"-field-input"),"data-testid":"".concat(id,"-field-input"),"aria-describedby":ariaDescribedBy,classNameOverride:styles$I.input,disabled:disabled,reversed:reversed,status:status,startIconAdornment:icon,endIconAdornment:status==="success"&&(/*#__PURE__*/React.createElement("div",{className:classnames(styles$I.icon,styles$I.success,disabled&&styles$I.disabled)},/*#__PURE__*/React.createElement(Icon,{name:"check_circle",isPresentational:true,isFilled:true})))},restProps)),validationMessage&&(/*#__PURE__*/React.createElement("div",{className:classnames(styles$I.message,disabled&&styles$I.disabled)},/*#__PURE__*/React.createElement(FieldMessage,{id:validationMessageAria,message:validationMessage,status:status,reversed:reversed}))),description&&(/*#__PURE__*/React.createElement("div",{className:classnames(styles$I.message,disabled&&styles$I.disabled)},/*#__PURE__*/React.createElement(FieldMessage,{id:descriptionAria,message:description,reversed:reversed}))));};TextField.displayName="TextField";return TextField;}();var styles$H={"validationErrorMessage":"LinkModal-module_validationErrorMessage__APw4U"};const LinkModal=/*#__PURE__*/function(){const LinkModal=function(_a){var onSubmit=_a.onSubmit,onDismiss=_a.onDismiss,onAfterLeave=_a.onAfterLeave,isOpen=_a.isOpen,defaultHref=_a.defaultHref;var _b=useState(defaultHref||""),href=_b[0],setHref=_b[1];var _c=useState({status:"default"}),validationStatus=_c[0],setValidationStatus=_c[1];var inputRef=useRef(null);var handleSubmit=function(){var _a;var validation=validateLink(href);if(validation.status!=="success"){(_a=inputRef.current)===null||_a===void 0?void 0:_a.focus();setValidationStatus(validation);return;}onSubmit(href);};return/*#__PURE__*/React.createElement(InputEditModal,{submitLabel:defaultHref?"Save":"Add",mood:"positive",isOpen:isOpen,title:defaultHref?"Edit link":"Add link",onSubmit:handleSubmit,onDismiss:onDismiss,onAfterLeave:onAfterLeave,onAfterEnter:function(){var _a;return(_a=inputRef.current)===null||_a===void 0?void 0:_a.focus();}},/*#__PURE__*/React.createElement(TextField,{id:"href",type:"text",defaultValue:href!==null&&href!==void 0?href:"",labelText:"Link URL",description:"Must start with http:// or https://",inputRef:inputRef,validationMessage:(validationStatus===null||validationStatus===void 0?void 0:validationStatus.message)&&(/*#__PURE__*/React.createElement("div",{className:styles$H.validationErrorMessage},validationStatus.message)),status:validationStatus.status,onChange:function(e){setHref(e.target.value);},inline:true}));};LinkModal.displayName="LinkModal";return LinkModal;}();const Positioner=/*#__PURE__*/function(){const Positioner=/*#__PURE__*/forwardRef(function(_a,ref){var top=_a.top,left=_a.left,height=_a.height,width=_a.width;var _b=useState(),portalContainer=_b[0],setPortalContainer=_b[1];var _c=useState(),windowScroll=_c[0],setWindowScroll=_c[1];useEffect(function(){setWindowScroll([window.scrollX,window.scrollY]);setPortalContainer(document.body);},[]);var onResize=useRef(debounce(function(){return setWindowScroll([window.scrollX,window.scrollY]);},15));useEffect(function(){var resizeCurrent=onResize.current;window.addEventListener("resize",resizeCurrent);return function(){window.removeEventListener("resize",resizeCurrent);};},[setWindowScroll,onResize]);if(windowScroll===undefined||portalContainer===undefined)return null;var x=windowScroll[0],y=windowScroll[1];return/*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div",{ref:ref,style:{height:"".concat(height,"px"),left:"".concat(left+x,"px"),pointerEvents:"none",position:"absolute",top:"".concat(top+y,"px"),width:"".concat(width,"px")}}),portalContainer);});Positioner.displayName="Positioner";return Positioner;}();var styles$G={"popoverContent":"LinkPopover-module_popoverContent__qGPyp","popoverLinkContainer":"LinkPopover-module_popoverLinkContainer__6H0PQ","popoverLink":"LinkPopover-module_popoverLink__p1BTG","paragraphFlex":"LinkPopover-module_paragraphFlex__PKECm","popoverActions":"LinkPopover-module_popoverActions__QuW1-"};const LinkPopover=/*#__PURE__*/function(){const LinkPopover=function(_a){var href=_a.href,onRemove=_a.onRemove,onEdit=_a.onEdit,selectionPosition=_a.selectionPosition;var _b=usePopover(),ElementRef=_b[0],Popover=_b[1];return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(Positioner,__assign({ref:ElementRef},selectionPosition)),/*#__PURE__*/React.createElement(Popover,{size:"large"},/*#__PURE__*/React.createElement("div",{className:styles$G.popoverContent},/*#__PURE__*/React.createElement(Icon,{name:"open_in_new",isPresentational:true}),/*#__PURE__*/React.createElement("div",{className:styles$G.popoverLinkContainer},/*#__PURE__*/React.createElement(Text,{variant:"body",tag:"div",classNameOverride:styles$G.paragraphFlex},/*#__PURE__*/React.createElement("a",{className:styles$G.popoverLink,href:href!=null?href:undefined,target:"_blank",rel:"noopener noreferrer"},href))),/*#__PURE__*/React.createElement("div",{className:styles$G.popoverActions},/*#__PURE__*/React.createElement(Icon,{name:"edit",onClick:onEdit,alt:"Edit link"})),/*#__PURE__*/React.createElement(Icon,{name:"link_off",onClick:onRemove,alt:"Remove link"}))));};LinkPopover.displayName="LinkPopover";return LinkPopover;}();const LinkEditor=/*#__PURE__*/function(){const LinkEditor=function(_a){var _b;var attrs=_a.attrs,removeMark=_a.removeMark,updateAttrs=_a.updateAttrs,selectionPosition=_a.selectionPosition,focusEditor=_a.focusEditor;var _c=useState(attrs.href!=null),isPopoverOpen=_c[0],setIsPopoverOpen=_c[1];var _d=useState(// eslint-disable-next-line no-underscore-dangle
|
|
871
|
-
((_b=attrs._metadata)===null||_b===void 0?void 0:_b.added)===true),modalOpen=_d[0],setModalOpen=_d[1];var _e=useState(attrs.href?attrs.href:undefined),href=_e[0],setHref=_e[1];return/*#__PURE__*/React.createElement(React.Fragment,null,isPopoverOpen&&(/*#__PURE__*/React.createElement(LinkPopover,{href:href,selectionPosition:selectionPosition,onRemove:function(){removeMark();focusEditor();},onEdit:function(){setIsPopoverOpen(false);setModalOpen(true);}})),/*#__PURE__*/React.createElement(LinkModal,{defaultHref:href,isOpen:modalOpen,onAfterLeave:focusEditor,onSubmit:function(submittedHref){setHref(submittedHref);updateAttrs({href:submittedHref,_metadata:null});setModalOpen(false);},onDismiss:function(){setModalOpen(false);if(href){setIsPopoverOpen(true);}else{removeMark();}}}));};LinkEditor.displayName="LinkEditor";return LinkEditor;}();var Wrapper$1=function(_a){var emitter=_a.emitter,componentProps=_a.componentProps,Component=_a.Component;var _b=useState(componentProps),localComponentProps=_b[0],setLocalComponentProps=_b[1];useEffect(function(){var onUpdate=function(newComponentProps){setLocalComponentProps(newComponentProps);};emitter.addListener("update",onUpdate);return function(){emitter.removeListener("update",onUpdate);};},[emitter]);return/*#__PURE__*/React.createElement(Component,__assign({},localComponentProps));};/**
|
|
872
|
-
* Create a wrapping connector for rendering a React element into a separate
|
|
873
|
-
* part of the DOM while being able to update it without remounting.
|
|
874
|
-
*/var createReactTooltipWrapper=function(parentNode,Component,componentProps){var emitter=new Nanobus();var container=document.createElement("div");parentNode.appendChild(container);var root=createRoot(container);root.render(/*#__PURE__*/React.createElement(Wrapper$1,{componentProps:componentProps,Component:Component,emitter:emitter}));function destroy(){root.unmount();emitter.removeAllListeners("*");}function update(props){emitter.emit("update",props);}return{destroy:destroy,update:update};};var LinkManager=/** @class */function(){function LinkManager(view,markType,editorComponent,linkAttributeValidator){var _this=this;this.editorComponent=editorComponent;this.linkActive=function(state){return markIsActive(state,markType);};this.validateLinks=validateAndRemoveMarks(markType,linkAttributeValidator);this.markType=markType;this.tooltipTarget=null;this.update(view,null);this.onResize=debounce(function(){_this.update(view,null);},15);}LinkManager.prototype.update=function(view,lastState){var state=view.state;// Don’t do anything if the document/TextSelection didn't change
|
|
875
|
-
if(lastState&&lastState.doc.eq(state.doc)&&lastState.selection.eq(state.selection)){return;}// Is the selection empty or not a link
|
|
876
|
-
//
|
|
877
|
-
// TODO: Also need to check if the selection is _only_ a link. If it covers
|
|
878
|
-
// more than a single mark then we don’t want to allow edited
|
|
879
|
-
if(state.selection.empty||!this.linkActive(state)){this.destroyElement(view);return;}// If there is a selection and we dont have something in DOM
|
|
880
|
-
// then create element and inject
|
|
881
|
-
if(!this.tooltipTarget){this.createElement(view);}this.updateElement(view);};LinkManager.prototype.destroy=function(){var _a;(_a=this.tooltipTarget)===null||_a===void 0?void 0:_a.destroy();window.removeEventListener("resize",this.onResize);};LinkManager.prototype.createElement=function(view){if(!view.dom.parentElement)return;this.tooltipTarget=createReactTooltipWrapper(view.dom.parentElement,this.editorComponent,this.getEditorProps(view));window.addEventListener("resize",this.onResize);};LinkManager.prototype.updateElement=function(view){var _a;(_a=this.tooltipTarget)===null||_a===void 0?void 0:_a.update(this.getEditorProps(view));};LinkManager.prototype.destroyElement=function(view){var _a;view.dispatch(this.validateLinks);(_a=this.tooltipTarget)===null||_a===void 0?void 0:_a.destroy();this.tooltipTarget=null;};LinkManager.prototype.getEditorProps=function(view){var _this=this;var selectionPosition=null;var selection=view.state.selection;var contained=markContainsSelection(view.state,this.markType);var $from=selection.$from;var range=getMarkRange($from,this.markType);var start;var end;if(!contained&&range){start=view.coordsAtPos(range.from);end=view.coordsAtPos(range.to);}else{start=view.coordsAtPos(selection.from);if(selection.to===view.state.doc.content.size){end=view.coordsAtPos(selection.to-1);}else{end=view.coordsAtPos(selection.to);}}selectionPosition={top:start.top,left:start.left,width:end.right-start.left,height:start.top-start.bottom};return{removeMark:function(){view.dispatch(removeMark(_this.markType,{toExtent:true}));},updateAttrs:function(attrs){view.dispatch(updateMark(_this.markType,attrs,{toExtent:true}));},attrs:getMarkAttrs(view.state,this.markType),selectionPosition:selectionPosition,focusEditor:function(){view.focus();}};};return LinkManager;}();var defaultLinkAttributeValidator=function(attrs){if(attrs==null){return false;}return attrs.href&&attrs.href!=="";};var createLinkManager=function(_a){var markType=_a.markType,_b=_a.editorComponent,editorComponent=_b===void 0?LinkEditor:_b,_c=_a.linkAttributeValidator,linkAttributeValidator=_c===void 0?defaultLinkAttributeValidator:_c;return new Plugin({view:function(editorView){return new LinkManager(editorView,markType,editorComponent,linkAttributeValidator);}});};var styles$F={"button":"ToggleIconButton-module_button__86Iau","default":"ToggleIconButton-module_default__2fWS1","active":"ToggleIconButton-module_active__YLYx9","secondary":"ToggleIconButton-module_secondary__2bzRa","primary":"ToggleIconButton-module_primary__-y-0m","destructive":"ToggleIconButton-module_destructive__-PY2A","secondary-destructive":"ToggleIconButton-module_secondary-destructive__t6UEj","disabled":"ToggleIconButton-module_disabled__rwpBC"};const ToggleIconButton=/*#__PURE__*/function(){const ToggleIconButton=/*#__PURE__*/React.forwardRef(function(props,ref){var label=props.label,icon=props.icon,_a=props.isActive,isActive=_a===void 0?false:_a,_b=props.mood,mood=_b===void 0?"default":_b,_c=props.disabled,disabled=_c===void 0?false:_c,classNameOverride=props.classNameOverride,onClick=props.onClick,nativeButtonProps=__rest(props,["label","icon","isActive","mood","disabled","classNameOverride","onClick"]);return/*#__PURE__*/React.createElement(Tooltip,{text:label,display:"inline-block",position:"above",animationDuration:5},/*#__PURE__*/React.createElement("button",__assign({ref:ref,type:"button","aria-pressed":isActive,"aria-label":label,"aria-disabled":disabled,onMouseDown:function(e){return e.preventDefault();},onClick:!disabled?onClick:undefined,className:classnames(styles$F.button,classNameOverride,styles$F[mood],isActive&&styles$F.active,disabled&&styles$F.disabled)},nativeButtonProps),icon));});ToggleIconButton.displayName="ToggleIconButton";return ToggleIconButton;}();var styles$E={"toolbar":"Toolbar-module_toolbar__ooRzV"};var determineValidKeypress=function(event){var validKeys={left:"ArrowLeft",right:"ArrowRight"};return Object.values(validKeys).includes(event.key);};var handleKeyDown=function(e,buttonIndex,buttonFocusIndex,setFocusIndex,toolbarButtons){if(!determineValidKeypress(e))return;var newFocusIndex;var lastButtonIndex=toolbarButtons.current.length-1;if(e.key==="ArrowLeft"){newFocusIndex=buttonIndex===0?lastButtonIndex:buttonFocusIndex-1;}else{newFocusIndex=buttonIndex===lastButtonIndex?0:buttonFocusIndex+1;}setFocusIndex(newFocusIndex);toolbarButtons.current[newFocusIndex].focus();};const Toolbar$1=/*#__PURE__*/function(){const Toolbar$1=function(props){var toolbarChildren=props.children,classNameOverride=props.classNameOverride,toolbarProps=__rest(props,["children","classNameOverride"]);var _a=React.useState(0),buttonFocusIndex=_a[0],setButtonFocusIndex=_a[1];var toolbarButtonsRef=React.useRef([]);var buttonCount=0;return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$E.toolbar,classNameOverride),role:"toolbar"},toolbarProps),React.Children.map(toolbarChildren,function(toolbarSection,sectionIndex){if(!/*#__PURE__*/React.isValidElement(toolbarSection)){return toolbarChildren;}var _a=toolbarSection.props,sectionChildren=_a.children,toolbarSectionProps=__rest(_a,["children"]);return/*#__PURE__*/React.createElement(toolbarSection.type,__assign({},toolbarSectionProps,{key:"rte-section-".concat(sectionIndex)}),React.Children.map(sectionChildren,function(toolbarButton){if(!/*#__PURE__*/React.isValidElement(toolbarButton)){return;}var buttonIndex=buttonCount;buttonCount+=1;return/*#__PURE__*/React.createElement(toolbarButton.type,__assign({},toolbarButton.props,{key:"rte-button-".concat(buttonIndex),tabIndex:buttonIndex===buttonFocusIndex?0:-1,onKeyDown:function(e){return handleKeyDown(e,buttonIndex,buttonFocusIndex,setButtonFocusIndex,toolbarButtonsRef);},ref:function(ref){return toolbarButtonsRef.current[buttonIndex]=ref;}}));}));}));};Toolbar$1.displayName="Toolbar";return Toolbar$1;}();var styles$D={"toolbarSection":"ToolbarSection-module_toolbarSection__nCI0O"};const ToolbarSection=/*#__PURE__*/function(){const ToolbarSection=function(props){return/*#__PURE__*/React.createElement("div",__assign({className:styles$D.toolbarSection},props));};ToolbarSection.displayName="ToolbarSection";/** Chains multiple commands to dispatch each transitions in sequential order */return ToolbarSection;}();var chainTransactions=function(){var commands=[];for(var _i=0;_i<arguments.length;_i++){commands[_i]=arguments[_i];}return function(state,dispatch){var updateStateAndDispatch=function(tr){state=state.apply(tr);dispatch&&dispatch(tr);};var lastCommand=commands.pop();for(var _i=0,commands_1=commands;_i<commands_1.length;_i++){var command=commands_1[_i];command(state,updateStateAndDispatch);}return lastCommand!==undefined&&lastCommand(state,dispatch);};};/** Dispatches a transaction to create initial p tag required for pm commands */var createInitialParagraph=function(state,dispatch){if(dispatch){var tr=state.tr,schema=state.schema;dispatch(tr.replaceSelectionWith(schema.nodes.paragraph.create()));return true;}return false;};/** Create command for toggling Marks */var createToggleMarkCommand=function(mark){return function(state,dispatch){var docIsEmpty=state.doc.content.size===0;if(docIsEmpty){return chainTransactions(createInitialParagraph,ProseMirrorCommands.toggleMark(mark))(state,dispatch);}return ProseMirrorCommands.toggleMark(mark)(state,dispatch);};};/** Create command for toggling Lists */var createToggleListCommand=function(node){return function(state,dispatch){var docIsEmpty=state.doc.content.size===0;if(docIsEmpty){return chainTransactions(createInitialParagraph,ProseMirrorSchemaList.wrapInList(node))(state,dispatch);}return ProseMirrorSchemaList.wrapInList(node)(state,dispatch);};};/** Create command for reducing indents in a List */var createLiftListCommand=function(){return function(state,dispatch){var _a;var $from=state.selection.$from;// calculate the parent node from the current tag selected
|
|
882
|
-
var listItemNode=(_a=$from.node($from.depth-1))===null||_a===void 0?void 0:_a.type;return ProseMirrorSchemaList.liftListItem(listItemNode)(state,dispatch);};};/** Create command for indenting in a List */var createIndentListCommand=function(){return function(state,dispatch){var _a;var $from=state.selection.$from;var listItemNode=(_a=$from.node($from.depth-1))===null||_a===void 0?void 0:_a.type;return ProseMirrorSchemaList.sinkListItem(listItemNode)(state,dispatch);};};/** handler lift list disabled state */var liftListIsDisabled=function(state){var _a;var $from=state.selection.$from;var listItemNode=(_a=$from.node($from.depth-1))===null||_a===void 0?void 0:_a.type;var isValidListItem=(listItemNode===null||listItemNode===void 0?void 0:listItemNode.name)==="listItem"||false;return!isValidListItem;};/** handler indent list disabled state */var indentListIsDisabled=function(state){var _a;var _b=state.selection,$from=_b.$from,$to=_b.$to;var listItemNode=(_a=$from.node($from.depth-1))===null||_a===void 0?void 0:_a.type;var isValidListItem=(listItemNode===null||listItemNode===void 0?void 0:listItemNode.name)==="listItem"||false;if(!isValidListItem){return true;}var range=$from.blockRange($to,function(node){return node.childCount>0&&node.firstChild.type===listItemNode;});return!range||range.startIndex===0?true:false;};/** Creates an object used as an index to map the controls to respective groups */var createControlGroupIndex=function(controls){return controls.reduce(function(groups,currentControl){var _a;if(!(currentControl===null||currentControl===void 0?void 0:currentControl.name))return groups;return __assign(__assign({},groups),(_a={},_a[currentControl.name]=currentControl.group||"ungrouped",_a));},{});};/** Creates an initial object used to map button configuration into its respective groups */var createInitialControls=function(controlGroupIndex){var uniqueGroups=Array.from(new Set(Object.values(controlGroupIndex)));var initialControlObject=uniqueGroups.reduce(function(controlObject,controlKey){var _a;if(controlKey==="ungrouped")return controlObject;return __assign(__assign({},controlObject),(_a={},_a[controlKey]=[],_a));},{});// This ensure that ungrouped controls are always last
|
|
883
|
-
initialControlObject["ungrouped"]=[];return initialControlObject;};/** Retrieves the name of the group a control belongs to */var getGroupIndex=function(controlGroupIndex,controlType){var _a;if(controlType){return(_a=controlGroupIndex[controlType])!==null&&_a!==void 0?_a:"ungrouped";}return"ungrouped";};/** Filters out empty control groups and returns a multi dimensional array */var filterToolbarControls=function(groupedControls){return Object.values(groupedControls).filter(function(controls){return controls.length>0;});};/** Builds an array of object used to map control configuration to rte toolbar buttons */var buildControlMap=function(schema,editorState,controls){if(!controls)return[];var controlGroupIndex=createControlGroupIndex(controls);var toolbarControls=createInitialControls(controlGroupIndex);var listNodes=[schema.nodes.bulletList,schema.nodes.orderedList];if(schema.marks.strong){var type=schema.marks.strong;var groupIndex=getGroupIndex(controlGroupIndex,"bold");toolbarControls[groupIndex].push({isActive:markIsActive(editorState,type),action:createToggleMarkCommand(type),label:"Bold",icon:/*#__PURE__*/React.createElement(Icon,{name:"format_bold",isPresentational:true})});}if(schema.marks.em){var type=schema.marks.em;var groupIndex=getGroupIndex(controlGroupIndex,"italic");toolbarControls[groupIndex].push({isActive:markIsActive(editorState,type),action:createToggleMarkCommand(type),label:"Italic",icon:/*#__PURE__*/React.createElement(Icon,{name:"format_italic",isPresentational:true})});}if(schema.marks.underline){var type=schema.marks.underline;var groupIndex=getGroupIndex(controlGroupIndex,"underline");toolbarControls[groupIndex].push({isActive:markIsActive(editorState,type),action:createToggleMarkCommand(type),label:"Underline",icon:/*#__PURE__*/React.createElement(Icon,{name:"format_underlined",isPresentational:true})});}if(schema.nodes.bulletList){var type=schema.nodes.bulletList;var groupIndex=getGroupIndex(controlGroupIndex,"bulletList");toolbarControls[groupIndex].push({action:createToggleListCommand(type),isActive:listIsActive(editorState,type,listNodes),label:"Bullet List",icon:(/*#__PURE__*/React.createElement(Icon,{name:"format_list_bulleted",isPresentational:true,shouldMirrorInRTL:true}))});}if(schema.nodes.orderedList){var type=schema.nodes.orderedList;var groupIndex=getGroupIndex(controlGroupIndex,"orderedList");toolbarControls[groupIndex].push({action:createToggleListCommand(type),isActive:listIsActive(editorState,type,listNodes),label:"Numbered List",icon:(/*#__PURE__*/React.createElement(Icon,{name:"format_list_numbered",isPresentational:true,shouldMirrorInRTL:true}))});}if(schema.nodes.orderedList||schema.nodes.bulletList){var groupIndex=controlGroupIndex["orderedList"]||controlGroupIndex["bulletList"]||"ungrouped";toolbarControls[groupIndex].push({action:createLiftListCommand(),disabled:liftListIsDisabled(editorState),isActive:false,label:"Decrease indent",icon:(/*#__PURE__*/React.createElement(Icon,{name:"format_indent_decrease",isPresentational:true,shouldMirrorInRTL:true}))},{action:createIndentListCommand(),disabled:indentListIsDisabled(editorState),isActive:false,label:"Increase indent",icon:(/*#__PURE__*/React.createElement(Icon,{name:"format_indent_increase",isPresentational:true,shouldMirrorInRTL:true}))});}if(schema.marks.link){var type=schema.marks.link;var groupIndex=getGroupIndex(controlGroupIndex,"link");toolbarControls[groupIndex].push({action:createToggleMarkCommand(type),disabled:editorState.selection.empty,isActive:false,label:"Link",icon:/*#__PURE__*/React.createElement(Icon,{name:"add_link",isPresentational:true})});}return filterToolbarControls(toolbarControls);};var buildInputRules=function(schema){var smartQuotes=ProseMirrorInputrules.smartQuotes,ellipsis=ProseMirrorInputrules.ellipsis,emDash=ProseMirrorInputrules.emDash,inputRules=ProseMirrorInputrules.inputRules;var rules=smartQuotes.concat(ellipsis,emDash);if(schema.nodes.orderedList){rules.push(orderedListRule(schema.nodes.orderedList));}if(schema.nodes.bulletList){rules.push(bulletListRule(schema.nodes.bulletList));}return inputRules({rules:rules});};var buildKeymap=function(schema){var redo=ProseMirrorHistory.redo,undo=ProseMirrorHistory.undo;var undoInputRule=ProseMirrorInputrules.undoInputRule;var wrapInList=ProseMirrorSchemaList.wrapInList,splitListItem=ProseMirrorSchemaList.splitListItem,liftListItem=ProseMirrorSchemaList.liftListItem,sinkListItem=ProseMirrorSchemaList.sinkListItem;var mac=// eslint-disable-next-line ssr-friendly/no-dom-globals-in-module-scope
|
|
884
|
-
typeof navigator!="undefined"?/Mac/.test(navigator.platform):false;var chainCommands=ProseMirrorCommands.chainCommands,exitCode=ProseMirrorCommands.exitCode,joinDown=ProseMirrorCommands.joinDown,joinUp=ProseMirrorCommands.joinUp,lift=ProseMirrorCommands.lift,selectParentNode=ProseMirrorCommands.selectParentNode,setBlockType=ProseMirrorCommands.setBlockType,toggleMark=ProseMirrorCommands.toggleMark;var keys={"Mod-z":undo,"Shift-Mod-z":redo,Backspace:undoInputRule,"Alt-ArrowUp":joinUp,"Alt-ArrowDown":joinDown,"Mod-BracketLeft":lift,Escape:selectParentNode};if(!mac){keys["Mod-y"]=redo;}if(schema.marks.strong){var type=schema.marks.strong;keys["Mod-b"]=toggleMark(type);keys["Mod-B"]=toggleMark(type);}if(schema.marks.em){var type=schema.marks.em;keys["Mod-i"]=toggleMark(type);keys["Mod-I"]=toggleMark(type);}if(schema.marks.underline){var type=schema.marks.underline;keys["Mod-u"]=toggleMark(type);keys["Mod-U"]=toggleMark(type);}if(schema.nodes.hardBreak){var br_1=schema.nodes.hardBreak;var cmd=chainCommands(exitCode,function(state,dispatch){dispatch&&dispatch(state.tr.replaceSelectionWith(br_1.create()).scrollIntoView());return true;});keys["Mod-Enter"]=cmd;keys["Shift-Enter"]=cmd;if(mac){keys["Ctrl-Enter"]=cmd;}}if(schema.nodes.paragraph){keys["Shift-Ctrl-0"]=setBlockType(schema.nodes.paragraph);}if(schema.nodes.bulletList){keys["Shift-Ctrl-8"]=wrapInList(schema.nodes.bulletList);}if(schema.nodes.orderedList){keys["Shift-Ctrl-9"]=wrapInList(schema.nodes.orderedList);}if(schema.nodes.listItem){var type=schema.nodes.listItem;keys["Enter"]=splitListItem(type);keys["Mod-["]=liftListItem(type);keys["Mod-]"]=sinkListItem(type);}return keys;};var styles$C={"editor":"RichTextEditor-module_editor__pVKqW","hasToolbar":"RichTextEditor-module_hasToolbar__EBxnG","editorLabel":"RichTextEditor-module_editorLabel__om-dJ","editorWrapper":"RichTextEditor-module_editorWrapper__5q3mG","toolbar":"RichTextEditor-module_toolbar__ceLvw","error":"RichTextEditor-module_error__Xugz8","caution":"RichTextEditor-module_caution__6q0z6","rows1":"RichTextEditor-module_rows1__DDEf4","rows2":"RichTextEditor-module_rows2__kzYgh","rows3":"RichTextEditor-module_rows3__SA7Zu","rows4":"RichTextEditor-module_rows4__gkZry","rows5":"RichTextEditor-module_rows5__4Rq2z","rows6":"RichTextEditor-module_rows6__SH-4R","rows7":"RichTextEditor-module_rows7__z02vY","rows8":"RichTextEditor-module_rows8__4j-9e","rows9":"RichTextEditor-module_rows9__67hDj","rows10":"RichTextEditor-module_rows10__qysh1","rows11":"RichTextEditor-module_rows11__o5iYX","rows12":"RichTextEditor-module_rows12__ug-Nv","rows13":"RichTextEditor-module_rows13__tFBG7","rows14":"RichTextEditor-module_rows14__xqS6h","rows15":"RichTextEditor-module_rows15__dzeUM","rows16":"RichTextEditor-module_rows16__GyRco","rows17":"RichTextEditor-module_rows17__GyNby","rows18":"RichTextEditor-module_rows18__fe-Rb","rows19":"RichTextEditor-module_rows19__fc0-T","rows20":"RichTextEditor-module_rows20__p9rwF"};/**
|
|
885
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |
|
|
886
|
-
* {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}
|
|
887
|
-
*/const RichTextEditor=/*#__PURE__*/function(){const RichTextEditor=function(_a){var id=_a.id,onChange=_a.onChange,defaultValue=_a.defaultValue,labelText=_a.labelText,labelledBy=_a["aria-labelledby"],describedBy=_a["aria-describedby"],classNameOverride=_a.classNameOverride,controls=_a.controls,_b=_a.rows,rows=_b===void 0?3:_b,dataError=_a.dataError,onDataError=_a.onDataError,validationMessage=_a.validationMessage,description=_a.description,_c=_a.status,status=_c===void 0?"default":_c,restProps=__rest(_a,["id","onChange","defaultValue","labelText","aria-labelledby","aria-describedby","classNameOverride","controls","rows","dataError","onDataError","validationMessage","description","status"]);var generatedId=useId();var schema=useState(createSchemaFromControls(controls))[0];var editorId=id||generatedId;var labelId=labelledBy||"".concat(editorId,"-rte-label");var validationMessageAria=validationMessage?"".concat(editorId,"-rte-validation-message"):"";var descriptionAria=description?"".concat(editorId,"-rte-description"):"";var ariaDescribedBy=classnames(validationMessageAria,descriptionAria,describedBy);var useRichTextEditorResult=function(){try{return useRichTextEditor(ProseMirrorState.EditorState.create({doc:ProseMirrorModel.Node.fromJSON(schema,{type:"doc",// we're converting empty arrays to the ProseMirror default "empty" state because when
|
|
888
|
-
// given an empty array ProseMirror returns undefined, breaking the type
|
|
889
|
-
content:(defaultValue===null||defaultValue===void 0?void 0:defaultValue.length)>0?defaultValue:[{type:"paragraph"}]}),schema:schema,plugins:getPlugins(controls,schema)}),{"aria-labelledby":labelId,role:"textbox","aria-describedby":ariaDescribedBy});}catch(_a){return new Error("Bad data error");}}();if(useRichTextEditorResult instanceof Error){onDataError&&onDataError();return/*#__PURE__*/React.createElement(InlineNotification,{headingProps:{children:"Error",variant:"heading-6"},type:"negative",persistent:true},dataError||"Something went wrong");}var editorRef=useRichTextEditorResult[0],editorState=useRichTextEditorResult[1],dispatchTransaction=useRichTextEditorResult[2];var controlMap=buildControlMap(schema,editorState,controls);useEffect(function(){onChange(editorState);// Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
|
|
890
|
-
},[editorState]);return/*#__PURE__*/React.createElement(React.Fragment,null,!labelledBy&&labelText&&(/*#__PURE__*/React.createElement(Label$1,{classNameOverride:styles$C.editorLabel,id:labelId,labelText:labelText})),/*#__PURE__*/React.createElement("div",{className:classnames(styles$C.editorWrapper,styles$C[status])},controls&&(/*#__PURE__*/React.createElement(Toolbar$1,{"aria-controls":editorId,"aria-label":"Text formatting",classNameOverride:styles$C.toolbar},controlMap.map(function(section,index){return/*#__PURE__*/React.createElement(ToolbarSection,{key:index},section.map(function(controlConfig,controlKeyIndex){return/*#__PURE__*/React.createElement(ToggleIconButton,{key:controlKeyIndex,icon:controlConfig.icon,disabled:controlConfig.disabled,label:controlConfig.label,isActive:controlConfig.isActive,onClick:function(){return dispatchTransaction(controlConfig.action);}});}));}))),/*#__PURE__*/React.createElement("div",__assign({id:editorId,ref:editorRef,className:classnames(styles$C.editor,styles$C["rows".concat(rows)],classNameOverride,controls!=null&&controls.length>0&&styles$C.hasToolbar)},restProps))),validationMessage&&(/*#__PURE__*/React.createElement(FieldMessage,{id:validationMessageAria,message:validationMessage,status:status})),description&&(/*#__PURE__*/React.createElement(FieldMessage,{id:descriptionAria,message:description})));};RichTextEditor.displayName="RichTextEditor";return RichTextEditor;}();function getPlugins(controls,schema){var allControlNames=controls?controls.reduce(function(acc,c){return __spreadArray(__spreadArray([],acc,true),[c.name],false);},[]):[];var plugins=[ProseMirrorHistory.history(),ProseMirrorKeymap.keymap(buildKeymap(schema)),ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap),buildInputRules(schema)];if(allControlNames.includes("link")){plugins.push(createLinkManager({markType:schema.marks.link}));}return plugins;}var styles$B={"label":"SearchField-module_label__NxYfn"};/**
|
|
891
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |
|
|
892
|
-
* {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}
|
|
893
|
-
*/const SearchField=/*#__PURE__*/function(){const SearchField=function(_a){var propsId=_a.id,labelText=_a.labelText,disabled=_a.disabled,_b=_a.reversed,reversed=_b===void 0?false:_b,_c=_a.secondary,secondary=_c===void 0?false:_c,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["id","labelText","disabled","reversed","secondary","classNameOverride"]);var showVisibleLabel=!secondary;var reactId=useId();var id=propsId!==null&&propsId!==void 0?propsId:reactId;// @todo: Move restProps to container div?
|
|
894
|
-
return/*#__PURE__*/React.createElement("div",{className:classNameOverride},showVisibleLabel&&(/*#__PURE__*/React.createElement(Label$1,{htmlFor:id,labelText:labelText,reversed:reversed,disabled:disabled,classNameOverride:styles$B.label})),/*#__PURE__*/React.createElement(InputSearch,__assign({"aria-label":!showVisibleLabel?labelText:undefined,id:id,disabled:disabled,reversed:reversed,secondary:secondary},restProps)));};SearchField.displayName="SearchField";return SearchField;}();var styles$A={"root":"Tag-module_root__uRhoc","profile":"Tag-module_profile__OoGsS","layoutContainer":"Tag-module_layoutContainer__pBLSz","validationIcon":"Tag-module_validationIcon__B-YLv","textContent":"Tag-module_textContent__q76X-","iconWrapper":"Tag-module_iconWrapper__aPrKH","dismissButton":"Tag-module_dismissButton__rHv7r","background":"Tag-module_background__LkzGB","truncate":"Tag-module_truncate__5w7HW","inline":"Tag-module_inline__pPM-d","medium":"Tag-module_medium__NkOrv","small":"Tag-module_small__-xyNk","default":"Tag-module_default__6PVke","sentimentPositive":"Tag-module_sentimentPositive__nbqE1","sentimentNeutral":"Tag-module_sentimentNeutral__8BtD8","sentimentNegative":"Tag-module_sentimentNegative__1J85t","sentimentNone":"Tag-module_sentimentNone__8BWjU","validationPositive":"Tag-module_validationPositive__vgFUE","validationInformative":"Tag-module_validationInformative__bnJ4A","validationNegative":"Tag-module_validationNegative__lZgIY","validationCautionary":"Tag-module_validationCautionary__ERS2t","statusLive":"Tag-module_statusLive__xG48w","statusAction":"Tag-module_statusAction__woL-O","statusClosed":"Tag-module_statusClosed__VhZP-","statusDraft":"Tag-module_statusDraft__9QZDv","liveIcon":"Tag-module_liveIcon__URtak","liveIcon_base":"Tag-module_liveIcon_base__Nk5um","liveIcon_1":"Tag-module_liveIcon_1__STFJY","liveIcon_2":"Tag-module_liveIcon_2__rko-D","liveIcon_3":"Tag-module_liveIcon_3__fL71y","pulse-inner":"Tag-module_pulse-inner__0-JFL","pulse-outer":"Tag-module_pulse-outer__f9Oox"};var isJSXElement$1=function(imageElementOrAvatarProps){return"props"in imageElementOrAvatarProps;};var renderAvatar$1=function(imageElementOrAvatarProps){return isJSXElement$1(imageElementOrAvatarProps)?(/*#__PURE__*/React.createElement(React.Fragment,null,imageElementOrAvatarProps)):(/*#__PURE__*/React.createElement(Avatar,__assign({},imageElementOrAvatarProps,{size:"small"})));};/**
|
|
895
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |
|
|
896
|
-
* {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}
|
|
897
|
-
*/const Tag=/*#__PURE__*/function(){const Tag=function(props){var children=props.children,_a=props.variant,variant=_a===void 0?"default":_a,_b=props.size,size=_b===void 0?"medium":_b,_c=props.inline,inline=_c===void 0?false:_c,_d=props.dismissible,dismissible=_d===void 0?false:_d,onDismiss=props.onDismiss,onMouseDown=props.onMouseDown,onMouseLeave=props.onMouseLeave,truncateWidth=props.truncateWidth;var isTruncated=truncateWidth&&truncateWidth>0;var canShowIcon=size==="medium";return/*#__PURE__*/React.createElement("div",{className:classnames(styles$A.root,styles$A[variant],variant==="profile"&&styles$A.default,styles$A[size],inline&&styles$A.inline,dismissible&&styles$A.dismissible)},/*#__PURE__*/React.createElement("div",{className:styles$A.layoutContainer},/*#__PURE__*/React.createElement(React.Fragment,null,canShowIcon&&function(){switch(props.variant){case"validationPositive":return/*#__PURE__*/React.createElement("span",{className:styles$A.validationIcon},/*#__PURE__*/React.createElement(Icon,{name:"check_circle",isPresentational:true,isFilled:true}));case"validationNegative":return/*#__PURE__*/React.createElement("span",{className:styles$A.validationIcon},/*#__PURE__*/React.createElement(Icon,{name:"error",isPresentational:true,isFilled:true}));case"validationCautionary":return/*#__PURE__*/React.createElement("span",{className:styles$A.validationIcon},/*#__PURE__*/React.createElement(Icon,{name:"warning",isPresentational:true,isFilled:true}));case"validationInformative":return/*#__PURE__*/React.createElement("span",{className:styles$A.validationIcon},/*#__PURE__*/React.createElement(Icon,{name:"info",isPresentational:true,isFilled:true}));case"profile":return/*#__PURE__*/React.createElement("span",{className:styles$A.profile},props.avatar&&renderAvatar$1(props.avatar));default:return;}}(),/*#__PURE__*/React.createElement("span",{className:classnames(styles$A.textContent,isTruncated&&styles$A.truncate),style:{maxWidth:isTruncated?truncateWidth:undefined}},children),dismissible&&(/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("button",{type:"button",className:styles$A.dismissButton,onClick:onDismiss,onMouseDown:onMouseDown,onMouseLeave:onMouseLeave},/*#__PURE__*/React.createElement("div",{className:styles$A.iconWrapper},/*#__PURE__*/React.createElement(Icon,{name:"cancel",alt:"Dismiss",isFilled:true}))))),variant==="statusLive"&&(/*#__PURE__*/React.createElement("span",{className:styles$A.liveIcon},/*#__PURE__*/React.createElement(LiveIcon,{role:"presentation",classNameOverride:styles$A.liveIcon_base,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"}),/*#__PURE__*/React.createElement(LiveIcon,{role:"presentation",classNameOverride:styles$A.liveIcon_1,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"}),/*#__PURE__*/React.createElement(LiveIcon,{role:"presentation",classNameOverride:styles$A.liveIcon_2,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"}),/*#__PURE__*/React.createElement(LiveIcon,{role:"presentation",classNameOverride:styles$A.liveIcon_3,width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"}))))));};Tag.displayName="Tag";return Tag;}();var styles$z={"specificityIncreaser":"Select-module_specificityIncreaser__cZtQV","secondary":"Select-module_secondary__0RpOQ","default":"Select-module_default__hKuCo","control":"Select-module_control__ehUuP","focusedControl":"Select-module_focusedControl__3AwhP","secondarySmall":"Select-module_secondarySmall__6yNEL","multiValue":"Select-module_multiValue__9XkYX","dropdownIndicator":"Select-module_dropdownIndicator__NUopQ","disabled":"Select-module_disabled__-iG97","valueContainer":"Select-module_valueContainer__MGkpr","indicatorsContainer":"Select-module_indicatorsContainer__2xCsm","loadingMessage":"Select-module_loadingMessage__4Ej9T","placeholder":"Select-module_placeholder__OAeGA","menu":"Select-module_menu__axmUL","groupHeading":"Select-module_groupHeading__eNw6U","option":"Select-module_option__EdP-F","focusedOption":"Select-module_focusedOption__uwQwp","disabledOption":"Select-module_disabledOption__TWVun","selectedOption":"Select-module_selectedOption__xhYOz","noOptionsMessage":"Select-module_noOptionsMessage__DG5zw","singleValue":"Select-module_singleValue__-cc8w","reversed":"Select-module_reversed__-jCGs","singleValueOverrides":"Select-module_singleValueOverrides__44Gby","input":"Select-module_input__HAhy-","error":"Select-module_error__GpAw6","clearIndicator":"Select-module_clearIndicator__O6EuX","notFullWidth":"Select-module_notFullWidth__LO-xV"};/**
|
|
898
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
|
|
899
|
-
* {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
|
|
900
|
-
*/const Select=/*#__PURE__*/function(){const Select=/*#__PURE__*/React.forwardRef(function(_a,ref){var _b=_a.variant,variant=_b===void 0?"default":_b,_c=_a.status,status=_c===void 0?"default":_c,_d=_a.reversed,reversed=_d===void 0?false:_d,label=_a.label,validationMessage=_a.validationMessage,description=_a.description,propsFullWidth=_a.fullWidth,propsClassName=_a.className,isDisabled=_a.isDisabled,placeholder=_a.placeholder,props=__rest(_a,["variant","status","reversed","label","validationMessage","description","fullWidth","className","isDisabled","placeholder"]);var reactId=useId();// the default for fullWidth depends on the variant
|
|
901
|
-
var fullWidth=propsFullWidth!=null?propsFullWidth:variant==="secondary"||variant==="secondary-small"?false:true;var classes=classnames(propsClassName,styles$z.specificityIncreaser,(!reversed||variant==="default")&&styles$z.default,reversed&&styles$z.reversed,variant==="secondary"&&styles$z.secondary,variant==="secondary-small"&&styles$z.secondarySmall,!fullWidth&&styles$z.notFullWidth,isDisabled&&styles$z.disabled,status==="error"&&styles$z.error);var labelId=useState(label?reactId:undefined)[0];return/*#__PURE__*/React.createElement(React.Fragment,null,label?(/*#__PURE__*/React.createElement(Label$1,{reversed:reversed,id:labelId},label)):null,/*#__PURE__*/React.createElement(ReactSelect,__assign({},props,{ref:ref,"aria-labelledby":labelId,placeholder:placeholder||"",components:{Control:Control,Placeholder:Placeholder,DropdownIndicator:DropdownIndicator,Menu:Menu,GroupHeading:GroupHeading,Option:Option,NoOptionsMessage:NoOptionsMessage,Input:Input,SingleValue:SingleValue,MultiValue:MultiValue,IndicatorsContainer:IndicatorsContainer,ValueContainer:ValueContainer,ClearIndicator:ClearIndicator,IndicatorSeparator:null},className:classes})),validationMessage?(/*#__PURE__*/React.createElement(FieldMessage,{message:validationMessage,status:status})):null,description?/*#__PURE__*/React.createElement(FieldMessage,{message:description}):null);});Select.displayName="Select";return Select;}();const AsyncSelect=/*#__PURE__*/function(){const AsyncSelect=/*#__PURE__*/React.forwardRef(function(_a,ref){var propsClassName=_a.className,placeholder=_a.placeholder,props=__rest(_a,["className","placeholder"]);return/*#__PURE__*/React.createElement(Async,__assign({},props,{ref:ref,placeholder:placeholder||"",components:{Control:Control,Placeholder:Placeholder,DropdownIndicator:DropdownIndicator,Menu:Menu,Option:Option,NoOptionsMessage:NoOptionsMessage,Input:Input,SingleValue:SingleValue,MultiValue:MultiValue,IndicatorsContainer:IndicatorsContainer,ValueContainer:ValueContainer,ClearIndicator:undefined,IndicatorSeparator:null,LoadingMessage:LoadingMessage},className:classnames(styles$z.specificityIncreaser,propsClassName)}));});AsyncSelect.displayName="AsyncSelect";return AsyncSelect;}();var Control=function(props){return/*#__PURE__*/React.createElement("div",{"data-automation-id":"Select__Control"},/*#__PURE__*/React.createElement(components.Control,__assign({},props,{className:classnames(styles$z.control,props.isFocused&&styles$z.focusedControl,props.isDisabled&&styles$z.disabled)})));};var Placeholder=function(props){return/*#__PURE__*/React.createElement(components.Placeholder,__assign({},props,{className:styles$z.placeholderOverrides}),/*#__PURE__*/React.createElement("span",{className:styles$z.placeholder},props.children));};var DropdownIndicator=function(props){return/*#__PURE__*/React.createElement(components.DropdownIndicator,__assign({},props,{className:styles$z.dropdownIndicator}),/*#__PURE__*/React.createElement(Icon,{name:props.selectProps.menuIsOpen?"keyboard_arrow_up":"keyboard_arrow_down",isPresentational:true}));};var LoadingMessage=function(props){return/*#__PURE__*/React.createElement(components.LoadingMessage,__assign({},props,{className:styles$z.loadingMessage}));};var Menu=function(props){return/*#__PURE__*/React.createElement(components.Menu,__assign({},props,{className:styles$z.menu}));};var GroupHeading=function(props){return/*#__PURE__*/React.createElement(components.GroupHeading,__assign({},props,{className:styles$z.groupHeading}));};var Option=function(props){return/*#__PURE__*/React.createElement("div",{"data-automation-id":"Select__Option"},/*#__PURE__*/React.createElement(components.Option,__assign({},props,{className:classnames(styles$z.option,props.isFocused&&styles$z.focusedOption,props.isSelected&&styles$z.selectedOption,props.isDisabled&&styles$z.disabledOption)})));};var NoOptionsMessage=function(props){return/*#__PURE__*/React.createElement(components.NoOptionsMessage,__assign({},props),/*#__PURE__*/React.createElement("span",{className:styles$z.noOptionsMessage},props.children));};var SingleValue=function(props){return/*#__PURE__*/React.createElement(components.SingleValue,__assign({},props,{className:styles$z.singleValueOverrides}),/*#__PURE__*/React.createElement("span",{className:styles$z.singleValue},props.children));};var MultiValue=function(props){return/*#__PURE__*/React.createElement("div",{className:styles$z.multiValue},/*#__PURE__*/React.createElement(Tag,{variant:"default",dismissible:true,inline:true,onDismiss:props.removeProps.onClick},props.children));};var IndicatorsContainer=function(props){return/*#__PURE__*/React.createElement(components.IndicatorsContainer,__assign({},props,{className:styles$z.indicatorsContainer}));};var Input=function(props){return/*#__PURE__*/React.createElement(components.Input,__assign({className:styles$z.input},props));};var ValueContainer=function(props){return/*#__PURE__*/React.createElement(components.ValueContainer,__assign({},props,{className:styles$z.valueContainer}));};var ClearIndicator=function(props){return/*#__PURE__*/React.createElement(components.ClearIndicator,__assign({},props,{className:styles$z.clearIndicator}),/*#__PURE__*/React.createElement(Icon,{name:"cancel",isPresentational:true,isFilled:true}));};var defaultCallback=function(entry){return entry;};/**
|
|
902
|
-
* Hook for observing changes to a DOM element via ResizeObserver.
|
|
903
|
-
*
|
|
904
|
-
* @param {resolveEntryCallback} resolveEntry - Callback for resolving the
|
|
905
|
-
* desired value from each ResizeObserverEntry emitted by ResizeObserver
|
|
906
|
-
* @return {Array} An array containing a ref for binding to the observed DOM
|
|
907
|
-
* element, and the current value of the callback-resolved ResizeObserverEntry
|
|
908
|
-
* @callback resolveEntryCallback
|
|
909
|
-
* @deprecated use native `ResizeObserver` DOM API instead
|
|
910
|
-
*/var useResizeObserver=function(resolveEntry){if(resolveEntry===void 0){resolveEntry=defaultCallback;}var destroyResizeObserverRef=useRef(undefined);var _a=useState(undefined),dimensions=_a[0],setDimensions=_a[1];var resolveEntryRef=useRef(resolveEntry);var ref=useCallback(function(node){if(node){var resizeObserver_1=new ResizeObserver$1(function(entries){for(var _i=0,entries_1=entries;_i<entries_1.length;_i++){var entry=entries_1[_i];var value=resolveEntryRef.current(entry);if(value){setDimensions(value);}}});resizeObserver_1.observe(node);destroyResizeObserverRef.current=function(){resizeObserver_1.disconnect();};}},[destroyResizeObserverRef,setDimensions,resolveEntryRef]);// Ensure the resolveEntryRef has the latest value
|
|
911
|
-
useEffect(function(){resolveEntryRef.current=resolveEntry;},[resolveEntry]);// Destroy the observer on unmount
|
|
912
|
-
useEffect(function(){return function(){if(destroyResizeObserverRef.current){destroyResizeObserverRef.current();}};},[]);return[ref,dimensions];};var styles$y={"container":"Skirt-module_container__h4J-J","underlay":"Skirt-module_underlay__isMuP","defaultVariant":"Skirt-module_defaultVariant__VLaHK","educationVariant":"Skirt-module_educationVariant__12yxk","content":"Skirt-module_content__218H1"};var spacing=24;var maxHeight=222;var fallbackPercentage=0.8;const Skirt=/*#__PURE__*/function(){const Skirt=function(_a){var children=_a.children,_b=_a.variant,variant=_b===void 0?"default":_b,_c=_a.titleBlockHasNavigation,titleBlockHasNavigation=_c===void 0?true:_c,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","variant","titleBlockHasNavigation","classNameOverride"]);var _d=useResizeObserver(function(entry){if(entry.contentRect){return deriveSkirtHeight(entry.contentRect,titleBlockHasNavigation);}return undefined;}),ref=_d[0],skirtHeight=_d[1];return/*#__PURE__*/React.createElement(Container,__assign({ref:ref,classNameOverride:classnames(styles$y.container,classNameOverride)},restProps),/*#__PURE__*/React.createElement("div",{style:__assign({},skirtHeight&&{height:"".concat(skirtHeight,"px")}),className:classnames(styles$y.underlay,styles$y["".concat(variant,"Variant")])}),/*#__PURE__*/React.createElement(Content,{classNameOverride:styles$y.content},children));};Skirt.displayName="Skirt";return Skirt;}();var deriveSkirtHeight=function(rect,titleBlockHasNavigation){var height=rect.height,width=rect.width;var responsiveOffset=0;if(width>768){responsiveOffset=2.8125*16;}// This ensures the maximum height of the skirt is consistent between pages
|
|
913
|
-
// where the title block has/doesn’t have navigation
|
|
914
|
-
var derivedMaxHeight=titleBlockHasNavigation?maxHeight:maxHeight+responsiveOffset;var maxHeightWithSpacing=derivedMaxHeight+spacing;return Math.max(spacing,height>maxHeightWithSpacing?derivedMaxHeight:height*fallbackPercentage-spacing);};var styles$x={"wrapper":"SkirtCard-module_wrapper__05vkl"};const SkirtCard=/*#__PURE__*/function(){const SkirtCard=function(props){var classNameOverride=props.classNameOverride,restProps=__rest(props,["classNameOverride"]);return/*#__PURE__*/React.createElement(Card,__assign({classNameOverride:classnames(styles$x.wrapper,classNameOverride)},restProps));};SkirtCard.displayName="SkirtCard";return SkirtCard;}();var styles$w={"wrapper":"Slider-module_wrapper__zVX6g","labelWrapper":"Slider-module_labelWrapper__WuUIw","label":"Slider-module_label__CfIjh","labelInline":"Slider-module_labelInline__zjINd","inputWrapper":"Slider-module_inputWrapper__n16yj","descriptionDisabled":"Slider-module_descriptionDisabled__8GwiS","readOnlyMessage":"Slider-module_readOnlyMessage__Zscoa"};/**
|
|
915
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |
|
|
916
|
-
* {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}
|
|
917
|
-
*/const Slider=/*#__PURE__*/function(){const Slider=function(_a){var propsId=_a.id,labelText=_a.labelText,description=_a.description,_b=_a.labelPosition,labelPosition=_b===void 0?"inline":_b,_c=_a.variant,variant=_c===void 0?"default":_c,disabled=_a.disabled,readOnlyMessage=_a.readOnlyMessage,restProps=__rest(_a,["id","labelText","description","labelPosition","variant","disabled","readOnlyMessage"]);var id=propsId!==null&&propsId!==void 0?propsId:useId();var descriptionId="".concat(id,"-description");return/*#__PURE__*/React.createElement(FieldGroup,{inline:true},/*#__PURE__*/React.createElement("div",{className:classnames(styles$w.wrapper,labelPosition==="inline"&&styles$w.labelInline)},/*#__PURE__*/React.createElement("div",{className:styles$w.labelWrapper},/*#__PURE__*/React.createElement("div",{className:styles$w.label},/*#__PURE__*/React.createElement(Label$1,{htmlFor:id,labelText:labelText,variant:variant,disabled:disabled})),description&&(/*#__PURE__*/React.createElement(Text,{variant:"small",id:descriptionId,classNameOverride:disabled?styles$w.descriptionDisabled:undefined},description))),/*#__PURE__*/React.createElement("div",{className:styles$w.inputWrapper},/*#__PURE__*/React.createElement(InputRange,__assign({id:id,"aria-describedby":descriptionId,disabled:disabled},restProps)),readOnlyMessage&&(/*#__PURE__*/React.createElement("div",{className:styles$w.readOnlyMessage},readOnlyMessage)))));};Slider.displayName="Slider";return Slider;}();var styles$v={"baseButton":"BaseButton-module_baseButton__0XYh4","default":"BaseButton-module_default__6JNZx","isReversed":"BaseButton-module_isReversed__j8nyW"};var isAnchor=function(attributes){return!attributes.disabled&&attributes.href!==undefined;};const BaseButton=/*#__PURE__*/function(){const BaseButton=function(_a){var label=_a.label,icon=_a.icon,isReversed=_a.isReversed,classNameOverride=_a.classNameOverride,attributes=__rest(_a,["label","icon","isReversed","classNameOverride"]);var className=classnames(styles$v.baseButton,classNameOverride,isReversed?styles$v.isReversed:styles$v.default);var contentProps=icon?{children:/*#__PURE__*/React.createElement(React.Fragment,null,icon),"aria-label":label}:{children:label};var children=contentProps.children,restContentProps=__rest(contentProps,["children"]);if(isAnchor(attributes)){return/*#__PURE__*/React.createElement("a",__assign({className:className},restContentProps,attributes),children);}return/*#__PURE__*/React.createElement("button",__assign({type:"button",className:className},restContentProps,attributes),children);};BaseButton.displayName="BaseButton";return BaseButton;}();var styles$u={"actionButton":"ActionButton-module_actionButton__mJRl4"};const ActionButton=/*#__PURE__*/function(){const ActionButton=function(_a){var classNameOverride=_a.classNameOverride,restProps=__rest(_a,["classNameOverride"]);return/*#__PURE__*/React.createElement(BaseButton,__assign({classNameOverride:classnames(styles$u.actionButton,classNameOverride)},restProps));};ActionButton.displayName="ActionButton";return ActionButton;}();var styles$t={"dropdownButton":"DropdownButton-module_dropdownButton__PqQH6"};const DropdownButton=/*#__PURE__*/function(){const DropdownButton=function(_a){var classNameOverride=_a.classNameOverride,ariaLabel=_a["aria-label"],restProps=__rest(_a,["classNameOverride","aria-label"]);var formatMessage=useIntl().formatMessage;return/*#__PURE__*/React.createElement(BaseButton,__assign({label:ariaLabel||formatMessage({id:"splitButton.dropdownButton.label",defaultMessage:"Additional actions",description:"Label for a dropdown menu holding additional actions"}),icon:/*#__PURE__*/React.createElement(Icon,{name:"keyboard_arrow_down",isPresentational:true}),classNameOverride:classnames(styles$t.dropdownButton,classNameOverride)},restProps));};DropdownButton.displayName="DropdownButton";return DropdownButton;}();var styles$s={"splitButton":"SplitButton-module_splitButton__oNIKE"};/**
|
|
918
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896196/Split+Button Guidance} |
|
|
919
|
-
* {@link https://cultureamp.design/storybook/?path=/docs/components-splitbutton--docs Storybook}
|
|
920
|
-
*/const SplitButton=/*#__PURE__*/function(){const SplitButton=function(_a){var actionButtonProps=_a.actionButtonProps,dropdownButtonProps=_a.dropdownButtonProps,dropdownContent=_a.dropdownContent,isDropdownInitOpen=_a.isDropdownInitOpen,disabled=_a.disabled,isReversed=_a.isReversed,dir=_a.dir,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["actionButtonProps","dropdownButtonProps","dropdownContent","isDropdownInitOpen","disabled","isReversed","dir","classNameOverride"]);return/*#__PURE__*/React.createElement("div",__assign({dir:dir,className:classnames(styles$s.splitButton,classNameOverride)},restProps),/*#__PURE__*/React.createElement(ActionButton,__assign({disabled:disabled,isReversed:isReversed},actionButtonProps)),/*#__PURE__*/React.createElement(Menu$1,{align:dir==="rtl"?"left":"right",dropdownWidth:"contain",button:/*#__PURE__*/React.createElement(DropdownButton,__assign({disabled:disabled,isReversed:isReversed},dropdownButtonProps)),menuVisible:isDropdownInitOpen},dropdownContent));};SplitButton.displayName="SplitButton";return SplitButton;}();var styles$r={"container":"Table-module_container__w-zFG","headerRowCell":"Table-module_headerRowCell__kW0YN","headerRowCellNoWrap":"Table-module_headerRowCellNoWrap__BSuzX","headerRowCellLabel":"Table-module_headerRowCellLabel__5v6m8","headerRowCellAlignCenter":"Table-module_headerRowCellAlignCenter__cobEI","headerRowCellAlignEnd":"Table-module_headerRowCellAlignEnd__dQOOQ","headerRowCellCheckbox":"Table-module_headerRowCellCheckbox__CdMiY","headerRowCellTooltip":"Table-module_headerRowCellTooltip__uzbpY","headerRowCellContent":"Table-module_headerRowCellContent__IArYC","headerRowCellButton":"Table-module_headerRowCellButton__uikM7","headerRowCellButtonReversed":"Table-module_headerRowCellButtonReversed__uk87N","headerRowCellNoButton":"Table-module_headerRowCellNoButton__dqf1B","headerRowCellLabelAndIcons":"Table-module_headerRowCellLabelAndIcons__OCCVi","headerRowCellTooltipIcon":"Table-module_headerRowCellTooltipIcon__X0ETJ","headerRowCellIcon":"Table-module_headerRowCellIcon__gB3zI","headerRowCellActive":"Table-module_headerRowCellActive__wshmg","card":"Table-module_card__RGyjC","well":"Table-module_well__xQmO5","row":"Table-module_row__GYSl1","popout":"Table-module_popout__PeAVV","expanded":"Table-module_expanded__dasr3","hasHoverState":"Table-module_hasHoverState__u5n3E","rowCell":"Table-module_rowCell__A5-2R","defaultSpacing":"Table-module_defaultSpacing__zq1Ci","dataVariant":"Table-module_dataVariant__vBOag","rowCellAlignCenter":"Table-module_rowCellAlignCenter__apkoC","rowCellAlignEnd":"Table-module_rowCellAlignEnd__qZfa1","whiteText":"Table-module_whiteText__4f-q5"};/**
|
|
921
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929256/Table Guidance} |
|
|
922
|
-
* {@link https://cultureamp.design/?path=/docs/components-table--docs Storybook}
|
|
923
|
-
*/var TableContainer=function(_a){var _b=_a.variant,variant=_b===void 0?"compact":_b,children=_a.children,otherProps=__rest(_a,["variant","children"]);return/*#__PURE__*/React.createElement("div",__assign({role:"table",className:classnames(styles$r.container,variant==="default"&&styles$r.defaultSpacing,variant==="data"&&styles$r.dataVariant)},otherProps),children);};var TableHeader=function(_a){var children=_a.children,otherProps=__rest(_a,["children"]);return/*#__PURE__*/React.createElement("div",__assign({role:"rowgroup"},otherProps),children);};var ratioToPercent=function(width){return width!=null?"".concat(width*100,"%"):width;};var TableHeaderRowCell=function(_a){var _b;var labelText=_a.labelText,onClick=_a.onClick,href=_a.href,width=_a.width,flex=_a.flex,icon=_a.icon,checkable=_a.checkable,checkedStatus=_a.checkedStatus,checkboxLabel=_a.checkboxLabel,onCheck=_a.onCheck,reversed=_a.reversed,sortingRaw=_a.sorting,// I can't say for certain why "nowrap" was the default value. Normally you wouldn't
|
|
924
|
-
// want to clip off information because it doesn't fit on one line.
|
|
925
|
-
// My assumption is that because since the cell width rows are decoupled, a heading
|
|
926
|
-
// cell with a word longer than the column width would push the columns out of
|
|
927
|
-
// alignment? I'm not sure.
|
|
928
|
-
// Anyway, we can override this default behaviour by setting wrapping to "wrap".
|
|
929
|
-
_c=_a.wrapping,// I can't say for certain why "nowrap" was the default value. Normally you wouldn't
|
|
930
|
-
// want to clip off information because it doesn't fit on one line.
|
|
931
|
-
// My assumption is that because since the cell width rows are decoupled, a heading
|
|
932
|
-
// cell with a word longer than the column width would push the columns out of
|
|
933
|
-
// alignment? I'm not sure.
|
|
934
|
-
// Anyway, we can override this default behaviour by setting wrapping to "wrap".
|
|
935
|
-
wrapping=_c===void 0?"nowrap":_c,_d=_a.align,align=_d===void 0?"start":_d,tooltipInfo=_a.tooltipInfo,_e=_a.isTooltipIconHidden,isTooltipIconHidden=_e===void 0?false:_e,tooltipPortalSelector=_a.tooltipPortalSelector,sortingArrowsOnHover=_a.sortingArrowsOnHover,classNameOverride=_a.classNameOverride,// There aren't any other props in the type definition, so I'm unsure why we
|
|
936
|
-
// have this spread.
|
|
937
|
-
otherProps=__rest(_a,["labelText","onClick","href","width","flex","icon","checkable","checkedStatus","checkboxLabel","onCheck","reversed","sorting","wrapping","align","tooltipInfo","isTooltipIconHidden","tooltipPortalSelector","sortingArrowsOnHover","classNameOverride"]);var sorting=sortingRaw;var _f=React.useState(false),isHovered=_f[0],setIsHovered=_f[1];var updateHoverState=function(hoverState){if(sortingArrowsOnHover&&hoverState!=isHovered)setIsHovered(hoverState);};var headerColor=!!reversed?"white-reduced-opacity":"dark-reduced-opacity";var hoveredHeaderColor=!!reversed?"white":"dark";// For this "cellContents" variable, we start at the inner most child, and
|
|
938
|
-
// wrap it elements, depending on what the props dictate.
|
|
939
|
-
var cellContents=/*#__PURE__*/React.createElement("div",{className:styles$r.headerRowCellLabelAndIcons},icon&&(/*#__PURE__*/React.createElement("span",{className:styles$r.headerRowCellIcon},/*#__PURE__*/cloneElement(icon,(_b={title:labelText},_b["aria-label"]=labelText,_b.role="img",_b)))),checkable&&(/*#__PURE__*/React.createElement("div",{className:styles$r.headerRowCellCheckbox},/*#__PURE__*/React.createElement(Checkbox$1,{checkedStatus:checkedStatus,onCheck:onCheck,"aria-label":checkboxLabel}))),tooltipInfo!=null&&!isTooltipIconHidden?(/*#__PURE__*/React.createElement("div",{className:styles$r.headerRowCellTooltipIcon},/*#__PURE__*/React.createElement(Icon,{name:"error",isPresentational:true,isFilled:true}))):null,!icon?(/*#__PURE__*/React.createElement(Heading,{tag:"div",variant:"heading-6",color:sorting||isHovered?hoveredHeaderColor:headerColor,classNameOverride:styles$r.headerRowCellLabel},labelText)):null,(sorting||isHovered&&sortingArrowsOnHover)&&(/*#__PURE__*/React.createElement("div",{className:classnames(align==="center"&&styles$r.headerRowCellIconAlignCenter,align==="end"&&styles$r.headerRowCellIconAlignEnd,reversed&&styles$r.whiteText)},sorting==="ascending"||sortingArrowsOnHover==="ascending"?(/*#__PURE__*/React.createElement(Icon,{name:"arrow_drop_up",isPresentational:true})):(/*#__PURE__*/React.createElement(Icon,{name:"arrow_drop_down",isPresentational:true})))));cellContents=href?(/*#__PURE__*/React.createElement("a",{className:classnames(styles$r.headerRowCellButton,reversed&&styles$r.headerRowCellButtonReversed),href:href,onClick:onClick,onMouseEnter:function(){return updateHoverState(true);},onFocus:function(){return updateHoverState(true);},onMouseLeave:function(){return updateHoverState(false);},onBlur:function(){return updateHoverState(false);}},cellContents)):onClick?(/*#__PURE__*/React.createElement("button",{type:"button",className:classnames(styles$r.headerRowCellButton,reversed&&styles$r.headerRowCellButtonReversed),onClick:onClick,onMouseEnter:function(){return updateHoverState(true);},onFocus:function(){return updateHoverState(true);},onMouseLeave:function(){return updateHoverState(false);},onBlur:function(){return updateHoverState(false);}},cellContents)):(/*#__PURE__*/ // This div wrapper probably isn't needed, but it's a bit easier
|
|
940
|
-
// for this flex positioning, to have the dom tree depth match for
|
|
941
|
-
// each permutation.
|
|
942
|
-
React.createElement("div",{className:styles$r.headerRowCellNoButton},cellContents));cellContents=tooltipInfo!=null?(/*#__PURE__*/React.createElement(Tooltip,{animationDuration:0,classNameOverride:styles$r.headerRowCellTooltip,text:tooltipInfo,portalSelector:tooltipPortalSelector},cellContents)):(/*#__PURE__*/ // Again, this wrapper is just to make the dom tree consistent between
|
|
943
|
-
// different permutations.
|
|
944
|
-
React.createElement("div",{className:styles$r.headerRowCellTooltip},cellContents));return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$r.headerRowCell,wrapping==="nowrap"&&styles$r.headerRowCellNoWrap,align==="center"&&styles$r.headerRowCellAlignCenter,align==="end"&&styles$r.headerRowCellAlignEnd,sorting&&styles$r.headerRowCellActive,classNameOverride),style:{width:ratioToPercent(width),flex:flex},role:"columnheader"},otherProps),cellContents);};var TableCard=function(_a){var children=_a.children,expanded=_a.expanded,_b=_a.expandedStyle,expandedStyle=_b===void 0?"well":_b,onClick=_a.onClick,href=_a.href,_c=_a.forceHoverState,forceHoverState=_c===void 0?false:_c,classNameOverride=_a.classNameOverride,otherProps=__rest(_a,["children","expanded","expandedStyle","onClick","href","forceHoverState","classNameOverride"]);var className=classnames(styles$r.card,expanded&&styles$r.expanded,expanded&&styles$r[expandedStyle],(forceHoverState||onClick!=null||href!=null)&&styles$r.hasHoverState,classNameOverride);return href!=null?(/*#__PURE__*/React.createElement("a",__assign({href:href,className:className,onClick:onClick},otherProps),children)):onClick?(/*#__PURE__*/React.createElement("button",__assign({type:"button",className:className,onClick:onClick},otherProps),children)):(/*#__PURE__*/React.createElement("div",__assign({className:className},otherProps),children));};var TableRow=function(_a){var children=_a.children,classNameOverride=_a.classNameOverride,otherProps=__rest(_a,["children","classNameOverride"]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$r.row,classNameOverride),role:"row"},otherProps),children);};var TableRowCell=function(_a){var children=_a.children,width=_a.width,flex=_a.flex,href=_a.href,classNameOverride=_a.classNameOverride,otherProps=__rest(_a,["children","width","flex","href","classNameOverride"]);return href!=null?(/*#__PURE__*/React.createElement("a",__assign({// eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
|
|
945
|
-
role:"cell",style:{width:ratioToPercent(width),flex:flex},className:classnames(styles$r.rowCell,classNameOverride),href:href},otherProps),children)):(/*#__PURE__*/React.createElement("div",__assign({role:"cell",style:{width:ratioToPercent(width),flex:flex},className:classnames(styles$r.rowCell,classNameOverride)},otherProps),children));};/**
|
|
946
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929117/Tabs Guidance} |
|
|
947
|
-
* {@link https://cultureamp.design/?path=/docs/components-tabs--controlled Storybook}
|
|
948
|
-
*
|
|
949
|
-
* Wrapper around all of the tab subcomponents
|
|
950
|
-
* Holds a TabList and TabPanels
|
|
951
|
-
*/const Tabs=/*#__PURE__*/function(){const Tabs=function(props){var defaultIndex=props.defaultIndex,selectedIndex=props.selectedIndex,onChange=props.onChange,children=props.children,restProps=__rest(props,["defaultIndex","selectedIndex","onChange","children"]);return/*#__PURE__*/React.createElement(Tabs$1,__assign({defaultIndex:defaultIndex,index:selectedIndex,onChange:onChange},restProps),children);};Tabs.displayName="Tabs";return Tabs;}();var styles$q={"tab":"Tab-module_tab__Rar3J","badge":"Tab-module_badge__4p2nd","selected":"Tab-module_selected__MApD6"};/**
|
|
952
|
-
* A tab button
|
|
953
|
-
*/var Tab=function(props){var isSelected=props.isSelected,badge=props.badge,disabled=props.disabled,children=props.children,classNameOverride=props.classNameOverride,restProps=__rest(props,["isSelected","badge","disabled","children","classNameOverride"]);var ref=useRef(null);var _a=useState(false),isHovered=_a[0],setIsHovered=_a[1];var _b=useState(false),isFocused=_b[0],setIsFocused=_b[1];var showActiveBadge=isSelected||isHovered||isFocused;var tabProps=__assign({disabled:disabled,className:classnames(styles$q.tab,classNameOverride,isSelected&&styles$q.selected),onFocus:function(event){var _a;setIsFocused(true);(_a=props.onFocus)===null||_a===void 0?void 0:_a.call(props,event);},onBlur:function(event){var _a;setIsFocused(false);(_a=props.onBlur)===null||_a===void 0?void 0:_a.call(props,event);},onMouseEnter:function(){return setIsHovered(true);},onMouseLeave:function(){return setIsHovered(false);}},restProps);var focusableProps=useFocusable(tabProps,ref).focusableProps;// Reach is setting and managing tabIndex for us here, so we remove it from the focusableProps (also it needs to be non-defined, undefined is not enough)
|
|
954
|
-
delete focusableProps.tabIndex;return/*#__PURE__*/React.createElement(Tab$1,__assign({ref:ref},tabProps,focusableProps),children,badge&&(/*#__PURE__*/React.createElement("span",{className:styles$q.badge},/*#__PURE__*/React.createElement(Badge,{variant:showActiveBadge?"active":"default"},badge))));};var styles$p={"tabList":"TabList-module_tabList__A8Y9H","noPadding":"TabList-module_noPadding__v073J"};/**
|
|
955
|
-
* Wrapper for the tabs themselves
|
|
956
|
-
*/var TabList=function(props){var ariaLabel=props["aria-label"],_a=props.noPadding,noPadding=_a===void 0?false:_a,children=props.children,classNameOverride=props.classNameOverride,restProps=__rest(props,["aria-label","noPadding","children","classNameOverride"]);return/*#__PURE__*/React.createElement(TabList$1,__assign({"aria-label":ariaLabel,className:classnames(styles$p.tabList,classNameOverride,noPadding&&styles$p.noPadding)},restProps),children);};/**
|
|
957
|
-
* Wrapper for the content that shows when tab is active
|
|
958
|
-
*/var TabPanel=function(props){var classNameOverride=props.classNameOverride,children=props.children,restProps=__rest(props,["classNameOverride","children"]);return/*#__PURE__*/React.createElement(TabPanel$1,__assign({className:classNameOverride},restProps),children);};/**
|
|
959
|
-
* Wrapper for the content panels
|
|
960
|
-
*/var TabPanels=function(props){var children=props.children,restProps=__rest(props,["children"]);return/*#__PURE__*/React.createElement(TabPanels$1,__assign({},restProps),children);};var styles$o={"wrapper":"TextArea-module_wrapper__FHfMG","wrapperAutogrow":"TextArea-module_wrapperAutogrow__f46bL","textarea":"TextArea-module_textarea__Ht-1a","textareaAutogrow":"TextArea-module_textareaAutogrow__ReEar","default":"TextArea-module_default__e1cis","error":"TextArea-module_error__bBmvS","caution":"TextArea-module_caution__aj4nR","disabled":"TextArea-module_disabled__XY39a","reversed":"TextArea-module_reversed__r-W3e"};const TextArea=/*#__PURE__*/function(){const TextArea=function(_a){var _b,_c;var propsTextAreaRef=_a.textAreaRef,_d=_a.status,status=_d===void 0?"default":_d,_e=_a.autogrow,autogrow=_e===void 0?false:_e,_f=_a.reversed,reversed=_f===void 0?false:_f,_g=_a.rows,rows=_g===void 0?3:_g,defaultValue=_a.defaultValue,value=_a.value,disabled=_a.disabled,propsOnChange=_a.onChange,restProps=__rest(_a,["textAreaRef","status","autogrow","reversed","rows","defaultValue","value","disabled","onChange"]);var _h=useState(autogrow&&!value?defaultValue:undefined),internalValue=_h[0],setInternalValue=_h[1];// ^ holds an internal state of the value so that autogrow can still work with uncontrolled textareas
|
|
961
|
-
// essentially forces the textarea into an (interally) controlled mode if autogrow is true and mode is uncontrolled
|
|
962
|
-
var controlledValue=value||internalValue;var textAreaRef=propsTextAreaRef||useRef(null);var onChange=function(event){propsOnChange&&propsOnChange(event);setInternalValue(event.target.value);};return/*#__PURE__*/React.createElement("div",{className:classnames(styles$o.wrapper,(_b={},_b[styles$o.wrapperAutogrow]=autogrow,_b)),"data-value":autogrow?controlledValue:undefined},/*#__PURE__*/React.createElement("textarea",__assign({className:classnames(styles$o.textarea,styles$o[status],reversed?styles$o.reversed:styles$o.default,(_c={},_c[styles$o.disabled]=disabled,_c[styles$o.textareaAutogrow]=autogrow,_c)),rows:rows,onChange:onChange,value:controlledValue,defaultValue:controlledValue?undefined:defaultValue,// ^ React throws a warning if you specify both a value and a defaultValue
|
|
963
|
-
ref:textAreaRef,disabled:disabled},restProps)));};TextArea.displayName="TextArea";return TextArea;}();var styles$n={"message":"TextAreaField-module_message__hlao7","disabled":"TextAreaField-module_disabled__twCef","textareaLabel":"TextAreaField-module_textareaLabel__sOTRj","textareaLabelProminent":"TextAreaField-module_textareaLabelProminent__xqcY4"};/**
|
|
964
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081895966/Text+Area+Field Guidance} |
|
|
965
|
-
* {@link https://cultureamp.design/?path=/docs/components-text-area-field--docs Storybook}
|
|
966
|
-
*/const TextAreaField=/*#__PURE__*/function(){const TextAreaField=function(_a){var labelText=_a.labelText,_b=_a.inline,inline=_b===void 0?false:_b,validationMessage=_a.validationMessage,description=_a.description,_c=_a.variant,variant=_c===void 0?"default":_c,propsId=_a.id,_d=_a.reversed,reversed=_d===void 0?false:_d,_e=_a.status,status=_e===void 0?"default":_e,disabled=_a.disabled,restProps=__rest(_a,["labelText","inline","validationMessage","description","variant","id","reversed","status","disabled"]);var id=propsId!==null&&propsId!==void 0?propsId:useId();var validationMessageAria=validationMessage?"".concat(id,"-field-validation-message"):"";var descriptionAria=description?"".concat(id,"-field-message"):"";var ariaDescribedBy=[validationMessageAria,descriptionAria].reduce(function(prev,curr){return curr?[curr,prev].join(" "):prev;},"");var renderDescriptionOnTop=variant==="prominent";var renderDescription=function(position){if(!description)return null;return/*#__PURE__*/React.createElement("div",{className:classnames(styles$n.message,disabled&&styles$n.disabled)},/*#__PURE__*/React.createElement(FieldMessage,{id:descriptionAria,"data-testid":"".concat(id,"-field-description"),message:description,reversed:reversed,position:position}));};return/*#__PURE__*/React.createElement(FieldGroup,{id:"".concat(id,"-field-group"),inline:inline,"data-testid":"".concat(id,"-field-group"),classNameOverride:disabled?styles$n.disabled:undefined},/*#__PURE__*/React.createElement("div",{className:classnames(styles$n.textareaLabel,variant==="prominent"&&styles$n.textareaLabelProminent)},/*#__PURE__*/React.createElement(Label$1,{id:"".concat(id,"-field-label"),"data-testid":"".concat(id,"-field-label"),htmlFor:"".concat(id,"-field-textarea"),labelText:labelText,reversed:reversed,variant:variant,disabled:disabled})),renderDescriptionOnTop&&renderDescription("top"),/*#__PURE__*/React.createElement(TextArea,__assign({id:"".concat(id,"-field-textarea"),"data-testid":"".concat(id,"-field-textarea"),reversed:reversed,status:status,disabled:disabled,"aria-describedby":ariaDescribedBy},restProps)),!disabled&&validationMessage&&(/*#__PURE__*/React.createElement(FieldMessage,{id:validationMessageAria,"data-testid":validationMessageAria,message:validationMessage,status:status,reversed:reversed})),!renderDescriptionOnTop&&renderDescription("bottom"));};TextAreaField.displayName="TextAreaField";return TextAreaField;}();var styles$m={"root":"GenericTile-module_root__9ZHdH","tile":"GenericTile-module_tile__mgFhk","titleMeta":"GenericTile-module_titleMeta__EREc9","face":"GenericTile-module_face__-KLVi","faceFront":"GenericTile-module_faceFront__HywHi","faceBack":"GenericTile-module_faceBack__NDCQ8","positive":"GenericTile-module_positive__lnpvE","informative":"GenericTile-module_informative__7ox46","cautionary":"GenericTile-module_cautionary__MIucD","negative":"GenericTile-module_negative__2GyVY","assertive":"GenericTile-module_assertive__h7Z5M","prominent":"GenericTile-module_prominent__bfA9P","default":"GenericTile-module_default__z-CEg","expert-advice":"GenericTile-module_expert-advice__qSnxo","isFlipped":"GenericTile-module_isFlipped__K18mo","title":"GenericTile-module_title__zC6Qv","actions":"GenericTile-module_actions__l8vXl","informationBtn":"GenericTile-module_informationBtn__LY3SW","information":"GenericTile-module_information__wKXBp","footer":"GenericTile-module_footer__u2Pei"};const GenericTile=/*#__PURE__*/function(){const GenericTile=function(_a){var children=_a.children,title=_a.title,_b=_a.titleTag,titleTag=_b===void 0?"h3":_b,metadata=_a.metadata,information=_a.information,mood=_a.mood,_c=_a.variant,variant=_c===void 0?"default":_c,footer=_a.footer,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","title","titleTag","metadata","information","mood","variant","footer","classNameOverride"]);var _d=useState(false),isFlipped=_d[0],setIsFlipped=_d[1];var renderTitle=function(){return/*#__PURE__*/React.createElement("div",{className:styles$m.title},/*#__PURE__*/React.createElement(Heading,{variant:"heading-3",tag:titleTag},title),metadata&&(/*#__PURE__*/React.createElement("div",{className:styles$m.titleMeta},/*#__PURE__*/React.createElement(Text,{variant:"small",color:"dark-reduced-opacity"},metadata))));};var renderFront=function(){return/*#__PURE__*/React.createElement("div",{className:classnames(styles$m.face,styles$m.faceFront,mood?styles$m[mood]:styles$m[variant])},information&&(/*#__PURE__*/React.createElement("div",{className:styles$m.informationBtn},/*#__PURE__*/React.createElement(IconButton,{label:"Information",icon:/*#__PURE__*/React.createElement(Icon,{name:"info",isPresentational:true,isFilled:true}),onClick:function(){return setIsFlipped(true);},disabled:isFlipped,"aria-hidden":isFlipped}))),renderTitle(),/*#__PURE__*/React.createElement("div",{className:styles$m.children},children&&children),footer&&/*#__PURE__*/React.createElement("div",{className:styles$m.footer},footer));};var renderInformation=function(informationProp){if(informationProp&&typeof informationProp==="object"&&"text"in informationProp){return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(Text,{variant:"body"},informationProp.text),(informationProp.primaryAction||informationProp.secondaryAction)&&(/*#__PURE__*/React.createElement("div",{className:styles$m.footer},/*#__PURE__*/React.createElement("div",{className:styles$m.actions},informationProp.secondaryAction&&(/*#__PURE__*/React.createElement(Button,__assign({secondary:true,disabled:!isFlipped},informationProp.secondaryAction))),informationProp.primaryAction&&(/*#__PURE__*/React.createElement(Button,__assign({disabled:!isFlipped},informationProp.primaryAction)))))));}return informationProp;};var renderBack=function(){if(!information)return;return/*#__PURE__*/React.createElement("div",{className:classnames(styles$m.face,styles$m.faceBack)},/*#__PURE__*/React.createElement("div",{className:styles$m.informationBtn},/*#__PURE__*/React.createElement(IconButton,{label:"Information",icon:/*#__PURE__*/React.createElement(Icon,{name:"arrow_back",isPresentational:true}),onClick:function(){return setIsFlipped(false);},disabled:!isFlipped,"aria-hidden":!isFlipped})),/*#__PURE__*/React.createElement("div",{className:styles$m.information},renderInformation(information)));};return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$m.root,classNameOverride)},restProps),/*#__PURE__*/React.createElement("div",{className:classnames(styles$m.tile,isFlipped&&styles$m.isFlipped)},/*#__PURE__*/React.createElement(React.Fragment,null,renderFront(),renderBack())));};GenericTile.displayName="GenericTile";/**
|
|
967
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#InformationTile%3A Guidance} |
|
|
968
|
-
* {@link https://cultureamp.design/?path=/docs/components-tiles-informationtile--docs Storybook}
|
|
969
|
-
*/return GenericTile;}();const InformationTile=/*#__PURE__*/function(){const InformationTile=function(props){return/*#__PURE__*/React.createElement(GenericTile,__assign({},props));};InformationTile.displayName="InformationTile";return InformationTile;}();var styles$l={"actions":"MultiActionTile-module_actions__mntsC","secondaryAction":"MultiActionTile-module_secondaryAction__DuXdD"};var renderActions=function(primaryAction,secondaryAction){return/*#__PURE__*/React.createElement("div",{className:styles$l.actions},secondaryAction&&(/*#__PURE__*/React.createElement("div",{className:styles$l.secondaryAction},/*#__PURE__*/React.createElement(Button,__assign({secondary:true},secondaryAction)))),/*#__PURE__*/React.createElement(Button,__assign({},primaryAction)));};/**
|
|
970
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#MultiActionTile.1 Guidance} |
|
|
971
|
-
* {@link https://cultureamp.design/?path=/docs/components-tiles-multiactiontile--docs Storybook}
|
|
972
|
-
*/const MultiActionTile=/*#__PURE__*/function(){const MultiActionTile=function(_a){var children=_a.children,primaryAction=_a.primaryAction,secondaryAction=_a.secondaryAction,restProps=__rest(_a,["children","primaryAction","secondaryAction"]);return/*#__PURE__*/React.createElement(GenericTile,__assign({footer:renderActions(primaryAction,secondaryAction)},restProps),children);};MultiActionTile.displayName="MultiActionTile";return MultiActionTile;}();var styles$k={"grid":"TileGrid-module_grid__1WCNc"};/**
|
|
973
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#TileGrid Guidance} |
|
|
974
|
-
* {@link https://cultureamp.design/storybook/?path=/docs/components-tiles-tilegrid--docs Storybook}
|
|
975
|
-
*/const TileGrid=/*#__PURE__*/function(){const TileGrid=function(_a){var children=_a.children,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","classNameOverride"]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$k.grid,classNameOverride),"data-tile-grid":true},restProps),children);};TileGrid.displayName="TileGrid";return TileGrid;}();var generateSegmentDisplayText=function(segment){return segment.isPlaceholder&&segment.type!=="dayPeriod"?"--":segment.text;};var styles$j={"timeSegmentWrapper":"TimeSegment-module_timeSegmentWrapper__WYD6y","timeSegment":"TimeSegment-module_timeSegment__eXb0c","placeholder":"TimeSegment-module_placeholder__j1-gK","literal":"TimeSegment-module_literal__mOkqz","dayPeriod":"TimeSegment-module_dayPeriod__fzT5I"};const TimeSegment=/*#__PURE__*/function(){const TimeSegment=function(_a){var segment=_a.segment,state=_a.state;var ref=React.useRef(null);var segmentProps=useDateSegment(segment,state,ref).segmentProps;// Chrome has a bug where `contenteditable` elements receive focus from external clicks.
|
|
976
|
-
// This (in combination with the invisible character ​) creates boundaries
|
|
977
|
-
// for the element.
|
|
978
|
-
// https://stackoverflow.com/a/34445203
|
|
979
|
-
return/*#__PURE__*/React.createElement("span",{className:styles$j.timeSegmentWrapper},"\u200B",/*#__PURE__*/React.createElement("span",__assign({},segmentProps,{ref:ref,className:classnames(styles$j.timeSegment,segment.type==="literal"&&styles$j.literal,segment.isPlaceholder&&styles$j.placeholder,segment.type==="dayPeriod"&&styles$j.dayPeriod)}),generateSegmentDisplayText(segment)),"\u200B");};TimeSegment.displayName="TimeSegment";return TimeSegment;}();var styles$i={"wrapper":"TimeField-module_wrapper__YuSI3","label":"TimeField-module_label__kjKyK","input":"TimeField-module_input__Hxjcu","focusRing":"TimeField-module_focusRing__7hgWG","isDisabled":"TimeField-module_isDisabled__rpEc8","error":"TimeField-module_error__tK2QY"};// This needed to be placed directly below the props because
|
|
980
|
-
// the prop descriptions wouldn't show in Storybook otherwise.
|
|
981
|
-
const TimeField=/*#__PURE__*/function(){const TimeField=function(props){return/*#__PURE__*/React.createElement(I18nProvider$1,{locale:props.locale},/*#__PURE__*/React.createElement(TimeFieldComponent,__assign({},props)));};TimeField.displayName="TimeField";return TimeField;}();const TimeFieldComponent=/*#__PURE__*/function(){const TimeFieldComponent=function(_a){var propsId=_a.id,label=_a.label,locale=_a.locale,onChange=_a.onChange,value=_a.value,_b=_a.status,status=_b===void 0?"default":_b,validationMessage=_a.validationMessage,isDisabled=_a.isDisabled,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["id","label","locale","onChange","value","status","validationMessage","isDisabled","classNameOverride"]);var reactId=useId();var id=propsId!==null&&propsId!==void 0?propsId:reactId;var handleOnChange=function(timeValue){if(timeValue===null){return onChange(null);}onChange({hour:timeValue.hour,minutes:timeValue.minute});};var state=useTimeFieldState(__assign(__assign({},restProps),{value:value?new Time(value.hour,value.minutes):null,onChange:handleOnChange,isDisabled:isDisabled,hideTimeZone:true,locale:locale,validationState:status==="default"?"valid":"invalid"}));var hasError=!!validationMessage&&status==="error";var descriptionId=hasError?"".concat(id,"-field-message"):undefined;var inputRef=React.useRef(null);var _c=useTimeField(__assign(__assign({},restProps),{label:label,isDisabled:isDisabled,"aria-describedby":descriptionId}),state,inputRef),fieldProps=_c.fieldProps,labelProps=_c.labelProps;return/*#__PURE__*/React.createElement("div",{className:classNameOverride},/*#__PURE__*/React.createElement(Label$1,__assign({disabled:state.isDisabled},labelProps,{classNameOverride:styles$i.label}),label),/*#__PURE__*/React.createElement("div",{className:styles$i.wrapper},/*#__PURE__*/React.createElement("div",__assign({},fieldProps,{id:id,ref:inputRef,className:classnames(styles$i.input,state.isDisabled&&styles$i.isDisabled,state.validationState==="invalid"&&styles$i.error)}),state.segments.map(function(segment,i){return/*#__PURE__*/React.createElement(TimeSegment,{key:i,segment:segment,state:state});}),/*#__PURE__*/React.createElement("div",{className:styles$i.focusRing}))),hasError&&(/*#__PURE__*/React.createElement(FieldMessage,{id:descriptionId,message:validationMessage,status:status})));};TimeFieldComponent.displayName="TimeFieldComponent";return TimeFieldComponent;}();var TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID="title-block-secondary-menu";var TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID="title-block-other-actions";var isMenuGroupNotButton=function(value){return"menuItems"in value;};var NON_REVERSED_VARIANTS=["education","admin"];var isReversed=function(variant){// The default variant (no variant prop) is reversed (dark background)
|
|
982
|
-
if(variant===undefined)return true;return!NON_REVERSED_VARIANTS.includes(variant);};var convertSecondaryActionsToMenuItems=function(secondaryActions){return secondaryActions.reduce(function(acc,cur){if("menuItems"in cur){return __spreadArray(__spreadArray([],acc,true),cur.menuItems,true);}if("component"in cur){return __spreadArray(__spreadArray([],acc,true),[cur],false);}var out={label:cur.label,icon:cur.icon,destructive:cur.destructive,disabled:cur.disabled};if("onClick"in cur){return __spreadArray(__spreadArray([],acc,true),[__assign(__assign({},out),{onClick:cur.onClick})],false);}if("href"in cur){return __spreadArray(__spreadArray([],acc,true),[__assign(__assign({},out),{href:cur.href})],false);}return acc;},new Array());};var createTabletOverflowMenuItems=function(secondaryActions,secondaryOverflowMenuItems){var secondaryActionsList;if(secondaryActions){secondaryActionsList=secondaryActions?convertSecondaryActionsToMenuItems(secondaryActions):[];}else{secondaryActionsList=[];}var flatSecondaryOverflowItemsList=secondaryOverflowMenuItems||[];return secondaryActionsList.concat(flatSecondaryOverflowItemsList);};var styles$h={"menuListItem":"TitleBlockMenuItem-module_menuListItem__G3K41","menuItem":"TitleBlockMenuItem-module_menuItem__v9hGL","menuItem--disabled":"TitleBlockMenuItem-module_menuItem--disabled__lrGIn","menuItem__Icon":"TitleBlockMenuItem-module_menuItem__Icon__zyUMD","menuItem--destructive":"TitleBlockMenuItem-module_menuItem--destructive__Q18x-","menuItem--active":"TitleBlockMenuItem-module_menuItem--active__f-tGu","menuItem__Label":"TitleBlockMenuItem-module_menuItem__Label__YUtc5"};const TitleBlockMenuItem=/*#__PURE__*/function(){const TitleBlockMenuItem=function(props){var className=classnames(styles$h.menuItem,styles$h.destructive&&styles$h["menuItem--destructive"],styles$h.disabled&&styles$h["menuItem--disabled"],styles$h.isActive&&styles$h["menuItem--active"]);if("component"in props){var CustomMenuItem=props.component,label=props.label,icon=props.icon,otherProps=__rest(props,["component","label","icon"]);var wrappedLabel=/*#__PURE__*/React.createElement("span",{className:styles$h.menuItem__Label},label);var iconNode=icon&&(/*#__PURE__*/React.createElement("span",{className:styles$h.menuItem__Icon},icon));return/*#__PURE__*/React.createElement("li",{className:styles$h.menuListItem},/*#__PURE__*/React.createElement(CustomMenuItem,__assign({},otherProps,{className:className}),iconNode,wrappedLabel));}return/*#__PURE__*/React.createElement(MenuItem,__assign({},props));};TitleBlockMenuItem.displayName="TitleBlockMenuItem";return TitleBlockMenuItem;}();var styles$g={"toolbar":"Toolbar-module_toolbar__yhogJ","toolbarItem":"Toolbar-module_toolbarItem__eekUL","noGap":"Toolbar-module_noGap__4mNlF"};// Toolbar should eventually be broken out
|
|
983
|
-
// into its own component since it's a generic
|
|
984
|
-
// grouping component for buttons/dropdowns/etc
|
|
985
|
-
const Toolbar=/*#__PURE__*/function(){const Toolbar=function(_a){var items=_a.items,_b=_a.noGap,noGap=_b===void 0?false:_b,automationId=_a.automationId;if(!items||items&&items.length===0){return/*#__PURE__*/React.createElement(React.Fragment,null);}return/*#__PURE__*/React.createElement("div",{className:styles$g.toolbar,"data-automation-id":automationId,"data-testid":automationId},items.map(function(item){return/*#__PURE__*/React.createElement("div",{className:classnames(styles$g.toolbarItem,noGap&&styles$g.noGap),key:item.key},item.node);}));};Toolbar.displayName="Toolbar";return Toolbar;}();var styles$f={"mainActionsContainer":"MainActions-module_mainActionsContainer__wN117"};const MainActions=/*#__PURE__*/function(){const MainActions=function(_a){var primaryAction=_a.primaryAction,defaultAction=_a.defaultAction,_b=_a.reversed,reversed=_b===void 0?false:_b,overflowMenuItems=_a.overflowMenuItems,_c=_a.showOverflowMenu,showOverflowMenu=_c===void 0?false:_c;var items;if(primaryAction&&isMenuGroupNotButton(primaryAction)){var menuContent=primaryAction.menuItems.map(function(item,idx){return/*#__PURE__*/React.createElement(TitleBlockMenuItem,__assign({},item,{key:"main-action-primary-menu-item-".concat(idx),"data-automation-id":"main-action-primary-menu-item-".concat(idx),"data-testid":"main-action-primary-menu-item-".concat(idx)}));});items=__spreadArray(__spreadArray([],defaultAction?[{key:"defaultAction",node:(/*#__PURE__*/React.createElement(Button,__assign({},defaultAction,{reversed:defaultAction.reversed!==undefined?defaultAction.reversed:reversed,"data-automation-id":"title-block-default-action-button","data-testid":"title-block-default-action-button"})))}]:[],true),primaryAction?[{key:"primaryAction",node:(/*#__PURE__*/React.createElement(Menu$1,{align:"right",button:/*#__PURE__*/React.createElement(Button,{label:primaryAction.label,primary:true,reversed:reversed,icon:/*#__PURE__*/React.createElement(Icon,{name:"keyboard_arrow_down",isPresentational:true}),iconPosition:"end","data-automation-id":"title-block-primary-action-button","data-testid":"title-block-primary-action-button",badge:primaryAction.badge?__assign(__assign({},primaryAction.badge),{variant:"dark"}):undefined})},/*#__PURE__*/React.createElement(MenuList,null,menuContent)))}]:[],true);}else{items=__spreadArray(__spreadArray([],defaultAction?[{key:"defaultAction",node:(/*#__PURE__*/React.createElement(Button,__assign({},defaultAction,{reversed:defaultAction.reversed!==undefined?defaultAction.reversed:reversed,"data-automation-id":"title-block-default-action-button","data-testid":"title-block-default-action-button"})))}]:[],true),primaryAction?[{key:"primaryAction",node:(/*#__PURE__*/React.createElement(Button,__assign({},primaryAction,{primary:primaryAction.primary!==undefined?primaryAction.primary:true,reversed:primaryAction.reversed!==undefined?primaryAction.reversed:reversed,"data-automation-id":"title-block-primary-action-button","data-testid":"title-block-primary-action-button",badge:primaryAction.badge?__assign(__assign({},primaryAction.badge),{variant:"dark"}):undefined})))}]:[],true);}if(overflowMenuItems&&showOverflowMenu&&overflowMenuItems.length>0){items=__spreadArray([{key:"overflowMenu",node:(/*#__PURE__*/React.createElement(Menu$1,{align:"right",button:/*#__PURE__*/React.createElement(IconButton,{id:TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,label:"Open secondary menu",reversed:reversed,icon:/*#__PURE__*/React.createElement(Icon,{name:"more_horiz",isPresentational:true})})},/*#__PURE__*/React.createElement(MenuList,null,overflowMenuItems.map(function(menuItem,idx){return/*#__PURE__*/React.createElement(TitleBlockMenuItem,__assign({},menuItem,{key:"main-action-overflow-item-menu-item-".concat(idx)}));}))))}],items,true);}return/*#__PURE__*/React.createElement("div",{className:styles$f.mainActionsContainer},/*#__PURE__*/React.createElement(Toolbar,{items:items,automationId:"title-block-main-actions-toolbar","data-testid":"title-block-main-actions-toolbar"}));};MainActions.displayName="MainActions";return MainActions;}();var styles$e={"mobileActionsContainer":"MobileActions-module_mobileActionsContainer__ob6ML","slide-up":"MobileActions-module_slide-up__vX8Ad","isOpen":"MobileActions-module_isOpen__mmGTA","mobileActionsMenuContainer":"MobileActions-module_mobileActionsMenuContainer__a7LUt","mobileActionsTopRow":"MobileActions-module_mobileActionsTopRow__51iiz","mobileActionsTopRowSingleButton":"MobileActions-module_mobileActionsTopRowSingleButton__IB5x6","drawerHandleIcon":"MobileActions-module_drawerHandleIcon__z-Hp-","drawerHandleLabelText":"MobileActions-module_drawerHandleLabelText__UDIFl","mobileActionsPrimaryLabel":"MobileActions-module_mobileActionsPrimaryLabel__y-kgB","mobileActionsPrimaryButton":"MobileActions-module_mobileActionsPrimaryButton__5Ggbi","mobileActionsExpandButton":"MobileActions-module_mobileActionsExpandButton__shDFU","mobileActionsChevronSquare":"MobileActions-module_mobileActionsChevronSquare__u4OYT"};var menuItemIsLink=function(item){return"href"in item;};var defaultActionIsLink=function(action){return"href"in action;};var defaultActionIsButton=function(action){return!("href"in action)&&"onClick"in action||"component"in action;};var filterActions=function(menuItems,filterType){return menuItems.filter(function(item){return filterType==="link"?menuItemIsLink(item):!menuItemIsLink(item);});};/** Returns a filtered array of TitleBlockMenuItem based on actionType
|
|
986
|
-
* This is use to sort a selectively render the action into a specifc order
|
|
987
|
-
*/var renderPrimaryActionDrawerContent=function(primaryAction,actionType){if(!primaryAction)return null;if(isMenuGroupNotButton(primaryAction)){var filteredActions=filterActions(primaryAction.menuItems,actionType);return filteredActions.map(function(item,idx){var itemType=menuItemIsLink(item)?"link":"action";return/*#__PURE__*/React.createElement(TitleBlockMenuItem,__assign({},item,{key:"title-block-mobile-actions-primary-".concat(itemType,"-").concat(idx),"data-automation-id":"title-block-mobile-actions-primary-".concat(itemType,"-").concat(idx),"data-testid":"title-block-mobile-actions-primary-".concat(itemType,"-").concat(idx)}));});}return null;};var renderDefaultLink=function(defaultAction){if(!defaultActionIsLink(defaultAction))return;if("component"in defaultAction){return/*#__PURE__*/React.createElement(TitleBlockMenuItem,__assign({},defaultAction,{key:"title-block-mobile-actions-default-link","data-automation-id":"title-block-mobile-actions-default-link","data-testid":"title-block-mobile-actions-default-link"}));}return/*#__PURE__*/React.createElement(MenuItem,{href:defaultAction.href,label:defaultAction.label,icon:defaultAction.icon,disabled:defaultAction.disabled,key:"title-block-mobile-actions-default-link","data-automation-id":"title-block-mobile-actions-default-link","data-testid":"title-block-mobile-actions-default-link",id:defaultAction.id});};var renderDefaultAction=function(defaultAction){if(!defaultActionIsLink(defaultAction)){return/*#__PURE__*/React.createElement(TitleBlockMenuItem,__assign({},defaultAction,{key:"title-block-mobile-actions-default-action","data-automation-id":"title-block-mobile-actions-default-action","data-testid":"title-block-mobile-actions-default-action"}));}return null;};var renderSecondaryActions=function(secondaryActions){if(!secondaryActions)return null;var secondaryActionMenuItems=convertSecondaryActionsToMenuItems(secondaryActions);return secondaryActionMenuItems.map(function(item,idx){return/*#__PURE__*/React.createElement(TitleBlockMenuItem,__assign({},item,{key:"title-block-mobile-actions-secondary-action-".concat(idx),"data-testid":"title-block-mobile-actions-secondary-action"}));});};var renderSecondaryOverflowMenuItems=function(secondaryOverflowMenuItems){return secondaryOverflowMenuItems.map(function(item,idx){return/*#__PURE__*/React.createElement(TitleBlockMenuItem,__assign({},item,{key:"title-block-mobile-actions-overflow-menu-item-".concat(idx),"data-testid":"title-block-mobile-actions-overflow-menu-item"}));});};var DrawerMenuContent=function(_a){var primaryAction=_a.primaryAction,defaultAction=_a.defaultAction,secondaryActions=_a.secondaryActions,secondaryOverflowMenuItems=_a.secondaryOverflowMenuItems;var showOtherActionsHeading=defaultAction&&defaultActionIsButton(defaultAction)||secondaryActions||secondaryOverflowMenuItems;return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(MenuList,null,primaryAction&&renderPrimaryActionDrawerContent(primaryAction,"link"),defaultAction&&renderDefaultLink(defaultAction),primaryAction&&renderPrimaryActionDrawerContent(primaryAction,"action")),(defaultAction||secondaryActions||secondaryOverflowMenuItems)&&(/*#__PURE__*/React.createElement(MenuList,{heading:showOtherActionsHeading&&/*#__PURE__*/React.createElement(MenuHeading,null,"Other actions")},defaultAction&&renderDefaultAction(defaultAction),secondaryActions&&renderSecondaryActions(secondaryActions),secondaryOverflowMenuItems&&renderSecondaryOverflowMenuItems(secondaryOverflowMenuItems))));};var renderDrawerHandleLabel=function(label,icon,drawerHandleLabelIconPosition){if(drawerHandleLabelIconPosition==="end"){return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("span",{className:styles$e.drawerHandleLabelText,"data-testid":"drawer-handle-lable-text"},label),/*#__PURE__*/React.createElement(React.Fragment,null,icon&&/*#__PURE__*/React.createElement("span",{className:styles$e.drawerHandleIcon},icon)));}else{return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement(React.Fragment,null,icon&&/*#__PURE__*/React.createElement("span",{className:styles$e.drawerHandleIcon},icon)),/*#__PURE__*/React.createElement("span",{className:styles$e.drawerHandleLabelText,"data-testid":"drawer-handle-lable-text"},label));}};var ButtonOrLink=function(_a){var action=_a.action,children=_a.children;if(typeof action==="object"&&"onClick"in action&&"href"in action){return/*#__PURE__*/React.createElement("a",{onClick:action.onClick,href:action.href,className:classnames(styles$e.mobileActionsPrimaryLabel,styles$e.mobileActionsPrimaryButton),"data-testid":"title-block-mobile-actions-primary-button"},children);}if(typeof action==="function"){return/*#__PURE__*/React.createElement("button",{type:"button",onClick:action,className:classnames(styles$e.mobileActionsPrimaryLabel,styles$e.mobileActionsPrimaryButton),"data-testid":"title-block-mobile-actions-primary-button"},children);}if(typeof action==="string"){return/*#__PURE__*/React.createElement("a",{href:action,className:classnames(styles$e.mobileActionsPrimaryLabel,styles$e.mobileActionsPrimaryButton),"data-testid":"title-block-mobile-actions-primary-button"},children);}// when there's no action (e.g. primary button is disabled)
|
|
988
|
-
return/*#__PURE__*/React.createElement("button",{type:"button",className:classnames(styles$e.mobileActionsPrimaryLabel,styles$e.mobileActionsPrimaryButton),"data-testid":"title-block-mobile-actions-primary-button"},children);};var getAction=function(primaryAction){if(primaryAction&&!primaryAction.disabled){if(primaryAction.onClick&&primaryAction.href){return{href:primaryAction.href,onClick:primaryAction.onClick};}if(primaryAction.onClick){return primaryAction.onClick;}if(primaryAction.href){return primaryAction.href;}}return undefined;};var DrawerHandle=function(_a){var primaryAction=_a.primaryAction,secondaryActions=_a.secondaryActions,defaultAction=_a.defaultAction,secondaryOverflowMenuItems=_a.secondaryOverflowMenuItems,drawerHandleLabelIconPosition=_a.drawerHandleLabelIconPosition,toggleDisplay=_a.toggleDisplay,isOpen=_a.isOpen;var showDrawer=defaultAction||secondaryActions||secondaryOverflowMenuItems;if(primaryAction){// If the primary action is a menu
|
|
989
|
-
if(isMenuGroupNotButton(primaryAction)){return/*#__PURE__*/React.createElement("div",{className:classnames(styles$e.mobileActionsTopRow,styles$e.mobileActionsTopRowSingleButton),"data-testid":"title-block-mobile-actions-drawer-handle"},/*#__PURE__*/React.createElement("button",{type:"button",className:classnames(styles$e.mobileActionsExpandButton,styles$e.mobileActionsPrimaryLabel),onClick:toggleDisplay,"aria-expanded":isOpen},primaryAction.label,/*#__PURE__*/React.createElement("span",{className:styles$e.mobileActionsChevronSquare},/*#__PURE__*/React.createElement(Icon,{name:isOpen?"keyboard_arrow_down":"keyboard_arrow_up",isPresentational:true}))));}// If the primary action is a button, or has no onClick/href/action
|
|
990
|
-
return/*#__PURE__*/React.createElement("div",{className:classnames(styles$e.mobileActionsTopRow,!showDrawer&&styles$e.mobileActionsTopRowSingleButton),"data-testid":"title-block-mobile-actions-drawer-handle"},"component"in primaryAction?(/*#__PURE__*/React.createElement(primaryAction.component,__assign({className:classnames(styles$e.mobileActionsPrimaryLabel,styles$e.mobileActionsPrimaryButton)},primaryAction),primaryAction.label&&renderDrawerHandleLabel(primaryAction.label,primaryAction.icon,drawerHandleLabelIconPosition))):(/*#__PURE__*/React.createElement(ButtonOrLink,{action:getAction(primaryAction)},renderDrawerHandleLabel(primaryAction.label,primaryAction.icon,drawerHandleLabelIconPosition))),showDrawer&&(/*#__PURE__*/React.createElement("button",{type:"button",className:styles$e.mobileActionsExpandButton,onClick:toggleDisplay,"aria-expanded":isOpen,id:TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID,"aria-label":"Other actions"},/*#__PURE__*/React.createElement(Icon,{name:isOpen?"keyboard_arrow_down":"keyboard_arrow_up",isPresentational:true}))));}// if there are default/secondary actions but no primary action
|
|
991
|
-
if(showDrawer){return/*#__PURE__*/React.createElement("div",{className:classnames(styles$e.mobileActionsTopRow,styles$e.mobileActionsTopRowSingleButton),"data-testid":"title-block-mobile-actions-drawer-handle"},/*#__PURE__*/React.createElement("button",{type:"button",className:classnames(styles$e.mobileActionsExpandButton,styles$e.mobileActionsPrimaryLabel),onClick:toggleDisplay,"aria-expanded":isOpen,id:TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID},renderDrawerHandleLabel("Other actions"),/*#__PURE__*/React.createElement("span",{className:styles$e.mobileActionsChevronSquare},/*#__PURE__*/React.createElement(Icon,{name:isOpen?"keyboard_arrow_down":"keyboard_arrow_up",isPresentational:true}))));}return null;};const MobileActions=/*#__PURE__*/function(){const MobileActions=function(_a){var primaryAction=_a.primaryAction,defaultAction=_a.defaultAction,secondaryActions=_a.secondaryActions,secondaryOverflowMenuItems=_a.secondaryOverflowMenuItems,drawerHandleLabelIconPosition=_a.drawerHandleLabelIconPosition,_b=_a.autoHide,autoHide=_b===void 0?false:_b;var _c=useState(false),isOpen=_c[0],setIsOpen=_c[1];var menuContent=/*#__PURE__*/React.createRef();var toggleDisplay=function(){setIsOpen(!isOpen);};// This callback handler will not run when autoHide === "off"
|
|
992
|
-
var handleDocumentClickForAutoHide=useCallback(function(e){var _a;if(isOpen&&e.target instanceof Node&&((_a=menuContent.current)===null||_a===void 0?void 0:_a.contains(e.target))){setIsOpen(false);}},[menuContent]);useEffect(function(){if(autoHide){document.addEventListener("click",handleDocumentClickForAutoHide,true);}return function(){if(autoHide){document.removeEventListener("click",handleDocumentClickForAutoHide,true);}};},[autoHide,handleDocumentClickForAutoHide]);return/*#__PURE__*/React.createElement("div",{className:classnames(styles$e.mobileActionsContainer,isOpen&&styles$e.isOpen)},/*#__PURE__*/React.createElement(FocusOn,{enabled:isOpen,scrollLock:false},/*#__PURE__*/React.createElement(DrawerHandle,{primaryAction:primaryAction,secondaryActions:secondaryActions,defaultAction:defaultAction,secondaryOverflowMenuItems:secondaryOverflowMenuItems,drawerHandleLabelIconPosition:drawerHandleLabelIconPosition,toggleDisplay:toggleDisplay,isOpen:isOpen}),(defaultAction||secondaryActions||secondaryOverflowMenuItems||primaryAction&&isMenuGroupNotButton(primaryAction))&&(/*#__PURE__*/React.createElement("div",{ref:menuContent,className:styles$e.mobileActionsMenuContainer},/*#__PURE__*/React.createElement(DrawerMenuContent,{primaryAction:primaryAction,defaultAction:defaultAction,secondaryActions:secondaryActions,secondaryOverflowMenuItems:secondaryOverflowMenuItems})))));};MobileActions.displayName="MobileActions";return MobileActions;}();var styles$d={"titleBlock":"TitleBlockZen-module_titleBlock__bekbg","educationVariant":"TitleBlockZen-module_educationVariant__B3I7P","adminVariant":"TitleBlockZen-module_adminVariant__vvIrj","titleRow":"TitleBlockZen-module_titleRow__LcreV","rowBelowSeparator":"TitleBlockZen-module_rowBelowSeparator__ES4X-","rowBelowSeparatorInner":"TitleBlockZen-module_rowBelowSeparatorInner__ln-Nc","titleRowInner":"TitleBlockZen-module_titleRowInner__JWjlG","titleRowInnerContent":"TitleBlockZen-module_titleRowInnerContent__zhZ-S","collapseNavigationArea":"TitleBlockZen-module_collapseNavigationArea__PkEa9","title":"TitleBlockZen-module_title__n0doa","titleAndSubtitle":"TitleBlockZen-module_titleAndSubtitle__l2kEQ","hasSubtitle":"TitleBlockZen-module_hasSubtitle__onXCE","titleAndSubtitleInner":"TitleBlockZen-module_titleAndSubtitleInner__-5y1m","hasLongTitle":"TitleBlockZen-module_hasLongTitle__axGG9","hasLongSubtitle":"TitleBlockZen-module_hasLongSubtitle__TlqEy","hasPageSwitcherSelect":"TitleBlockZen-module_hasPageSwitcherSelect__JrYn4","titleTextOverride":"TitleBlockZen-module_titleTextOverride__Caa0-","avatar":"TitleBlockZen-module_avatar__CHWTd","withBorder":"TitleBlockZen-module_withBorder__lzJvb","hamburger":"TitleBlockZen-module_hamburger__VFufP","subtitle":"TitleBlockZen-module_subtitle__OD-d5","subtitleText":"TitleBlockZen-module_subtitleText__odf0T","sectionTitleContainer":"TitleBlockZen-module_sectionTitleContainer__nzQ-r","sectionTitleInner":"TitleBlockZen-module_sectionTitleInner__wYAWC","sectionTitleOverride":"TitleBlockZen-module_sectionTitleOverride__GDHqp","sectionTitle":"TitleBlockZen-module_sectionTitle__Le5YQ","sectionTitleDescription":"TitleBlockZen-module_sectionTitleDescription__mIl-A","dark":"TitleBlockZen-module_dark__Y-v1Z","rowBelowSeparatorInnerContent":"TitleBlockZen-module_rowBelowSeparatorInnerContent__aho-R","titleAndAdjacent":"TitleBlockZen-module_titleAndAdjacent__BWNsj","titleAndAdjacentNotBreadcrumb":"TitleBlockZen-module_titleAndAdjacentNotBreadcrumb__9TuNA","breadcrumb":"TitleBlockZen-module_breadcrumb__o2c8A","breadcrumbTextLink":"TitleBlockZen-module_breadcrumbTextLink__1HhXQ","tag":"TitleBlockZen-module_tag__mWbbU","pageSwitcherSelectNextToTitle":"TitleBlockZen-module_pageSwitcherSelectNextToTitle__CPnE3","pageSwitcherSelectUnderneathTitle":"TitleBlockZen-module_pageSwitcherSelectUnderneathTitle__MRZI2","navigationTabsContainer":"TitleBlockZen-module_navigationTabsContainer__lto6e","navigationTabsContainerCollapsed":"TitleBlockZen-module_navigationTabsContainerCollapsed__oMPa4","hasNavigationTabs":"TitleBlockZen-module_hasNavigationTabs__S4JF-","navigationTabScrollerContainer":"TitleBlockZen-module_navigationTabScrollerContainer__n-B-b","navigationTabsNav":"TitleBlockZen-module_navigationTabsNav__UOeVY","navigationTabsList":"TitleBlockZen-module_navigationTabsList__sxozg","navigationTabEdgeShadowRight":"TitleBlockZen-module_navigationTabEdgeShadowRight__7ySCE","navigationTabEdgeShadowLeft":"TitleBlockZen-module_navigationTabEdgeShadowLeft__yfKxK","secondaryActionsContainer":"TitleBlockZen-module_secondaryActionsContainer__Is7rl","slide-fade":"TitleBlockZen-module_slide-fade__k4tBT","reverse-slide-fade":"TitleBlockZen-module_reverse-slide-fade__WT9AW","breadcrumbText":"TitleBlockZen-module_breadcrumbText__O-GCu","circle":"TitleBlockZen-module_circle__4bfl6"};var renderSecondaryOverflowMenu=function(secondaryOverflowMenuItems,reversed){if(!secondaryOverflowMenuItems)return undefined;return/*#__PURE__*/React.createElement(Menu$1,{align:"right",button:/*#__PURE__*/React.createElement(IconButton,{label:"Open secondary menu",reversed:reversed,icon:/*#__PURE__*/React.createElement(Icon,{name:"more_horiz",isPresentational:true}),id:TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID})},/*#__PURE__*/React.createElement(MenuList,null,secondaryOverflowMenuItems.map(function(menuItem,i){return/*#__PURE__*/React.createElement(TitleBlockMenuItem,__assign({key:i},menuItem));})));};// Unfortunately, you'll notice below, that I needed to use the array index,
|
|
993
|
-
// against react best practices (https://reactjs.org/docs/lists-and-keys.html)
|
|
994
|
-
// This is because the menu items have no unique identifier.
|
|
995
|
-
const SecondaryActions=/*#__PURE__*/function(){const SecondaryActions=function(_a){var secondaryActions=_a.secondaryActions,secondaryOverflowMenuItems=_a.secondaryOverflowMenuItems,_b=_a.reversed,reversed=_b===void 0?false:_b;if(!secondaryActions&&!secondaryOverflowMenuItems)return null;var secondaryActionsAsToolbarItems=secondaryActions?secondaryActions.map(function(action,i){if("menuItems"in action){return{key:"".concat(i),// We shouldn't use an index here, see note above
|
|
996
|
-
node:(/*#__PURE__*/React.createElement(Menu$1,{align:"right",button:/*#__PURE__*/React.createElement(Button,{secondary:true,label:action.label,reversed:reversed,icon:/*#__PURE__*/React.createElement(Icon,{name:"keyboard_arrow_down",isPresentational:true}),iconPosition:"end"})},/*#__PURE__*/React.createElement(MenuList,null,action.menuItems.map(function(menuItem,i2){return/*#__PURE__*/React.createElement(TitleBlockMenuItem,__assign({key:i2},menuItem));}))))};}else{if("onClick"in action&&"href"in action){// eslint-disable-next-line no-console
|
|
997
|
-
console.warn("\u001b[33m \nTITLE BLOCK WARNING:\nSecondary actions only support "+"either an href or an onClick, not both simultaneously.\n");}return{key:"".concat(i),// We shouldn't use an index here, see note above
|
|
998
|
-
node:(/*#__PURE__*/React.createElement(Button,__assign({secondary:true,reversed:reversed},action,{"data-automation-id":"title-block-secondary-actions-button","data-testid":"title-block-secondary-actions-button"})))};}}):[];var overflowMenu=renderSecondaryOverflowMenu(secondaryOverflowMenuItems,reversed);var toolbarItems=__spreadArray(__spreadArray([],secondaryActionsAsToolbarItems,true),overflowMenu?[{key:"overflowMenu",node:overflowMenu}]:[],true);return/*#__PURE__*/React.createElement("div",{className:styles$d.secondaryActionsContainer},/*#__PURE__*/React.createElement(Toolbar,{items:toolbarItems,noGap:true,automationId:"title-block-secondary-actions-toolbar"}));};SecondaryActions.displayName="SecondaryActions";return SecondaryActions;}();var renderTag=function(surveyStatus){var tagVariant;if(tagVariant==="profile"){return;}if(surveyStatus.status==="draft"){tagVariant="statusDraft";}/*
|
|
999
|
-
scheduled is actually a draft survey status that has a launch job scheduled
|
|
1000
|
-
still, we want to differentiate on the UI and render a specific tag
|
|
1001
|
-
the styles must be identical to the draft style
|
|
1002
|
-
|
|
1003
|
-
we have similar behaviour on programs index page's table
|
|
1004
|
-
*/if(surveyStatus.status==="scheduled"){tagVariant="statusClosed";}if(surveyStatus.status==="live"){tagVariant="statusLive";}if(surveyStatus.status==="closed"){tagVariant="statusClosed";}if(surveyStatus.status==="sentimentPositive"){tagVariant="sentimentPositive";}if(surveyStatus.status==="default"){tagVariant="default";}return/*#__PURE__*/React.createElement("div",{"data-automation-id":"survey-status-tag","data-testid":"survey-status-tag",className:styles$d.tag},/*#__PURE__*/React.createElement(Tag,{variant:tagVariant,size:"small"},surveyStatus.text));};var isJSXElement=function(imageElementOrAvatarProps){return"props"in imageElementOrAvatarProps;};var renderAvatar=function(imageElementOrAvatarProps,avatarAutomationId){return isJSXElement(imageElementOrAvatarProps)?(/*#__PURE__*/React.createElement("div",{"data-automation-id":avatarAutomationId,"data-testid":avatarAutomationId,className:classnames(styles$d.avatar,styles$d.withBorder)},imageElementOrAvatarProps)):(/*#__PURE__*/React.createElement("div",{"data-automation-id":avatarAutomationId,"data-testid":avatarAutomationId,className:styles$d.avatar},/*#__PURE__*/React.createElement(Avatar,__assign({},imageElementOrAvatarProps,{size:"medium"}))));};var renderSubtitle=function(subtitle,subtitleAutomationId){return/*#__PURE__*/React.createElement("div",{className:styles$d.subtitle},/*#__PURE__*/React.createElement("span",{"data-automation-id":subtitleAutomationId,"data-testid":subtitleAutomationId,className:styles$d.subtitleText},subtitle));};var defaultRenderSectionTitle=function(sectionTitle,sectionTitleDescription,variant,sectionTitleAutomationId,sectionTitleDescriptionAutomationId){return/*#__PURE__*/React.createElement(React.Fragment,null,sectionTitle&&(/*#__PURE__*/React.createElement("div",{className:styles$d.sectionTitle},/*#__PURE__*/React.createElement(Heading,{variant:"heading-2",color:isReversed(variant)?"white":"dark",classNameOverride:styles$d.sectionTitleOverride,"data-automation-id":sectionTitleAutomationId,"data-testid":sectionTitleAutomationId},sectionTitle))),sectionTitleDescription&&(/*#__PURE__*/React.createElement("div",{"data-automation-id":sectionTitleDescriptionAutomationId,"data-testid":sectionTitleDescriptionAutomationId,className:classnames(styles$d.sectionTitleDescription,!isReversed(variant)&&styles$d.dark)},sectionTitleDescription)));};var Breadcrumb=function(_a){var breadcrumb=_a.breadcrumb,automationId=_a.automationId,textAutomationId=_a.textAutomationId,textDirection=_a.textDirection;var path=breadcrumb.path,handleClick=breadcrumb.handleClick,text=breadcrumb.text,render=breadcrumb.render;var InnerContents=function(){return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("div",{className:styles$d.circle},/*#__PURE__*/React.createElement(Icon,{name:"arrow_back",isPresentational:true,shouldMirrorInRTL:true})),/*#__PURE__*/React.createElement("span",{className:styles$d.breadcrumbTextLink,"data-automation-id":textAutomationId,"data-testid":textAutomationId},/*#__PURE__*/React.createElement("span",{className:styles$d.breadcrumbText},text)));};if(render){var CustomRender=render;return/*#__PURE__*/React.createElement(CustomRender,{breadcrumb:breadcrumb,className:styles$d.breadcrumb,automationId:automationId,textAutomationId:textAutomationId,textDirection:textDirection},/*#__PURE__*/React.createElement(InnerContents,null));}var TagName=path?"a":"button";return/*#__PURE__*/React.createElement(TagName,__assign({},path&&{href:path},{className:styles$d.breadcrumb,"data-automation-id":automationId,"data-testid":automationId,onClick:handleClick}),/*#__PURE__*/React.createElement(InnerContents,null));};// We want to accept undefined here because the NavigationTabs container is
|
|
1005
|
-
// important for the flex-based layout (it pushes Secondary Actions over to the right)
|
|
1006
|
-
var renderNavigationTabs=function(navigationTabs,collapse,ariaLabel){return/*#__PURE__*/React.createElement("div",{className:styles$d.navigationTabScrollerContainer},/*#__PURE__*/React.createElement("div",{className:classnames(styles$d.navigationTabsContainer,collapse&&styles$d.navigationTabsContainerCollapsed)},!collapse&&navigationTabs!==undefined&&(/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("span",{className:styles$d.navigationTabEdgeShadowLeft}),/*#__PURE__*/React.createElement("nav",{className:styles$d.navigationTabsNav,"aria-label":ariaLabel},/*#__PURE__*/React.createElement("ul",{className:styles$d.navigationTabsList},navigationTabs.map(function(navigationTab,index){return/*#__PURE__*/React.createElement("li",{key:index},navigationTab);}))),/*#__PURE__*/React.createElement("span",{className:styles$d.navigationTabEdgeShadowRight})))));};/**
|
|
1007
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075605782/Title+Block Guidance} |
|
|
1008
|
-
* {@link https://cultureamp.design/?path=/story/components-titleblock--docs Storybook}
|
|
1009
|
-
*/const TitleBlockZen=/*#__PURE__*/function(){const TitleBlockZen=function(_a){var title=_a.title,variant=_a.variant,breadcrumb=_a.breadcrumb,avatar=_a.avatar,subtitle=_a.subtitle,sectionTitle=_a.sectionTitle,sectionTitleDescription=_a.sectionTitleDescription,renderSectionTitle=_a.renderSectionTitle,pageSwitcherSelect=_a.pageSwitcherSelect,handleHamburgerClick=_a.handleHamburgerClick,primaryAction=_a.primaryAction,defaultAction=_a.defaultAction,secondaryActions=_a.secondaryActions,secondaryOverflowMenuItems=_a.secondaryOverflowMenuItems,navigationTabs=_a.navigationTabs,_b=_a.collapseNavigationAreaWhenPossible,collapseNavigationAreaWhenPossible=_b===void 0?false:_b,textDirection=_a.textDirection,surveyStatus=_a.surveyStatus,id=_a.id,_c=_a.titleAutomationId,titleAutomationId=_c===void 0?"TitleBlock__Title":_c,_d=_a.avatarAutomationId,avatarAutomationId=_d===void 0?"TitleBlock__Avatar":_d,_e=_a.subtitleAutomationId,subtitleAutomationId=_e===void 0?"TitleBlock__Subtitle":_e,_f=_a.sectionTitleAutomationId,sectionTitleAutomationId=_f===void 0?"TitleBlock__SectionTitle":_f,_g=_a.sectionTitleDescriptionAutomationId,sectionTitleDescriptionAutomationId=_g===void 0?"TitleBlock__SectionTitleDescription":_g,_h=_a.breadcrumbAutomationId,breadcrumbAutomationId=_h===void 0?"TitleBlock__Breadcrumb":_h,_j=_a.breadcrumbTextAutomationId,breadcrumbTextAutomationId=_j===void 0?"TitleBlock__BreadcrumbText":_j,_k=_a.autoHideMobileActionsMenu,autoHideMobileActionsMenu=_k===void 0?false:_k;var hasNavigationTabs=navigationTabs&&navigationTabs.length>0;var collapseNavigationArea=collapseNavigationAreaWhenPossible&&!hasNavigationTabs&&secondaryActions===undefined;var _l=useMediaQueries().queries,isSmall=_l.isSmall,isMedium=_l.isMedium;var isSmallOrMediumViewport=isMedium||isSmall;return/*#__PURE__*/React.createElement(React.Fragment,null,/*#__PURE__*/React.createElement("div",{id:id,className:classnames(styles$d.titleBlock,styles$d["".concat(variant,"Variant")],Boolean(subtitle)&&styles$d.hasSubtitle,Boolean(pageSwitcherSelect)&&styles$d.hasPageSwitcherSelect,collapseNavigationArea&&!(sectionTitle||sectionTitleDescription||renderSectionTitle)&&styles$d.collapseNavigationArea,title&&title.length>=30&&styles$d.hasLongTitle,subtitle&&typeof subtitle==="string"&&subtitle.length>=18&&styles$d.hasLongSubtitle,hasNavigationTabs&&styles$d.hasNavigationTabs)},/*#__PURE__*/React.createElement("div",{className:styles$d.titleRow},/*#__PURE__*/React.createElement("div",{className:styles$d.titleRowInner},/*#__PURE__*/React.createElement("div",{className:styles$d.titleRowInnerContent},/*#__PURE__*/React.createElement("div",{className:styles$d.titleAndAdjacent},breadcrumb&&(/*#__PURE__*/React.createElement(Breadcrumb,{breadcrumb:breadcrumb,automationId:breadcrumbAutomationId,textAutomationId:breadcrumbTextAutomationId,textDirection:textDirection})),/*#__PURE__*/React.createElement("div",{className:styles$d.titleAndAdjacentNotBreadcrumb},/*#__PURE__*/React.createElement(React.Fragment,null,handleHamburgerClick&&(/*#__PURE__*/React.createElement("div",{className:styles$d.hamburger},/*#__PURE__*/React.createElement(IconButton,{onClick:handleHamburgerClick,icon:/*#__PURE__*/React.createElement(Icon,{name:"menu",isPresentational:true}),label:"Open menu",reversed:isReversed(variant)}))),avatar&&renderAvatar(avatar,avatarAutomationId),/*#__PURE__*/React.createElement("div",{className:styles$d.titleAndSubtitle},/*#__PURE__*/React.createElement("div",{className:styles$d.titleAndSubtitleInner},/*#__PURE__*/React.createElement("div",{className:styles$d.title},/*#__PURE__*/React.createElement(Heading,{variant:"composable-header-title",color:isReversed(variant)?"white":"dark",classNameOverride:styles$d.titleTextOverride,"data-automation-id":titleAutomationId,"data-testid":titleAutomationId},title)),isSmallOrMediumViewport&&pageSwitcherSelect&&(/*#__PURE__*/React.createElement("div",{className:styles$d.pageSwitcherSelectUnderneathTitle},/*#__PURE__*/React.createElement(Select,__assign({},pageSwitcherSelect,{variant:"secondary-small",reversed:true})))),subtitle&&renderSubtitle(subtitle,subtitleAutomationId))),surveyStatus&&renderTag(surveyStatus),!isSmallOrMediumViewport&&pageSwitcherSelect&&(/*#__PURE__*/React.createElement("div",{className:styles$d.pageSwitcherSelectNextToTitle},/*#__PURE__*/React.createElement(Select,__assign({},pageSwitcherSelect,{variant:"secondary",reversed:true,fullWidth:true}))))))),(primaryAction||defaultAction||secondaryActions||secondaryOverflowMenuItems)&&(/*#__PURE__*/React.createElement(MainActions,{primaryAction:primaryAction,defaultAction:defaultAction,reversed:isReversed(variant),overflowMenuItems:createTabletOverflowMenuItems(secondaryActions,secondaryOverflowMenuItems),showOverflowMenu:isSmallOrMediumViewport}))))),/*#__PURE__*/React.createElement("div",{className:styles$d.rowBelowSeparator},/*#__PURE__*/React.createElement("div",{className:styles$d.rowBelowSeparatorInner},/*#__PURE__*/React.createElement("div",{className:styles$d.rowBelowSeparatorInnerContent},(sectionTitle||sectionTitleDescription||renderSectionTitle)&&(/*#__PURE__*/React.createElement("div",{className:styles$d.sectionTitleContainer},/*#__PURE__*/React.createElement("div",{className:styles$d.sectionTitleInner},!!renderSectionTitle?renderSectionTitle({sectionTitle:sectionTitle,sectionTitleAutomationId:sectionTitleAutomationId,sectionTitleDescription:sectionTitleDescription,sectionTitleDescriptionAutomationId:sectionTitleDescriptionAutomationId}):defaultRenderSectionTitle(sectionTitle,sectionTitleDescription,variant,sectionTitleAutomationId,sectionTitleDescriptionAutomationId)))),renderNavigationTabs(navigationTabs,collapseNavigationArea,title),(secondaryActions||secondaryOverflowMenuItems)&&(/*#__PURE__*/React.createElement(SecondaryActions,{secondaryActions:secondaryActions,secondaryOverflowMenuItems:secondaryOverflowMenuItems,reversed:isReversed(variant)}))))),/*#__PURE__*/React.createElement(MobileActions,{primaryAction:primaryAction,defaultAction:defaultAction,secondaryActions:secondaryActions,secondaryOverflowMenuItems:secondaryOverflowMenuItems,drawerHandleLabelIconPosition:primaryAction&&"iconPosition"in primaryAction?primaryAction.iconPosition:undefined,autoHide:autoHideMobileActionsMenu})));};TitleBlockZen.displayName="TitleBlockZen";return TitleBlockZen;}();var styles$c={"container":"NavigationTabs-module_container__lK-HH","linkAnchor":"NavigationTabs-module_linkAnchor__oUsWX","active":"NavigationTabs-module_active__-38QW","lightBackground":"NavigationTabs-module_lightBackground__TR-5T"};var isLight=function(variant){return variant!==undefined&&NON_REVERSED_VARIANTS.includes(variant);};const NavigationTab=/*#__PURE__*/function(){const NavigationTab=function(props){var className=classnames(styles$c.linkAnchor,isLight(props.variant)&&styles$c.lightBackground,props.active&&styles$c.active);if(props.render){var Component=props.render,otherProps=__rest(props,["render"]);return/*#__PURE__*/React.createElement(Component,__assign({},otherProps,{className:className}));}return/*#__PURE__*/React.createElement("a",{className:className,href:props.href,onClick:props.handleClick,id:props.id,"data-automation-id":props.automationId,"data-testid":props.automationId,"aria-current":props.active?"page":undefined},props.text);};NavigationTab.displayName="NavigationTab";return NavigationTab;}();var styles$b={"checkbox":"ToggleSwitch-module_checkbox__ezWz3","track":"ToggleSwitch-module_track__fcDMP","thumb":"ToggleSwitch-module_thumb__8PULV","checkIcon":"ToggleSwitch-module_checkIcon__8iitB","on":"ToggleSwitch-module_on__CQpkh","off":"ToggleSwitch-module_off__OhSEP","reversed":"ToggleSwitch-module_reversed__Q3-iM"};const ToggleSwitch=/*#__PURE__*/function(){const ToggleSwitch=function(_a){var toggledStatus=_a.toggledStatus,onToggle=_a.onToggle,reversed=_a.reversed,restProps=__rest(_a,["toggledStatus","onToggle","reversed"]);var isOn=toggledStatus==="on";return/*#__PURE__*/React.createElement("span",{className:classnames(isOn?styles$b.on:styles$b.off,reversed&&styles$b.reversed)},/*#__PURE__*/React.createElement("input",__assign({type:"checkbox",className:styles$b.checkbox,checked:isOn?true:false,onChange:onToggle},restProps)),/*#__PURE__*/React.createElement("span",{className:styles$b.track},/*#__PURE__*/React.createElement("span",{className:styles$b.thumb},/*#__PURE__*/React.createElement(Icon,{name:"check",isPresentational:true,className:styles$b.checkIcon}))));};ToggleSwitch.displayName="ToggleSwitch";return ToggleSwitch;}();var styles$a={"container":"ToggleSwitchField-module_container__e7TXD","fullWidth":"ToggleSwitchField-module_fullWidth__ybDf-","inner":"ToggleSwitchField-module_inner__9-O0m","on":"ToggleSwitchField-module_on__HQOkN"};/**
|
|
1010
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075638160/Toggle+Switch Guidance} |
|
|
1011
|
-
* {@link https://cultureamp.design/?path=/docs/components-toggleswitch-ield--docs Storybook}
|
|
1012
|
-
*/const ToggleSwitchField=/*#__PURE__*/function(){const ToggleSwitchField=function(_a){var propsId=_a.id,labelText=_a.labelText,_b=_a.labelPosition,labelPosition=_b===void 0?"start":_b,toggledStatus=_a.toggledStatus,disabled=_a.disabled,reversed=_a.reversed,inline=_a.inline,fullWidth=_a.fullWidth,restProps=__rest(_a,["id","labelText","labelPosition","toggledStatus","disabled","reversed","inline","fullWidth"]);var reactId=useId();var id=propsId||reactId;return/*#__PURE__*/React.createElement(FieldGroup,{id:"".concat(id,"-field-group"),inline:inline,classNameOverride:classnames(styles$a.container,fullWidth&&styles$a.fullWidth,toggledStatus==="on"&&styles$a.on)},/*#__PURE__*/React.createElement("div",{className:styles$a.inner},/*#__PURE__*/React.createElement(Label$1,{id:"".concat(id,"-field-label"),htmlFor:"".concat(id,"-field-toggle"),labelText:labelText,labelType:"toggle",labelPosition:labelPosition,disabled:disabled,reversed:reversed},/*#__PURE__*/React.createElement(ToggleSwitch,__assign({id:"".concat(id,"-field-toggle"),disabled:disabled,reversed:reversed,toggledStatus:toggledStatus},restProps)))));};ToggleSwitchField.displayName="ToggleSwitchField";return ToggleSwitchField;}();var styles$9={"container":"Well-module_container__pi8-W","noMargin":"Well-module_noMargin__xBvM9","white":"Well-module_white__HEVrB","gray":"Well-module_gray__ur3Fv","blue":"Well-module_blue__H8M0Q","yellow":"Well-module_yellow__DJAMr","orange":"Well-module_orange__F0FkU","red":"Well-module_red__40n5z","green":"Well-module_green__R-zR1","purple":"Well-module_purple__iXxT8","positive":"Well-module_positive__6ldUu","default":"Well-module_default__tSiHp","negative":"Well-module_negative__mVczy","informative":"Well-module_informative__81djJ","cautionary":"Well-module_cautionary__MSYHT","assertive":"Well-module_assertive__Kl5ql","prominent":"Well-module_prominent__wdpIQ","solid":"Well-module_solid__ianzm","dashed":"Well-module_dashed__csujS","none":"Well-module_none__rWwTB"};/**
|
|
1013
|
-
* {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3075604733/Well Guidance} |
|
|
1014
|
-
* {@link https://cultureamp.design/?path=/docs/components-well--docs Storybook}
|
|
1015
|
-
*/const Well=/*#__PURE__*/function(){const Well=function(_a){var children=_a.children,variant=_a.variant,_b=_a.color,color=_b===void 0?"white":_b,_c=_a.borderStyle,borderStyle=_c===void 0?"solid":_c,_d=_a.noMargin,noMargin=_d===void 0?false:_d,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","variant","color","borderStyle","noMargin","classNameOverride"]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles$9.container,styles$9[borderStyle],styles$9[color],variant&&styles$9[variant],noMargin&&styles$9.noMargin,classNameOverride)},restProps),children);};Well.displayName="Well";return Well;}();var styles$8={"footerRoot":"FooterRoot-module_footerRoot__-osuZ"};const FooterRoot=/*#__PURE__*/function(){const FooterRoot=function(_a){var children=_a.children,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","classNameOverride"]);return/*#__PURE__*/React.createElement("footer",__assign({className:classnames(styles$8.footerRoot,classNameOverride)},restProps),children);};FooterRoot.displayName="Workflow.FooterRoot";return FooterRoot;}();var styles$7={"stepsContainer":"ProgressStepper-module_stepsContainer__7Motj","stepList":"ProgressStepper-module_stepList__jmArV","step":"ProgressStepper-module_step__x0O0y","stepContent":"ProgressStepper-module_stepContent__OuBES","stepIndicator":"ProgressStepper-module_stepIndicator__opcbs","stepName":"ProgressStepper-module_stepName__QvpQ4","isCurrent":"ProgressStepper-module_isCurrent__L8bL9","stepIcon":"ProgressStepper-module_stepIcon__K-fVm","isCompleted":"ProgressStepper-module_isCompleted__l7HiL","stepDivider":"ProgressStepper-module_stepDivider__1dq4c","stepperDescription":"ProgressStepper-module_stepperDescription__KplV3"};var getStepStatus=function(isComplete,isCurrentStep,step,index){if(isComplete){return{icon:/*#__PURE__*/React.createElement(Icon,{key:index,name:"check_circle",isPresentational:true,isFilled:true}),accessibleName:"Completed: ".concat(step.label)};}if(isCurrentStep){return{icon:/*#__PURE__*/React.createElement(Icon,{key:index,name:"radio_button_checked",isPresentational:true}),accessibleName:"Current: ".concat(step.label)};}return{icon:/*#__PURE__*/React.createElement(Icon,{key:index,name:"radio_button_unchecked",isPresentational:true}),accessibleName:"Not started: ".concat(step.label)};};const ProgressStepper=/*#__PURE__*/function(){const ProgressStepper=function(_a){var currentStepId=_a.currentStepId,steps=_a.steps,_b=_a.isComplete,isComplete=_b===void 0?false:_b,restprops=__rest(_a,["currentStepId","steps","isComplete"]);var currentStepIndex=steps.findIndex(function(stepItem){return stepItem.id===currentStepId;});return/*#__PURE__*/React.createElement("div",{className:styles$7.stepsContainer},/*#__PURE__*/React.createElement("ol",__assign({className:styles$7.stepList},restprops,{"aria-labelledby":"stepper-description"}),steps.map(function(step,index){var _a,_b;var isCurrentStep=currentStepIndex===index;var isCompletedStep=index<currentStepIndex||isComplete;var _c=getStepStatus(isCompletedStep,isCurrentStep,step,index),accessibleName=_c.accessibleName,icon=_c.icon;return/*#__PURE__*/React.createElement("li",{className:styles$7.step,key:"".concat(step.id),"aria-current":isCurrentStep},/*#__PURE__*/React.createElement("div",{className:styles$7.stepContent},/*#__PURE__*/React.createElement(VisuallyHidden,null,accessibleName),/*#__PURE__*/React.createElement("span",{className:classnames(styles$7.stepName,(_a={},_a[styles$7.isCurrent]=isCurrentStep,_a)),"aria-hidden":true},step.label),/*#__PURE__*/React.createElement("div",{className:styles$7.stepIndicator},/*#__PURE__*/React.createElement("span",{className:classnames(styles$7.stepIcon,(_b={},_b[styles$7.isCompleted]=isCompletedStep,_b))},icon)),index<steps.length-1&&(/*#__PURE__*/React.createElement("div",{className:classnames([styles$7.stepDivider,isCompletedStep&&styles$7.completedStep])}))));})),/*#__PURE__*/React.createElement("span",{className:styles$7.stepperDescription,id:"stepper-description"},"Step ",currentStepIndex+1," of ",steps.length));};ProgressStepper.displayName="Workflow.ProgressStepper";return ProgressStepper;}();var styles$6={"footerAction":"FooterActions-module_footerAction__szvPs","footerActionPrevious":"FooterActions-module_footerActionPrevious__VJ6j1","footerActionNext":"FooterActions-module_footerActionNext__koFhj"};/** A simple wrapper for a Footer previous or next action */const FooterAction=/*#__PURE__*/function(){const FooterAction=function(_a){var _b=_a.actionType,actionType=_b===void 0?"Previous":_b,action=_a.action,restProps=__rest(_a,["actionType","action"]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames([styles$6.footerAction,styles$6["footerAction".concat(actionType)]])},restProps),action);};FooterAction.displayName="Workflow.FooterActions";return FooterAction;}();const Footer=/*#__PURE__*/function(){const Footer=function(_a){var steps=_a.steps,currentStepId=_a.currentStepId,isComplete=_a.isComplete,previousAction=_a.previousAction,nextAction=_a.nextAction,restProps=__rest(_a,["steps","currentStepId","isComplete","previousAction","nextAction"]);return/*#__PURE__*/React.createElement(FooterRoot,__assign({},restProps),/*#__PURE__*/React.createElement(FooterAction,{action:previousAction,actionType:"Previous"}),/*#__PURE__*/React.createElement(ProgressStepper,{steps:steps,currentStepId:currentStepId,isComplete:isComplete}),/*#__PURE__*/React.createElement(FooterAction,{action:nextAction,actionType:"Next"}));};Footer.displayName="Workflow.Footer";return Footer;}();var styles$5={"titles":"Titles-module_titles__ENQ0C","pageTitle":"Titles-module_pageTitle__ePjdw","prefix":"Titles-module_prefix__FEtyY","statusTag":"Titles-module_statusTag__hmyfK"};const Titles=/*#__PURE__*/function(){const Titles=function(_a){var workflowName=_a.workflowName,stepName=_a.stepName,statusTag=_a.statusTag,restProps=__rest(_a,["workflowName","stepName","statusTag"]);return/*#__PURE__*/React.createElement("div",__assign({className:styles$5.titles},restProps),/*#__PURE__*/React.createElement(Heading,{variant:"composable-header-title",tag:"h1",color:"dark",classNameOverride:styles$5.pageTitle},/*#__PURE__*/React.createElement(Heading,{classNameOverride:styles$5.prefix,variant:"heading-6",tag:"span",color:"dark-reduced-opacity"},workflowName,/*#__PURE__*/React.createElement(VisuallyHidden,null,":")),/*#__PURE__*/React.createElement("span",null,stepName)),statusTag&&(/*#__PURE__*/ // status may need to be update by a fetch
|
|
1016
|
-
React.createElement("div",{className:styles$5.statusTag},statusTag)));};Titles.displayName="Workflow.Titles";return Titles;}();var styles$4={"actions":"Actions-module_actions__JzCWB"};/** A wrapper for an exit trigger (and other) actions of the Header Workflow */const Actions=/*#__PURE__*/function(){const Actions=function(_a){var headerActions=_a.headerActions,restProps=__rest(_a,["headerActions"]);return/*#__PURE__*/React.createElement("div",__assign({className:styles$4.actions},restProps),headerActions===null||headerActions===void 0?void 0:headerActions.map(function(action,index){return/*#__PURE__*/React.createElement(action.type,__assign({key:"header-actions ".concat(index)},action.props));}));};Actions.displayName="Workflow.Actions";return Actions;}();var styles$3={"branding":"Branding-module_branding__g3OoE","logo":"Branding-module_logo__yLHfs"};const Branding=/*#__PURE__*/function(){const Branding=function(_a){var _b=_a.variant,variant=_b===void 0?"logo-horizontal":_b,alt=_a.alt;return/*#__PURE__*/React.createElement("div",{className:styles$3.branding},/*#__PURE__*/React.createElement(Brand,{classNameOverride:styles$3.logo,variant:variant,alt:alt}));};Branding.displayName="Workflow.Branding";return Branding;}();var styles$2={"root":"Root-module_root__-1P72"};const HeaderRoot=/*#__PURE__*/function(){const HeaderRoot=function(_a){var children=_a.children,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","classNameOverride"]);return/*#__PURE__*/React.createElement("header",__assign({className:classnames(styles$2.root,classNameOverride)},restProps),children);};HeaderRoot.displayName="Workflow.HeaderRoot";return HeaderRoot;}();const Header=/*#__PURE__*/function(){const Header=function(_a){var workflowName=_a.workflowName,stepName=_a.stepName,statusTag=_a.statusTag,headerActions=_a.headerActions,restProps=__rest(_a,["workflowName","stepName","statusTag","headerActions"]);return/*#__PURE__*/React.createElement(HeaderRoot,__assign({},restProps),/*#__PURE__*/React.createElement(Branding,{alt:"Culture Amp"}),/*#__PURE__*/React.createElement(Titles,{workflowName:workflowName,stepName:stepName,statusTag:statusTag}),/*#__PURE__*/React.createElement(Actions,{headerActions:headerActions}));};Header.displayName="Workflow.Header";return Header;}();var styles$1={"main":"Main-module_main__K9Z0C"};const Main=/*#__PURE__*/function(){const Main=function(_a){var children=_a.children,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","classNameOverride"]);return/*#__PURE__*/React.createElement("main",__assign({className:classnames([styles$1.main,classNameOverride])},restProps),children);};Main.displayName="Workflow.Main";return Main;}();var styles={"wrapper":"Wrapper-module_wrapper__-tWQy"};const Wrapper=/*#__PURE__*/function(){const Wrapper=function(_a){var children=_a.children,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["children","classNameOverride"]);return/*#__PURE__*/React.createElement("div",__assign({className:classnames(styles.wrapper,classNameOverride)},restProps),children);};Wrapper.displayName="Workflow.Wrapper";return Wrapper;}();const Workflow=/*#__PURE__*/function(){const Workflow=function(_a){var steps=_a.steps,currentStepId=_a.currentStepId,isComplete=_a.isComplete,workflowName=_a.workflowName,statusTag=_a.statusTag,headerActions=_a.headerActions,children=_a.children,nextAction=_a.nextAction,previousAction=_a.previousAction,classNameOverride=_a.classNameOverride,restProps=__rest(_a,["steps","currentStepId","isComplete","workflowName","statusTag","headerActions","children","nextAction","previousAction","classNameOverride"]);var currentStep=steps.find(function(step){return step.id===currentStepId;});return/*#__PURE__*/React.createElement(Workflow.Wrapper,__assign({classNameOverride:classNameOverride},restProps),/*#__PURE__*/React.createElement(Workflow.Header,{workflowName:workflowName,stepName:currentStep.label,statusTag:statusTag,headerActions:headerActions}),/*#__PURE__*/React.createElement(Workflow.Main,null,children),/*#__PURE__*/React.createElement(Workflow.Footer,{currentStepId:currentStepId,steps:steps,isComplete:isComplete,nextAction:nextAction,previousAction:previousAction}));};Workflow.Header=Header;Workflow.Footer=Footer;Workflow.Main=Main;Workflow.ProgressStepper=ProgressStepper;Workflow.Wrapper=Wrapper;return Workflow;}();export{AcademyIcon,AccountBasics,Action,ActionOffIcon,ActionOffWhiteIcon,ActionOnIcon,ActionPlans,AddIcon,AddImage,AddLinkIcon,AddUser,AddWhiteIcon,AiIcon,Alarm,AmplifyOthers,ArchivedIcon,ArchivedWhiteIcon,ArrowBackwardIcon,ArrowDownIcon,ArrowForwardIcon,ArrowLeftIcon,ArrowRightIcon,ArrowUpIcon,Assertive,AssignmentIcon,AsyncSelect,Avatar,AvatarGroup,BCorp,Badge,BaselineSurvey,Behaviour,BenefitsSurvey,BlankIcon,BlankSurvey,BoldIcon,BookmarkOffIcon,BookmarkOnIcon,BranchingIcon,Brand,BrandMoment,BrandMomentCaptureIntro,BrandMomentError,BrandMomentLogin,BrandMomentNewAccountOnboarding,BrandMomentPositiveOutro,BrandMomentStarterKit,BrandMomentUploadEmployeeData,BullettedListIcon,Button,ButtonGroup,CaMonogramIcon,CalendarRange,CalendarSingle,CalendarSync,CameraIcon,CandidateSurvey,Card,CautionIcon,CautionWhiteIcon,Cautionary,ChangeAgents,ChangeReadiness,ChangeSuccess,CheckIcon,Checkbox$1 as Checkbox,CheckboxField,CheckboxGroup,ChevronDownIcon,ChevronLeftIcon,ChevronRightIcon,ChevronUpIcon,ClearButton$1 as ClearButton,ClearIcon,ClearWhiteIcon,CloseIcon,ClosedIcon,ClosedWhiteIcon,Coaching,Collaboration,Collapsible,CollapsibleGroup,CommentAddIcon,CommentAddWhiteIcon,CommentBankIcon,CommentDisabledIcon,CommentDisabledWhiteIcon,CommentIcon,CommentWhiteIcon,Communication,Communications,CommunicationsIcon,Community,Company,CompanyDetails,CompanyValues,CompetencyLibraryIcon,ConfigureIcon,ConfirmationModal,ConnectIcon,ConnectLineIcon,ConnectTheDots,Container,Content,ContextModal,Conversations,CultureLab,CustomIcon,CustomOnboardSurvey,CustomSurvey,CustomUnattributedSurvey,DashboardIcon,DataVisualization,DateEndIcon,DateEndWhiteIcon,DateFormat,DateInput,DateInputDescription,DateInputWithIconButton,DatePicker,DateRangeIcon,DateRangePicker,DateRangeWhiteIcon,DateStartIcon,DateStartWhiteIcon,DayOfWeek,DecreaseIndentIcon,DeltaBareIcon,DeltaBareWhiteIcon,DeltaFlatIcon,DeltaIcon,DeltaNegativeIcon,DeltaPositiveIcon,DeltaWhiteIcon,DemographicsIcon,DepartmentIcon,DirectionalLink,Divider,DraftIcon,DraftWhiteIcon,DragIcon,DuplicateIcon,EditIcon,EditableRichTextContent,EffectivenessIcon,EllipsisIcon,EmailIcon,EmergencyResponse,EmployeeData,EmptyIcon,EmptyState,EmptyStatesAction,EmptyStatesInformative,EmptyStatesNegative,EmptyStatesNeutral,EmptyStatesPositive,EmptyWhiteIcon,EndIcon,EndOfProbation,EngagementIcon,EngagementSurvey,EngagementSurveySummaryFemale,EngagementSurveySummaryMale,EngagementWhiteIcon,EqualIcon,EqualWhiteIcon,ErrorPage,EssentialProductivity,EssentialResilience,ExclamationIcon,ExclamationOctagonIcon,ExclamationOctagonWhiteIcon,ExclamationWhiteIcon,ExecutiveReportSharing,ExitSurvey,ExperienceIcon,ExpertAdviceCollapsible,ExportIcon,ExportWhiteIcon,ExternalLinkIcon,FaceDissatisfiedIcon,FaceDissatisfiedWhiteIcon,FaceNeutralIcon,FaceNeutralWhiteIcon,FaceSatisfiedIcon,FaceSatisfiedWhiteIcon,FaceVeryDissatisfiedIcon,FaceVeryDissatisfiedWhiteIcon,FaceVerySatisfiedIcon,FaceVerySatisfiedWhiteIcon,FactorsIcon,FastAction,FavoriteOffIcon,FavoriteOnIcon,Feedback,FeedbackClassifyIcon,FeedbackClassifyWhiteIcon,FeedbackCompletedIcon,FeedbackCompletedWhiteIcon,FeedbackReportIcon,FeedbackReportWhiteIcon,FeedbackReviewIcon,FeedbackReviewWhiteIcon,FeedbackShareIcon,FeedbackShareWhiteIcon,FieldGroup,FieldMessage,FileIcon,FileWhiteIcon,Filter,FilterBar,FilterBarProvider,FilterButton,FilterButtonRemovable,FilterContents,FilterDatePicker,FilterDatePickerField,FilterDateRangePicker,FilterIcon,FilterMultiSelect,FilterSelect,Fire,Fireworks,FlagOffIcon,FlagOffWhiteIcon,FlagOnIcon,FullIcon,FullImport,Gdpr,GeneralOnboardSurvey,GenericModal,GlobalNotification,Goals,GridViewIcon,GuidanceBlock,GuidanceIcon,HamburgerIcon,HaveTheCourageToBeVulnerable,Heading,HealthAndSafety,HeatmapIcon,HeatmapWhiteIcon,HierarchyIcon,HomeIcon,HrisImport,IconButton,ImportIcon,ImportWhiteIcon,InclusionSurvey,IncreaseIndentIcon,IndicatorActiveIcon,IndicatorInactiveIcon,Individual180,Individual360,InfluentialCommunication,Information360Upgrade,InformationDemographicFocus,InformationEmergingTrends,InformationEmployeeLifecycle,InformationIcon,InformationReportOwner,InformationReportOwnerByRule,InformationTile,InformationTurnoverCalculator,InformationTurnoverForecast,InformationWhiteIcon,Informative,InlineNotification,Input$1 as Input,InputEditModal,InputRange,InputSearch,InputStatus,InputTypes,InsightIcon,Insights,InsightsIcon,InternSurvey,InvisibleIcon,ItalicsIcon,KaizenProvider,KebabIcon,KioskIcon,KioskWhiteIcon,Label$1 as Label,LabelledMessage,LaunchIcon,LaunchWhiteIcon,LeaderReportSharing,LeaderboardIcon,Leadership180,Leadership360,LeadingChange,LeadingThroughCrisis,Learn,LearnFasterThroughFeedback,LikertScaleLegacy,LinkEditor,LinkModal,LinkPopover,ListViewIcon,LiveIcon,LoadingInput,LoadingParagraph,LoadingSpinner,LockIcon,LockWhiteIcon,LogOutIcon,London,Manager180,Manager360,ManagerLearning,ManagerReportSharing,MaximizeIcon,MeatballsIcon,MeetingVoices,Melbourne,MenuTriggerConsumer,MenuTriggerProvider,Microphone,MinimizeIcon,MinusIcon,ModalAccessibleDescription,ModalAccessibleLabel,ModalBody,ModalContext,ModalFooter,ModalHeader,MultiActionTile,MultiSelect,NavigationTab,NavigatorIcon,Negative,NewWaysOfWorking,NewYork,NotificationIcon$1 as NotificationIcon,NumberedListIcon,NumberedListRtlIcon,Objective,OneOnOne,OpenIcon,OpenWhiteIcon,OrganizationIcon,Pagination,PaginationLink,PaperPen,PartialImport,ParticipationIcon,ParticipationWhiteIcon,PauseIcon,PauseWhiteIcon,PercentageIcon,PerformanceCompanySettings,PerformanceDiagnostics,PermissionsIcon,PersonIcon,PhasedWeek1OnboardSurvey,PhasedWeek5OnboardSurvey,PhotoUploadIcon,Popover,Positive,PowerIcon,PowerfulInsights,PrintIcon,PrintWhiteIcon,Privacy,Process,ProcessManagerIcon,Productivity,Programs,ProgressBar,PromotionIcon,PromotionWhiteIcon,PulseSurvey,QuestionIcon,QuestionWhiteIcon,QuestionsIcon,QuickEngagementSurvey,Radio,RadioField,RadioGroup,ReOnboarding,ReadArticle,Recommendation,RedoIcon,RefreshIcon,RemoteManager,RemoteOnboardSurvey,RemoteWorkQSet,RemoveLinkIcon,RepeatsIcon,ReportIcon,ReportSharing,ReportSharingIcon,Resilience,Resources,Response,RestoreIcon,ReturnToWorkplace,RichTextContent,RichTextEditor,SanFrancisco,SaveIcon,ScienceBackedTools,SearchField,SearchIcon,SearchWhiteIcon,SecurityTipIcon,Select,SelectionConsumer,SelectionProvider,SendIcon,SendRtlIcon,SettingsIcon,SettingsWhiteIcon,ShareIcon,ShareReport,SinglePointOnboardSurvey,SkillsCoach1On1Meetings,SkillsCoachCoaching,SkillsCoachEmployeeDevelopment,SkillsCoachEssentialFeedback,SkillsCoachEssentialProductivity,SkillsCoachEssentialResilience,SkillsCoachFeedback,SkillsCoachInfluentialCommunication,SkillsCoachLeadingChange,SkillsCoachManagerHub,SkillsCoachProductivity,SkillsCoachRemoteManager,SkillsCoachResilience,SkillsCoachStrategy,SkillsDevelopment,SkipIcon,SkipWhiteIcon,Skirt,SkirtCard,Slider,SortAscendingIcon,SortDescendingIcon,SpinnerIcon,SplitButton,SpreadsheetTemplate,StarOffIcon,StarOnIcon,Starburst,StartIcon,Stop,Strategy,SubtractIcon,SubtractWhiteIcon,SuccessIcon,SuccessWhiteIcon,SupportIcon,SurveyGetStarted,SurveyOverviewClosed,SurveysIcon,SurveysWhiteIcon,SyncIcon,TITLE_BLOCK_ZEN_OTHER_ACTIONS_HTML_ID,TITLE_BLOCK_ZEN_SECONDARY_MENU_HTML_ID,Tab,TabList,TabPanel,TabPanels,TableCard,TableContainer,TableHeader,TableHeaderRowCell,TableRow,TableRowCell,Tabs,Tag,TagIcon,TakeAim,TasksIcon,TasksWhiteIcon,Team1,Team2,TeamEffectiveness1,TeamEffectiveness2,TemplateIcon,TemplateWhiteIcon,Templates,TermsAgreement,Text,TextAnalyticsIcon,TextAnalyticsWhiteIcon,TextArea,TextAreaField,TextField,ThumbsDownIcon,ThumbsDownOffIcon,ThumbsDownOnIcon,ThumbsUpIcon,ThumbsUpOffIcon,ThumbsUpOnIcon,TileGrid,TimeField,TimeIcon,TimeWhiteIcon,Timezone,TitleBlockZen,ToastNotification,ToastNotificationsList,ToggleIconButton,ToggleSwitch,ToggleSwitchField,Toolbar$1 as Toolbar,ToolbarSection,Tooltip,TrafficCone,Training1,Training2,Training3,TranslationIcon,TrashIcon,Trophy,TrustOthersToMakeDecisions,UnattributedIcon,UnattributedWhiteIcon,UnderConstruction,UnderlineIcon,UndoIcon,UserAddIcon,UserDeleteIcon,UserExitIcon,UserIcon,UserSelectIcon,UserSettingsIcon,UserUpdateIcon,UsersIcon,ValueAdd,ValuesSurvey1,ValuesSurvey2,Video,ViewReports,VisibleIcon,VisuallyHidden,Well,WellbeingSurvey,WellbeingSurvey1,WellbeingSurvey2,WellbeingSurvey3,Workflow,Workshop,WritingIcon,ZoomInIcon,ZoomOutIcon,addMark,assetUrl,bulletListRule,calculateDisabledDays,createDocNode,createDocNodeFromContent,createEditorState,createLinkManager,createRichTextEditor,formatDateAsNumeral,formatDateAsText,formatDateRangeValue,getDateValidationHandler,getMarkAttrs,getMarkRange,getMarks,getNodes,getSelectedOptionKeys,getSelectedOptionLabels,getTruncatedLabels,isDisabledDate,isInvalidDate,isSelectingDayInCalendar,isValidWeekStartsOn,listIsActive,markContainsSelection,markIsActive,orderedListRule,parseDateAsTextOrNumeral,parseDateFromNumeralFormatValue,parseDateFromTextFormatValue,removeMark,setFocusInCalendar,subtractOnePixel,updateMark,useDateValidation,useFilterBarContext,useMediaQueries,useMenuTriggerContext,usePopover,useRichTextEditor,useSelectionContext,useToastNotification,validateAndRemoveMarks,validateDate};
|