quicksnack 3.34.4 → 3.35.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (77) hide show
  1. package/package.json +4 -1
  2. package/dist/UiProvider.d.ts +0 -8
  3. package/dist/UiStateProvider.d.ts +0 -9
  4. package/dist/UiWrapper.d.ts +0 -7
  5. package/dist/animation/SlideInFromTop/SlideInFromTop.d.ts +0 -4
  6. package/dist/animation/SlideOpen/SlideOpen.d.ts +0 -9
  7. package/dist/bundle.js +0 -4730
  8. package/dist/bundle.min.js +0 -910
  9. package/dist/components/Alert/Alert.d.ts +0 -8
  10. package/dist/components/AnimatedCheckmark/AnimatedCheckmark.d.ts +0 -2
  11. package/dist/components/Box/Box.d.ts +0 -23
  12. package/dist/components/BreadCrumbs/BreadCrumbs.d.ts +0 -522
  13. package/dist/components/CollapsiblePanel/CollapsiblePanel.d.ts +0 -7
  14. package/dist/components/ConfirmButton/ConfirmButton.d.ts +0 -8
  15. package/dist/components/ConfirmModal/ConfirmModal.d.ts +0 -15
  16. package/dist/components/ConfirmModal/hooks/useConfirmModal.d.ts +0 -11
  17. package/dist/components/Details/Details.d.ts +0 -7
  18. package/dist/components/Dropdown/Dropdown.d.ts +0 -530
  19. package/dist/components/Dropzone/Dropzone.d.ts +0 -8
  20. package/dist/components/Feedback/Feedback.d.ts +0 -10
  21. package/dist/components/Floater/Floater.d.ts +0 -14
  22. package/dist/components/Floater/FloaterItem.d.ts +0 -8
  23. package/dist/components/Footer/Footer.d.ts +0 -2
  24. package/dist/components/HorizontalScroller/HorizontalScroller.d.ts +0 -2
  25. package/dist/components/Menu/HamburgerButton.d.ts +0 -276
  26. package/dist/components/Menu/Menu.d.ts +0 -268
  27. package/dist/components/Menu/MenuCloseButton.d.ts +0 -276
  28. package/dist/components/Menu/MenuSlideOpenIndicator.d.ts +0 -2
  29. package/dist/components/Menu/SideBar.d.ts +0 -271
  30. package/dist/components/Menu/SideBarHeader.d.ts +0 -6
  31. package/dist/components/Menu/useCloseSidebarOnNavigate.d.ts +0 -1
  32. package/dist/components/Menu/useToggleMobileMenu.d.ts +0 -10
  33. package/dist/components/Modal/Modal.d.ts +0 -8
  34. package/dist/components/Overlay/Overlay.d.ts +0 -261
  35. package/dist/components/Paginator/Paginator.d.ts +0 -8
  36. package/dist/components/Panel/Panel.d.ts +0 -13
  37. package/dist/components/Section/Section.d.ts +0 -3
  38. package/dist/components/Statistic/Statistic.d.ts +0 -11
  39. package/dist/components/Table/Table.d.ts +0 -27
  40. package/dist/components/Tabs/Tab.d.ts +0 -12
  41. package/dist/components/Tabs/TabContent.d.ts +0 -3
  42. package/dist/components/Tabs/Tabs.d.ts +0 -279
  43. package/dist/components/Timeline/Timeline.d.ts +0 -18
  44. package/dist/components/TopBar/TopBar.d.ts +0 -7
  45. package/dist/fonts.d.ts +0 -1
  46. package/dist/form/Button/Button.d.ts +0 -13
  47. package/dist/form/Checkbox/Checkbox.d.ts +0 -8
  48. package/dist/form/FileField/FileField.d.ts +0 -8
  49. package/dist/form/PasswordStrengthField/PasswordStrenghField.d.ts +0 -9
  50. package/dist/form/ScaffoldForm/FormGrid/FormGrid.d.ts +0 -7
  51. package/dist/form/ScaffoldForm/FormGrid/FormGridCell.d.ts +0 -14
  52. package/dist/form/ScaffoldForm/FormGrid/FormGridWrapper.d.ts +0 -10
  53. package/dist/form/ScaffoldForm/ScaffoldField.d.ts +0 -9
  54. package/dist/form/ScaffoldForm/ScaffoldForm.d.ts +0 -10
  55. package/dist/form/ScaffoldForm/ScaffoldFormProvider.d.ts +0 -7
  56. package/dist/form/ScaffoldForm/hooks/useScaffoldFormContext.d.ts +0 -1
  57. package/dist/form/ScaffoldForm/scaffoldFormProps.d.ts +0 -80
  58. package/dist/form/ScaffoldForm/scaffoldPasswordProps.d.ts +0 -19
  59. package/dist/form/ScaffoldForm/types.d.ts +0 -34
  60. package/dist/form/ScaffoldForm/utils/FormPositioner.d.ts +0 -36
  61. package/dist/form/ScaffoldForm/utils/Grid.d.ts +0 -38
  62. package/dist/form/ScaffoldForm/utils/Grid.test.d.ts +0 -1
  63. package/dist/form/ScaffoldForm/utils/assertGridIsValid.d.ts +0 -6
  64. package/dist/form/ScaffoldForm/utils/assertGridIsValid.test.d.ts +0 -1
  65. package/dist/form/ScaffoldForm/utils/equalColumns.d.ts +0 -1
  66. package/dist/form/Select/Select.d.ts +0 -6
  67. package/dist/form/TextField/TextField.d.ts +0 -9
  68. package/dist/index.d.ts +0 -57
  69. package/dist/layouts/BasicLayout/BasicLayout.d.ts +0 -13
  70. package/dist/layouts/FloatingPanelLayout/FloatingPanelLayout.d.ts +0 -12
  71. package/dist/layouts/constants.d.ts +0 -2
  72. package/dist/responsiveness/responsiveProps.d.ts +0 -17
  73. package/dist/responsiveness/useResponsiveBreakpoints.d.ts +0 -6
  74. package/dist/theme.d.ts +0 -2
  75. package/dist/typography/Fonts.d.ts +0 -2
  76. package/dist/typography/Header/Header.d.ts +0 -6
  77. package/dist/typography/Paragraph/Paragraph.d.ts +0 -261
@@ -1,910 +0,0 @@
1
- "use strict";var e=require("react"),t=require("styled-components"),r=require("immer");
2
- /*! *****************************************************************************
3
- Copyright (c) Microsoft Corporation.
4
-
5
- Permission to use, copy, modify, and/or distribute this software for any
6
- purpose with or without fee is hereby granted.
7
-
8
- THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
9
- REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
10
- AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
11
- INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
12
- LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
13
- OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
14
- PERFORMANCE OF THIS SOFTWARE.
15
- ***************************************************************************** */
16
- function n(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}function o(){return o=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},o.apply(this,arguments)}function a(e,t){return a=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e},a(e,t)}function i(e){return i=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)},i(e)}function s(e,t,r){return s=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}()?Reflect.construct:function(e,t,r){var n=[null];n.push.apply(n,t);var o=new(Function.bind.apply(e,n));return r&&a(o,r.prototype),o},s.apply(null,arguments)}function l(e){var t="function"==typeof Map?new Map:void 0;return l=function(e){if(null===e||(r=e,-1===Function.toString.call(r).indexOf("[native code]")))return e;var r;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,n)}function n(){return s(e,arguments,i(this).constructor)}return n.prototype=Object.create(e.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),a(n,e)},l(e)}var c={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function d(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];var n,o=t[0],a=[];for(n=1;n<t.length;n+=1)a.push(t[n]);return a.forEach((function(e){o=o.replace(/%[a-z]/,e)})),o}var p=function(e){var t,r;function n(t){var r;if("production"===process.env.NODE_ENV)r=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+t+" for more information.")||this;else{for(var n=arguments.length,o=new Array(n>1?n-1:0),a=1;a<n;a++)o[a-1]=arguments[a];r=e.call(this,d.apply(void 0,[c[t]].concat(o)))||this}return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(r)}return r=e,(t=n).prototype=Object.create(r.prototype),t.prototype.constructor=t,a(t,r),n}(l(Error));function u(e){return Math.round(255*e)}function f(e,t,r){return u(e)+","+u(t)+","+u(r)}function h(e,t,r,n){if(void 0===n&&(n=f),0===t)return n(r,r,r);var o=(e%360+360)%360/60,a=(1-Math.abs(2*r-1))*t,i=a*(1-Math.abs(o%2-1)),s=0,l=0,c=0;o>=0&&o<1?(s=a,l=i):o>=1&&o<2?(s=i,l=a):o>=2&&o<3?(l=a,c=i):o>=3&&o<4?(l=i,c=a):o>=4&&o<5?(s=i,c=a):o>=5&&o<6&&(s=a,c=i);var d=r-a/2;return n(s+d,l+d,c+d)}var m={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var g=/^#[a-fA-F0-9]{6}$/,b=/^#[a-fA-F0-9]{8}$/,y=/^#[a-fA-F0-9]{3}$/,v=/^#[a-fA-F0-9]{4}$/,x=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,w=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,k=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,$=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function E(e){if("string"!=typeof e)throw new p(3);var t=function(e){if("string"!=typeof e)return e;var t=e.toLowerCase();return m[t]?"#"+m[t]:e}(e);if(t.match(g))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(b)){var r=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:r}}if(t.match(y))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(v)){var n=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:n}}var o=x.exec(t);if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10)};var a=w.exec(t.substring(0,50));if(a)return{red:parseInt(""+a[1],10),green:parseInt(""+a[2],10),blue:parseInt(""+a[3],10),alpha:parseFloat(""+a[4])>1?parseFloat(""+a[4])/100:parseFloat(""+a[4])};var i=k.exec(t);if(i){var s="rgb("+h(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",l=x.exec(s);if(!l)throw new p(4,t,s);return{red:parseInt(""+l[1],10),green:parseInt(""+l[2],10),blue:parseInt(""+l[3],10)}}var c=$.exec(t.substring(0,50));if(c){var d="rgb("+h(parseInt(""+c[1],10),parseInt(""+c[2],10)/100,parseInt(""+c[3],10)/100)+")",u=x.exec(d);if(!u)throw new p(4,t,d);return{red:parseInt(""+u[1],10),green:parseInt(""+u[2],10),blue:parseInt(""+u[3],10),alpha:parseFloat(""+c[4])>1?parseFloat(""+c[4])/100:parseFloat(""+c[4])}}throw new p(5)}var C=function(e){return 7===e.length&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e};function F(e){var t=e.toString(16);return 1===t.length?"0"+t:t}function O(e,t,r){if("number"==typeof e&&"number"==typeof t&&"number"==typeof r)return C("#"+F(e)+F(t)+F(r));if("object"==typeof e&&void 0===t&&void 0===r)return C("#"+F(e.red)+F(e.green)+F(e.blue));throw new p(6)}function S(e,t,r){return function(){var n=r.concat(Array.prototype.slice.call(arguments));return n.length>=t?e.apply(this,n):S(e,t,n)}}function P(e){return S(e,e.length,[])}function j(e,t,r){if("transparent"===t)return r;if("transparent"===r)return t;if(0===e)return r;var n=E(t),a=o({},n,{alpha:"number"==typeof n.alpha?n.alpha:1}),i=E(r),s=o({},i,{alpha:"number"==typeof i.alpha?i.alpha:1}),l=a.alpha-s.alpha,c=2*parseFloat(e)-1,d=((c*l==-1?c:c+l)/(1+c*l)+1)/2,u=1-d;return function(e,t,r,n){if("string"==typeof e&&"number"==typeof t){var o=E(e);return"rgba("+o.red+","+o.green+","+o.blue+","+t+")"}if("number"==typeof e&&"number"==typeof t&&"number"==typeof r&&"number"==typeof n)return n>=1?O(e,t,r):"rgba("+e+","+t+","+r+","+n+")";if("object"==typeof e&&void 0===t&&void 0===r&&void 0===n)return e.alpha>=1?O(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")";throw new p(7)}({red:Math.floor(a.red*d+s.red*u),green:Math.floor(a.green*d+s.green*u),blue:Math.floor(a.blue*d+s.blue*u),alpha:a.alpha*parseFloat(e)+s.alpha*(1-parseFloat(e))})}var _=P(j);function A(e,t){return"transparent"===t?t:_(parseFloat(e),"rgb(0, 0, 0)",t)}var z=P(A);const M="rgba(0,0,0,.87)",T="#fff",I=(e,t,r)=>Object.entries(t).reduce(((t,[n,o])=>Object.assign(Object.assign({},t),{[n]:r.includes(n)?z(e,o):o})),t),R=e=>{var{colorsToDarken:t}=e,r=n(e,["colorsToDarken"]);return{idle:r,hover:I(.1,r,t),active:I(.2,r,t)}},D=e=>({main:{idle:e,hover:I(.05,e,["background"])},alternate:{idle:I(.02,e,["background"]),hover:I(.05,e,["background"])}}),L={spacing:(...e)=>e.map((e=>4*e+"px")).join(" "),palette:{common:{black:M,white:T},colors:{blue:"#007bff",indigo:"#6610f2",purple:"#6f42c1",pink:"#e83e8c",red:"#e83e3e",orange:"#fd7e14",yellow:"#ffc107",green:"#23B294",teal:"#20c997",cyan:"#17a2b8",gray:"#6c757d",grayDark:"#343a40",light:"#f8f9fa",dark:"#343a40"},form:{hint:"#C7C7C7",error:"#9f3a38"},button:{basic:R({colorsToDarken:["background","text"],background:T,text:M}),default:R({colorsToDarken:["background","text"],background:"#e0e1e2",text:M}),text:{idle:{text:"#999c9e",background:"transparent"},active:{text:M,background:"transparent"},hover:{text:M,background:"transparent"}},danger:R({colorsToDarken:["background"],background:"#EC5969",text:T}),primary:R({colorsToDarken:["background"],background:"#2284C4",text:T}),secondary:R({colorsToDarken:["background"],background:"#23B294",text:T})},pane:{basic:D({text:M,background:T,border:"#ddd"}),emphasized:D({text:M,background:"#f3f3f3",border:"#ddd"}),info:D({text:"#0c5460",background:"#d1ecf1",border:"#bee5eb"}),negative:D({text:"#721c24",background:"#f8d7da",border:"#f5c6cb"}),positive:D({text:"#155724",background:"#d4edda",border:"#c3e6cb"}),warning:D({text:"#856404",background:"#fff3cd",border:"#ffeeba"})}}},H=t.ThemeProvider,N=({children:t,theme:r})=>e.createElement(H,{theme:r||L},t),B=()=>{},q=e.createContext({isSideMenuOpen:!1,closeSideMenu:B,openSideMenu:B}),G=()=>e.useContext(q),V=({children:t})=>{const[r,n]=e.useState(!1),o=e.useCallback((()=>n(!1)),[]),a=e.useCallback((()=>n(!0)),[]);return e.createElement(q.Provider,{value:{isSideMenuOpen:r,closeSideMenu:o,openSideMenu:a}},t)},W=t.styled.div`
17
- display: flex;
18
- flex-direction: column;
19
- height: 100%;
20
- font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
21
- color: ${e=>e.theme.palette.common.black};
22
- font-size: 14px;
23
- `;function U(e){var t=Object.create(null);return function(r){return void 0===t[r]&&(t[r]=e(r)),t[r]}}var Y=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,X=U((function(e){return Y.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}));const K=t.keyframes`
24
- 0% {
25
- opacity: 0;
26
- transform: translateY(-5px);
27
- }
28
- 100% {
29
- opacity: 1;
30
- transform: translateY(0);
31
- }
32
- `,Z=t.styled.div.withConfig({shouldForwardProp:X})`
33
- animation: ${K} ${e=>e.speed||".3s"} ease-in 0s 1;
34
- `,J=t.css`
35
- margin: 0 0;
36
- padding: 0 0;
37
- font-weight: 700;
38
- line-height: 1.28571429em;
39
- `,Q={1:t.styled.h1.withConfig({shouldForwardProp:X})`
40
- font-size: 2rem;
41
- min-height: 1rem;
42
- ${J}
43
- `,2:t.styled.h2.withConfig({shouldForwardProp:X})`
44
- font-size: 1.71428571rem;
45
- ${J}
46
- `,3:t.styled.h3.withConfig({shouldForwardProp:X})`
47
- font-size: 1.28571429rem;
48
- ${J}
49
- `,4:t.styled.h4.withConfig({shouldForwardProp:X})`
50
- font-size: 1.07142857rem;
51
- ${J}
52
- `,5:t.styled.h5.withConfig({shouldForwardProp:X})`
53
- font-size: 1rem;
54
- ${J}
55
- `},ee=t=>{var{level:r=1}=t,o=n(t,["level"]);const a=Q[r];return e.createElement(a,Object.assign({},o))},te=t.styled.p`
56
- font-size: 14px;
57
- line-height: 20px;
58
- // margin: 0 0 1em;
59
- margin: 0;
60
- `,re=["mobile","tablet","laptop","desktop"],ne={mobile:0,tablet:768,laptop:1024,desktop:1430},oe=(e,r)=>t.css`
61
- @media screen and (min-width: ${ne[e]}px) {
62
- ${r}
63
- }
64
- `,ae=e=>{if("object"!=typeof e)return!1;const t=Object.keys(e);for(const e of re)if(t.includes(e))return!0;return!1},ie=(e,t)=>{const r=Object.entries(t).filter((([t])=>void 0!==e[t]&&!ae(e[t]))).map((([t,r])=>r(e[t])));return[re.map((r=>{const n=Object.entries(t).filter((([t])=>{var n;return void 0!==(null===(n=null==e?void 0:e[t])||void 0===n?void 0:n[r])})).map((([t,n])=>n(e[t][r])));return n.length>0?oe(r,n):void 0})).filter((e=>void 0!==e)),...r]},se=t.styled.div.withConfig({shouldForwardProp:X})`
65
- box-sizing: border-box;
66
-
67
- ${e=>ie(e,{p:r=>t.css`padding: ${e.theme.spacing(r)};`,pt:r=>t.css`padding-top: ${e.theme.spacing(r)};`,pr:r=>t.css`padding-right: ${e.theme.spacing(r)};`,pb:r=>t.css`padding-bottom: ${e.theme.spacing(r)};`,pl:r=>t.css`padding-left: ${e.theme.spacing(r)};`,m:r=>t.css`margin: ${e.theme.spacing(r)};`,mt:r=>t.css`margin-top: ${e.theme.spacing(r)};`,mr:r=>t.css`margin-right: ${e.theme.spacing(r)};`,mb:r=>t.css`margin-bottom: ${e.theme.spacing(r)};`,ml:r=>t.css`margin-left: ${e.theme.spacing(r)};`,display:e=>t.css`display: ${e};`,flexGrow:e=>t.css`flex-grow: ${e};`,flexShrink:e=>t.css`flex-shrink: ${e};`,flexDirection:e=>t.css`flex-direction: ${e};`,alignItems:e=>t.css`align-items: ${e};`,textAlign:e=>t.css`text-align: ${e};`,justifyContent:e=>t.css`justify-content: ${e};`,width:r=>t.css`width: ${"number"==typeof r?e.theme.spacing(r):r};`})}
68
- `,le=t.styled.div.withConfig({shouldForwardProp:X})`
69
- border-radius: 4px;
70
- border: 1px solid ${e=>e.theme.palette.pane[e.variant].main.idle.border};
71
- background-color: ${e=>e.theme.palette.pane[e.variant].main.idle.background};
72
- color: ${e=>e.theme.palette.pane[e.variant].main.idle.text};
73
- `,ce="#20c997",de=t.styled.g`
74
- fill: none;
75
- stroke: ${ce};
76
- stroke-width: 10;
77
- `,pe=t.keyframes`
78
- 0% {
79
- stroke-dashoffset: 100px
80
- }
81
- 100% {
82
- stroke-dashoffset: 0px
83
- }
84
- `,ue=t.styled.polyline`
85
- stroke-dasharray: 100px, 100px;
86
- stroke-dashoffset: 200px;
87
- animation: ${pe} 0.42s ease-in-out 0.8s backwards;
88
- stroke: ${ce};
89
- stroke-width: 10;
90
- `,fe=t.keyframes`
91
- 0% {
92
- stroke-dashoffset: 480px
93
- }
94
- 100% {
95
- stroke-dashoffset: 960px
96
- }
97
- `,he=t.styled.circle`
98
- stroke-dasharray: 480px, 480px;
99
- stroke-dashoffset: 960px;
100
- animation: ${fe} 0.6s ease-in-out backwards;
101
- stroke: ${ce};
102
- stroke-width: 10;
103
- `,me=t.keyframes`
104
- 0% {
105
- opacity:0;
106
- }
107
- 100% {
108
- opacity:100;
109
- }
110
- `,ge=t.styled.circle`
111
- stroke-dasharray: 480px, 480px;
112
- stroke-dashoffset: 960px;
113
- animation: ${me} 1.2s ease-in-out 1.4s backwards;
114
- fill: #effaf8;
115
- `,be=()=>e.createElement("svg",{viewBox:"0 0 154 154"},e.createElement(de,null,e.createElement(he,{cx:"77",cy:"77",r:"72"}),e.createElement(ge,{cx:"77",cy:"77",r:"72"}),e.createElement(ue,{points:"43.5,77.8 63.7,97.9 112.2,49.4"}))),ye=t.styled.ul`
116
- list-style: none;
117
- padding: 0;
118
- margin: 0;
119
- display:flex;
120
- `,ve=t.styled.li`
121
- display: flex;
122
-
123
- &:not(:last-of-type):after {
124
- content: "/";
125
- color: ${e=>e.theme.palette.colors.gray};
126
- line-height: 1em;
127
- content: "/";
128
- margin: auto auto;
129
- padding: ${e=>e.theme.spacing(0,2,0,0)};
130
- }
131
- `,xe=t.styled.div`
132
- background-color: ${e=>e.theme.palette.common.white};
133
- border-radius: 4px;
134
- border: 1px solid #DEDEDF;
135
- box-shadow: 0px 2px 3px rgb(0 0 0 / 6%);
136
- `,we=t.styled(se)`
137
- font-size: 12px;
138
- font-style: italic;
139
- `,ke=t.styled(se)`
140
- ${e=>e.panelHasChildren&&t.css`
141
- border-radius: 4px;
142
- border-bottom: 1px solid rgba(34,36,38,.15);
143
- `}
144
-
145
- ${e=>!!e.onClick&&t.css`
146
- cursor: pointer;
147
- user-select: none;
148
- `}
149
- `,$e=t.styled(se)`
150
- border-radius: 4px;
151
- background-color: #FFF;
152
- border-top: 1px solid rgba(34,36,38,.15);
153
- `,Ee=({children:t,className:r,title:n,titleAction:o,titleMeta:a,onClickTitle:i,footer:s,p:l=3,titleLevel:c=5})=>e.createElement(xe,{className:r},n&&e.createElement(ke,{p:3,panelHasChildren:!!t,display:"flex",alignItems:"center",onClick:i},e.createElement(se,{flexGrow:1},e.createElement(ee,{level:c},n)),a&&e.createElement(we,null,a),o&&e.createElement(se,{pl:5},o)),t&&e.createElement(se,{p:l},t),s&&e.createElement($e,{p:3},s)),Ce=t.styled.div.withConfig({shouldForwardProp:X})`
154
- transform: ${e=>e.isOpen?"translate(0)":"translateY(-101%)"};
155
- transition-duration: ${e=>e.duration||.25}s;
156
- transition-property: transform;
157
- }
158
- `,Fe=t.styled.div`
159
- overflow: hidden;
160
- `,Oe=t.styled.div.withConfig({shouldForwardProp:X})`
161
- display: ${e=>e.isHidden?"none":"block"};
162
- `,Se=({isOpen:t,children:r,duration:n,onChange:o})=>{const a=(t=>{const[r,n]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>n(t)),0);return()=>clearTimeout(e)}),[t,n]),r})(t),[i,s]=e.useState(!t),l=e.useCallback((()=>{t||(s(!0),null==o||o(!1))}),[t,o]);return e.useEffect((()=>{t&&(s(!1),null==o||o(!0))}),[t,o]),e.createElement(Fe,null,e.createElement(Ce,{isOpen:a,onTransitionEndCapture:l,duration:n},e.createElement(Oe,{isHidden:i},r)))},Pe=t.styled.div.withConfig({shouldForwardProp:X})`
163
- transform: scaleY( ${e=>e.isOpen?"-1":"1"} );
164
- `,je=t.styled(Ee)`
165
- ${e=>!e.isOpen&&t.css`border-bottom: 0;`}
166
- `,_e=t=>{var{isInitiallyOpen:r,children:o,titleAction:a}=t,i=n(t,["isInitiallyOpen","children","titleAction"]);const[s,l]=e.useState(r),c=e.useCallback((()=>l(!s)),[l,s]);return e.createElement(je,Object.assign({},i,{isOpen:s,onClickTitle:c,p:0,titleAction:e.createElement(Pe,{isOpen:s},a)}),e.createElement(Se,{isOpen:s},e.createElement(se,{p:3},o)))},Ae=t.keyframes`
167
- 0% {
168
- opacity: 0;
169
- }
170
- 100% {
171
- opacity: 1;
172
- }
173
- `,ze=t.styled.div`
174
- position: fixed;
175
- top: 0;
176
- left: 0;
177
- right: 0;
178
- bottom: 0;
179
- z-index: 10;
180
- opacity: 0;
181
- background-color: rgba(0,0,0,0.6);
182
- animation: ${Ae} 0.2s forwards;
183
- `,Me=t.styled.div`
184
- position: fixed;
185
- top: 0;
186
- left: 0;
187
- right: 0;
188
- bottom: 0;
189
-
190
- display: flex;
191
- align-items: center;
192
- justify-content: center;
193
-
194
- z-index: 50;
195
- `,Te=t.styled(Ee)`
196
- box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);
197
- `,Ie=t.styled.div`
198
- line-height: ${e=>e.theme.spacing(6)};
199
- font-size: 15px;
200
- `,Re=t=>{var{children:r,handleClickOverlay:o,buttons:a}=t,i=n(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(ze,{onClick:o}),e.createElement(Me,null,e.createElement(Z,null,e.createElement(Te,Object.assign({footer:a?e.createElement(se,{display:"flex",justifyContent:"flex-end"},a):void 0},i),r&&e.createElement(Ie,null,r)))))},De=t.styled.div.withConfig({shouldForwardProp:X})`
201
- ${e=>e.stretch&&"width: 100%;"}
202
- ${e=>e.actionButton||e.stretch?t.css`margin: 0;`:t.css`margin: ${e=>e.theme.spacing(0,2,0,0)};`}
203
- `,Le=t.styled.button.withConfig({shouldForwardProp:X})`
204
- font-size: 14px;
205
- font-weight: bold;
206
- letter-spacing: 1px;
207
- line-height: 1em;
208
- outline: 0;
209
- border: none;
210
- border-radius: 4px;
211
- cursor: pointer;
212
- text-decoration: none;
213
- font-family: "Open Sans", Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
214
- transition: background-color .1s ease, color .1s ease;
215
- display: flex;
216
- flex-direction: row;
217
- align-items: center;
218
- user-select: none;
219
- min-height: ${e=>e.inline?"auto":"38px"};
220
-
221
- ${e=>e.stretch&&t.css`
222
- width: 100%;
223
- display: block;
224
- `}
225
-
226
- ${e=>e.actionButton&&t.css`
227
- width: 100%;
228
- ${oe("laptop","width: auto")}
229
- `}
230
-
231
-
232
- ${e=>"text"!==e.variant?e.icon?e.hasChildren&&t.css`position: relative; padding: ${e.theme.spacing(3,5,3,13)};`:t.css`padding: ${e.theme.spacing(3,5)}; min-width: ${e=>e.theme.spacing(10)};`:t.css`font-weight: 700; padding: 0;`}
233
-
234
- &:disabled {
235
- opacity: .5;
236
- cursor: default;
237
- }
238
-
239
- &:focus {
240
- background-blend-mode: darken;
241
- }
242
-
243
- ${e=>{if("basic"===e.variant)return"\n border: 1px solid rgba(34,36,38,.15);\n "}}
244
-
245
- ${e=>{var t;const{idle:r,hover:n,active:o}=L.palette.button[null!==(t=e.variant)&&void 0!==t?t:"default"];return`\n color: ${r.text};\n background-color: ${r.background}; \n \n &:not(:disabled) {\n &:hover, &:focus {\n color: ${n.text};\n background-color: ${n.background}; \n } \n \n &:active {\n color: ${o.text};\n background-color: ${o.background}; \n } \n }\n \n `}}
246
- `,He=t.styled.span.withConfig({shouldForwardProp:X})`
247
- ${e=>"text"!==e.variant&&t.css`
248
- min-width: ${e.theme.spacing(10)};
249
- `}
250
-
251
- ${e=>"text"===e.variant?e.hasChildren&&t.css`
252
- padding-right: ${e.theme.spacing(2)};
253
- `:e.hasChildren&&t.css`
254
- position: absolute;
255
- left: 0;
256
- top: 0;
257
- width: ${e=>e.theme.spacing(10)};
258
- height: 100%;
259
- background-color: rgba(0,0,0,.05);
260
-
261
- & > svg {
262
- transform: translate(-50%, -50%);
263
- position: absolute;
264
- top: 50%;
265
- left: 50%;
266
- }
267
- `}
268
- `,Ne=e.forwardRef(((t,r)=>{var{children:o,icon:a,stretch:i}=t,s=n(t,["children","icon","stretch"]);return e.createElement(De,{actionButton:s.actionButton,stretch:i},e.createElement(Le,Object.assign({ref:r,icon:a,hasChildren:!!o,stretch:i},s),a&&e.createElement(He,{variant:s.variant,hasChildren:!!o},a),o))})),Be=({title:t,children:r,cancelLabel:n="Nee, annuleren",confirmLabel:o="Ja",confirmVariant:a="secondary",confirmIcon:i,cancelIcon:s,isOpen:l,onCancel:c,onConfirm:d})=>l?e.createElement(Re,{title:t,handleClickOverlay:c,buttons:e.createElement(e.Fragment,null,e.createElement(Ne,{"data-testid":"btn-cancel",onClick:c,variant:"basic",icon:s},n),e.createElement(Ne,{"data-testid":"btn-confirm",onClick:d,variant:a,icon:i},o))},r):null,qe=()=>{},Ge=t.styled.table.withConfig({shouldForwardProp:X})`
269
- border-radius: 4px;
270
- width: 100%;
271
- border-collapse: separate;
272
- border-spacing: 0;
273
-
274
- ${e=>ie(e,{tableLayout:e=>t.css`table-layout: ${e};`})}
275
- `,Ve=t.styled.tr.withConfig({shouldForwardProp:X})`
276
- & > td {
277
- transition: background-color .1s ease, color .1s ease;
278
- }
279
-
280
- ${e=>Object.entries(e.theme.palette.pane).map((([t,r])=>`\n &:nth-child(odd) > td.${t} { \n color: ${r.main.idle.text};\n background-color: ${r.main.idle.background}; \n } \n &:nth-child(even) > td.${t} { \n color: ${r.alternate.idle.text};\n background-color: ${r.alternate.idle.background}; \n } \n \n \n ${!e.disableHover&&`\n &:nth-child(odd):hover > td.${t} {\n color: ${r.main.hover.text};\n background-color: ${r.main.hover.background}; \n }\n &:nth-child(even):hover > td.${t} {\n color: ${r.alternate.hover.text};\n background-color: ${r.alternate.hover.background}; \n }\n `} \n `))}
281
- `,We=t.styled.td.withConfig({shouldForwardProp:X})`
282
- border-top: 1px solid rgba(34,36,38,.1);
283
- border-right: 1px solid rgba(34,36,38,.1);
284
- padding: ${e=>e.theme.spacing(2,3)};
285
-
286
- &:last-of-type {
287
- border-right: 0;
288
- }
289
-
290
- ${e=>ie(e,{width:e=>t.css`width: ${e};`})}
291
- `,Ue=t.styled.th.withConfig({shouldForwardProp:X})`
292
- border-right: 1px solid rgba(34,36,38,.1);
293
- text-align: left;
294
- padding: ${e=>e.theme.spacing(2,3)};
295
- font-weight: 700;
296
- transition: background-color .1s ease, color .1s ease;
297
-
298
- &:last-of-type {
299
- border-right: 0;
300
- }
301
-
302
- ${e=>!!e.variant&&t.css`
303
- color: ${e.theme.palette.pane[e.variant].main.idle.text};
304
- background-color: ${e.theme.palette.pane[e.variant].main.idle.background};
305
-
306
- &:hover {
307
- color: ${e.theme.palette.pane[e.variant].main.hover.text};
308
- background-color: ${e.theme.palette.pane[e.variant].main.hover.background};
309
- }
310
- `}
311
-
312
- ${e=>e.width?`width: ${e.width};`:""}
313
-
314
- ${e=>e.sortable&&`\n cursor: pointer;\n user-select: none;\n \n &:hover { \n background-color: ${e.theme.palette.pane.basic.main.hover.background}; \n } \n `}
315
-
316
- ${e=>e.sortDirection&&` \n position:relative;\n \n &:after {\n content: " ";\n position: absolute; \n right: 15px;\n top: 50%;\n \n height: 0;\n width: 0;\n border: 5px solid transparent;\n \n ${"asc"===e.sortDirection?"\n border-top-color: #000;\n transform: translateY(-25%);\n ":"\n border-bottom-color: #000;\n transform: translateY(-75%);\n "} \n } \n `}
317
- `,Ye=t=>e.createElement(Ge,Object.assign({},t));Ye.Row=Ve,Ye.HeadCell=Ue,Ye.Cell=t=>{var{variant:r,className:o}=t,a=n(t,["variant","className"]);return e.createElement(We,Object.assign({className:`${o||""} ${r||"basic"}`},a))};const Xe=t.styled(Ye.Cell)`
318
- ${e=>e.firstRow&&t.css` border-top: 0px !important;`}
319
- ${e=>e.width&&t.css` width: ${e.width};`}
320
- vertical-align: top;
321
- `,Ke=t.styled.div`
322
- position: relative;
323
- `,Ze=t.styled.span.withConfig({shouldForwardProp:X})`
324
- border-radius: 4px;
325
- border: 1px solid rgba(34,36,38,.15);
326
- position: absolute;
327
- box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);
328
- background-color: ${e=>e.theme.palette.common.white};
329
- z-index: 100;
330
-
331
- ${e=>"right"===e.align?t.css`right: 0;`:t.css`left: 0;`}
332
- `,Je=t.styled.ul`
333
- list-style: none;
334
- margin: 0;
335
- padding: ${e=>e.theme.spacing(2,0)};
336
- `,Qe=t.styled.li`
337
- cursor: pointer;
338
- padding: ${e=>e.theme.spacing(0,3)};
339
- &:hover {
340
- background-color: #ddd;
341
- }
342
- `,et=t.styled.input`
343
- display: none;
344
- `,tt=t.styled.div.withConfig({shouldForwardProp:X})`
345
- display: flex;
346
- flex-direction: column;
347
- align-items: center;
348
- justify-content: center;
349
- border-radius: 4px;
350
- height: ${e=>e.theme.spacing(25)};
351
-
352
- border-radius: 4px;
353
- border: 1px solid rgba(34,36,38,.15);
354
-
355
- & > * {
356
- pointerEvents: none;
357
- }
358
-
359
- ${e=>e.isReadyToDrop&&t.css`
360
- background-color: #FAFAFA;
361
- `}
362
- `,rt=t.styled(se)`
363
- width: 300px;
364
- `,nt={laptop:1},ot={mobile:1,laptop:0},at={laptop:1},it=t=>{var{stretch:r,laptopWidth:o}=t,a=n(t,["stretch","laptopWidth"]);const i=e.useMemo((()=>({laptop:o})),[o]);return e.createElement(se,Object.assign({flexGrow:r?at:void 0,width:i,pt:ot,pb:ot,pl:nt,pr:nt},a))},st={laptop:-1},lt={mobile:-1,laptop:0},ct={mobile:"block",laptop:"flex"},dt=t.styled(se)`
365
- float: left;
366
-
367
- height: 100%;
368
- width: 100%;
369
-
370
- background-color: #243646;
371
-
372
- position: fixed;
373
- top: 0;
374
- left: 0;
375
- right: 0;
376
- bottom: 0;
377
-
378
- z-index: 900;
379
-
380
- display: ${e=>e.isMobileMenuOpen?"block":"none"};
381
- pointer-events: auto;
382
-
383
- ${oe("laptop",t.css`
384
- position: static;
385
- display: block;
386
- width: auto;
387
- min-width: ${e=>{var t;return e.theme.spacing(null!==(t=e.minWidth)&&void 0!==t?t:75)}};
388
- box-shadow: 2px 0px 6px -1px rgba(0,0,0,0.74);
389
-
390
- transition: transform .1s ease-out;
391
- transform: ${e=>e.isDesktopMenuOpen?"transform: translateX(0);":t.css`translateX(calc(-100% + ${e=>e.theme.spacing(15)}));`};
392
-
393
- & ul {
394
- opacity: ${e=>e.isDesktopMenuOpen?"1":"0"};
395
- }
396
- `)}
397
- `,pt=t=>{const{closeSideMenu:r,openSideMenu:n,isSideMenuOpen:o}=G();return e.createElement(dt,Object.assign({isDesktopMenuOpen:o},t,{onMouseEnter:n,onMouseLeave:r}))},ut=t.styled(se)`
398
- background-color: ${e=>e.theme.palette.common.white};
399
- border-top: 1px solid #DDDDDD;
400
- box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
401
- box-sizing: border-box;
402
- `,ft=({children:t})=>e.createElement(ut,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20}},t),ht=t.styled(se)`
403
- overflow-x: auto;
404
- overflow-y: hidden;
405
- `,mt=t.styled(Ne)`
406
- margin-right: ${e=>e.theme.spacing(3)};
407
- ${oe("laptop","display: none;")}
408
- `,gt=t.styled.ul`
409
- padding: 0;
410
- margin: 0;
411
- list-style: none;
412
- `,bt=t.styled.li.withConfig({shouldForwardProp:X})`
413
- padding: ${e=>e.theme.spacing(.5,5)};
414
-
415
- ${e=>e.isOpen&&t.css`
416
- border-left: ${e.theme.spacing(1)} solid ${e.theme.palette.colors.blue};
417
- background: #293846;
418
-
419
- & > * {
420
- margin-left: ${e.theme.spacing(-1)};
421
- }
422
- `}
423
-
424
- & button:hover, & button:active, & button:focus {
425
- color: ${e=>e.theme.palette.common.white} !important;
426
- }
427
-
428
- & button {
429
- width: 100%;
430
- }
431
-
432
- ${e=>e.isActive&&t.css`
433
- & button {
434
- color: ${e.theme.palette.common.white};
435
- }
436
- `}
437
- `,yt=t.styled(Ne)`
438
- ${oe("laptop","display: none;")}
439
- `,vt=t.styled(se)`
440
- display: none;
441
- ${oe("laptop","display: flex;")}
442
-
443
- height: 100%;
444
- flex-direction: row;
445
- align-items: center;
446
-
447
- width: ${e=>e.theme.spacing(15)};
448
-
449
- & > svg {
450
- margin: 0 auto;
451
- }
452
-
453
- ${dt}:hover & {
454
- display:none;
455
- }
456
- `,xt=t.styled(se)`
457
- box-sizing: border-box;
458
- color: ${e=>e.theme.palette.button.text.idle.text};
459
- font-weight: bold;
460
-
461
- display: flex;
462
- text-align: center;
463
-
464
- font-size: 14px;
465
- font-weight: bold;
466
- letter-spacing: 1px;
467
- line-height: 1em;
468
-
469
- background-color: rgba(0,0,0,.2);
470
-
471
- ${oe("laptop",t.css`
472
- min-height: ${e=>e.theme.spacing(12)};
473
- `)}
474
- `,wt=()=>{const[t,r]=e.useState(window.innerWidth);e.useEffect((()=>{const e=()=>r(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);return e.useMemo((()=>({isMobile:t>=ne.mobile,isTablet:t>=ne.tablet,isLaptop:t>=ne.laptop,isDesktop:t>=ne.desktop})),[t])},kt=t.styled.div`
475
- display: flex;
476
- `,$t=t.styled.button.withConfig({shouldForwardProp:X})`
477
- user-select:none;
478
- cursor: pointer;
479
-
480
- min-height: ${e=>e.theme.spacing(8)};
481
- padding: .2em 1.3em .2em;
482
- margin: 0;
483
- line-height: 1em;
484
- outline: 0;
485
- border: 1px solid rgba(34,36,38,.15);
486
-
487
- font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
488
- background-color: ${e=>e.active?"#F2F2F2":"#fff"};
489
-
490
- &:not(:first-of-type) {
491
- border-left: 0;
492
- }
493
-
494
- ${e=>!e.disabled&&"\n &:hover { \n background-color: #E9E9E9; \n }\n "}
495
- `,Et=t.styled.div.withConfig({shouldForwardProp:X})`
496
- display: flex;
497
- border-radius: ${e=>e.theme.spacing(1)};
498
- padding: ${e=>e.theme.spacing(4)};
499
- background-color: ${e=>e.theme.palette.colors[e.backgroundColor]};
500
- box-sizing: border-box;
501
- height: 100%;
502
- `,Ct=t.styled.div`
503
- text-transform: uppercase;
504
- color: ${e=>e.theme.palette.common.white};
505
- font-size: ${e=>e.theme.spacing(3)};
506
- `,Ft=t.styled.div.withConfig({shouldForwardProp:X})`
507
- color: ${e=>e.theme.palette.common.white};
508
- font-weight: bold;
509
- font-size: ${e=>e.theme.spacing(e.smallerValue?5.5:7.5)};
510
- `,Ot=t.styled.div`
511
- margin: ${e=>e.theme.spacing(1)} 0 auto 0;
512
- & svg {
513
- height: 100%;
514
- width: ${e=>e.theme.spacing(10)};
515
- color: white;
516
- }
517
- `,St=t.styled(se)`
518
-
519
- padding: ${e=>e.theme.spacing(2.5,5)};
520
-
521
- ${e=>!e.isActive&&t.css`
522
- cursor: pointer;
523
- color: #337ab7;
524
- &:hover,
525
- &:focus {
526
- color: #23527c;
527
- text-decoration: underline;
528
- }
529
- `}
530
-
531
- ${e=>e.isActive&&t.css`
532
- font-weight: bold;
533
- border: 1px solid rgba(34,36,38,.15);
534
- border-bottom: 0px;
535
- margin-bottom: -1px;
536
- border-top-left-radius: 4px;
537
- border-top-right-radius: 4px;
538
- background-color: ${e=>e.theme.palette.common.white};
539
- `}
540
-
541
- ${e=>e.variant&&`\n font-weight: bold;\n color: ${e.theme.palette.form[e.variant]};\n &:hover {\n color: ${e.theme.palette.form[e.variant]};\n }\n `}
542
-
543
- `,Pt=t.styled(se)`
544
- background-color: ${e=>e.theme.palette.common.white};
545
- border: 1px solid rgba(34,36,38,.15);
546
- border-top: 0px;
547
- `,jt=t.styled(se)`
548
- display: flex;
549
- border-bottom: 1px solid rgba(34,36,38,.15);
550
- `,_t=t.styled(Ee)`
551
- box-shadow: none;
552
- `,At=t.styled(se)`
553
- display: flex;
554
-
555
- &:last-of-type .line:before {
556
- background: none;
557
- }
558
- `,zt=t.styled(se)`
559
- position: relative;
560
- margin-right: ${e=>e.theme.spacing(4)};
561
- top: 4px;
562
-
563
- &:before {
564
- background: #e7eaec;
565
- content: '';
566
- position: absolute;
567
- top: 0;
568
- left: ${e=>e.theme.spacing(4.5)};
569
- height: 100%;
570
- width: ${e=>e.theme.spacing(1)};
571
- }
572
-
573
- `,Mt=t.styled.div.withConfig({shouldForwardProp:X})`
574
- position: relative;
575
- background-color: ${e=>e.color};
576
- color: #fff;
577
-
578
- left: 0;
579
- width: ${e=>e.theme.spacing(10)};
580
- height: ${e=>e.theme.spacing(10)};
581
- border-radius: 50%;
582
- font-size: ${e=>e.theme.spacing(4)};
583
-
584
- & > * {
585
- position: absolute;
586
- top: 50%;
587
- left: 50%;
588
- transform: translate(-50%, -50%);
589
- }
590
- `,Tt=t.styled(se)`
591
- background-color: #FFFFFF;
592
- border-bottom: 1px solid #DDDDDD;
593
- box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
594
- box-sizing: border-box;
595
- `,It=({left:t,right:r})=>e.createElement(Tt,null,e.createElement(se,{display:"flex",alignItems:"center",pb:1,pt:1,pr:5,pl:{mobile:5,laptop:20}},e.createElement(se,{flexGrow:1,display:"flex",pl:2},t),e.createElement(se,{flexGrow:1,display:"flex",justifyContent:"flex-end"},r))),Rt=t.styled.label`
596
- position: relative;
597
- `,Dt=t.styled.input.withConfig({shouldForwardProp:X})`
598
- position: absolute;
599
- top: 0;
600
- left: 0;
601
-
602
- width: 17px;
603
- height: 17px;
604
-
605
- z-index: 99;
606
- opacity: 0;
607
- margin-right: ${e=>e.theme.spacing(2)};
608
- transform: translateY(1px);
609
-
610
- &~span {
611
- user-select: none;
612
- padding-left: 1.85714em;
613
- cursor: pointer;
614
- font-size: .92857143em;
615
- }
616
-
617
- &~span:before, &~span:after {
618
- position: absolute;
619
- top: 0;
620
- left: 0;
621
- width: 17px;
622
- height: 17px;
623
- line-height: 17px;
624
- content: '';
625
- border-radius: 4px;
626
- border: 1px solid rgba(34,36,38,.15);
627
- z-index:0;
628
- }
629
-
630
- &:checked~span {
631
- font-style: italic;
632
- }
633
-
634
- &:checked~span:before {
635
- background: #fff;
636
- border-color: rgba(34,36,38,.35);
637
- }
638
-
639
- &:checked~span:after {
640
- font-style: normal;
641
- text-align: center;
642
- content: '\\2714';
643
- opacity: 1;
644
- color: ${e=>e.theme.palette.common.black}
645
- }
646
-
647
- &:focus~span:before, &:focus~span:after {
648
- border-color: #85b7d9;
649
- border-radius: 4px;
650
- background: #fff;
651
- box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
652
- }
653
-
654
- &.error~span {
655
- color: ${e=>e.theme.palette.form.error};
656
- }
657
-
658
- &.error~span:before, &.error~span:after {
659
- background: #fff6f6;
660
- border-color: #e0b4b4;
661
- color: #9f3a38;
662
- }
663
- `,Lt=t.styled.span.withConfig({shouldForwardProp:X})`
664
- ${e=>e.dimmed?t.css`color: #999c9e;`:""}
665
- `,Ht=e.forwardRef(((t,r)=>{var{options:o,spacing:a=1,name:i,dimmed:s}=t,l=n(t,["options","spacing","name","dimmed"]);return e.createElement(e.Fragment,null,Object.entries(o).map((([t,n])=>e.createElement(se,{key:t,mt:a,mb:a},e.createElement(Rt,{key:t},e.createElement(Dt,Object.assign({type:"checkbox",value:t,name:i,ref:r},l)),e.createElement(Lt,{dimmed:s},n))))))})),Nt=t.css`
666
- padding: .67857143em 1em;
667
- line-height: 1.21428571em;
668
- border-radius: 4px;
669
- border: 1px solid rgba(34,36,38,.15);
670
-
671
- color: ${e=>e.theme.palette.common.black};
672
- font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
673
-
674
- font-size: 1em;
675
- outline: none;
676
-
677
- &:disabled, &:read-only {
678
- background-color: #FAFAFA;
679
- }
680
-
681
- &:focus {
682
- color: rgba(0,0,0,.95);
683
- border-color: #85b7d9;
684
- background: #fff;
685
- box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
686
- }
687
-
688
- &.error {
689
- background: #fff6f6;
690
- border-color: #e0b4b4;
691
- color: #9f3a38;
692
- }
693
-
694
- &.error:focus {
695
- background: #fff6f6;
696
- }
697
-
698
- &:focus::placeholder {
699
- color:rgba(115,115,115,.87)
700
- }
701
-
702
- &::placeholder {
703
- color:rgba(191,191,191,.87);
704
- }
705
-
706
- &.error::placeholder {
707
- color: #e7bdbc;
708
- }
709
-
710
- &.error:focus::placeholder {
711
- color: #da9796;
712
- }
713
- `,Bt=t.styled.input.withConfig({shouldForwardProp:X})`
714
- ${Nt}
715
- `,qt=t.styled.textarea.withConfig({shouldForwardProp:X})`
716
- ${Nt}
717
- height: 100%;
718
- `,Gt=e.forwardRef(((t,r)=>{var{multiline:o=!1}=t,a=n(t,["multiline"]);return o?e.createElement(qt,Object.assign({ref:r},a)):e.createElement(Bt,Object.assign({ref:r,type:"text"},a))})),Vt=t.styled.div`
719
- position: relative;
720
- display: flex;
721
- `,Wt=t.styled.input.withConfig({shouldForwardProp:X})`
722
- position: absolute;
723
- left: 0;
724
- right: 0;
725
- top: 0;
726
- bottom: 0;
727
- width: 100%;
728
- opacity:0;
729
- `,Ut=t.styled(Ne)`
730
- height: 40px;
731
-
732
- .has-error & {
733
- background: #fff6f6;
734
- border-color: #e0b4b4;
735
- color: #9f3a38;
736
- }
737
- `,Yt=t.styled(Gt)`
738
- flex: 1;
739
- padding-right: ${e=>e.theme.spacing(8)}
740
- `,Xt=t.styled.button`
741
- background-color: transparent;
742
- border: 0;
743
- outline: 0;
744
- padding: 0;
745
-
746
- position: absolute;
747
- right: 0;
748
- height: 100%;
749
-
750
- cursor: pointer;
751
-
752
- &:after {
753
- box-sizing: border-box;
754
-
755
- color: rgba(0, 0, 0, .3);
756
- content: "×";
757
-
758
- text-align: center;
759
- vertical-align: middle;
760
- display: table-cell;
761
-
762
- font-size: 20px;
763
- height: 38px;
764
- width: 38px;
765
- line-height: 38px;
766
- padding: 0 8px;
767
- }
768
- `,Kt=e.forwardRef(((t,r)=>{var{className:o,placeholder:a,chooseFileLabel:i="Choose file",changeFileLabel:s="Change file",onClear:l}=t,c=n(t,["className","placeholder","chooseFileLabel","changeFileLabel","onClear"]);const[d,p]=e.useState(),[u,f]=e.useState(""),h=e.useCallback((e=>{var t;const r=(null==e?void 0:e.target).files;f((null===(t=null==r?void 0:r[0])||void 0===t?void 0:t.name)||"")}),[]),m=e.useCallback((()=>{d&&(d.value="",d.files=null,d.dispatchEvent(new Event("change",{bubbles:!0})),l&&l())}),[d,l]),g=e.useMemo((()=>e=>{null==e||e.addEventListener("change",h),p(e),"function"==typeof r&&(null==r||r(e))}),[r,h]);return e.createElement(Vt,null,e.createElement(Wt,Object.assign({type:"file",ref:g},c)),e.createElement(Ut,{variant:"basic"},u?s:i),e.createElement(Yt,{placeholder:a,className:o,disabled:!0,value:u}),!!u&&l&&e.createElement(Xt,{"data-testid":"file-clear",onClick:m}))})),Zt=t.styled.div`
769
- position: relative;
770
- `,Jt=t.styled.select.withConfig({shouldForwardProp:X})`
771
- width: 100%;
772
-
773
- padding: .67857143em 1em;
774
- line-height: 1.21428571em;
775
- border-radius: 4px;
776
- border: 1px solid rgba(34,36,38,.15);
777
-
778
- color: ${e=>e.theme.palette.common.black};
779
- font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
780
-
781
- font-size: 1em;
782
- outline: none;
783
-
784
- appearance: none;
785
-
786
- &.error {
787
- background: #fff6f6;
788
- border-color: #e0b4b4;
789
- color: #9f3a38;
790
- }
791
-
792
- &.error~div {
793
- color: #9f3a38;
794
- }
795
- `,Qt=t.styled.div`
796
- pointer-events: none;
797
- padding: 0 1em;
798
- position:absolute;
799
- height: 100%;
800
- top: 0;
801
- right: 0;
802
- font-size: 17px;
803
- line-height: 40px;
804
- `,er=e.forwardRef(((t,r)=>{var{options:o}=t,a=n(t,["options"]);const i=Array.isArray(o)?o:Object.entries(o);return e.createElement(Zt,null,e.createElement(Jt,Object.assign({ref:r},a),i.map((([t,r])=>e.createElement("option",{key:t,value:t},r)))),e.createElement(Qt,null,"▾"))})),tr=e=>e.length>=8,rr=e=>/\d/.test(e),nr=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),or=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),ar=[tr,rr,nr,or],ir=ar.length+1,sr=e=>ar.map((t=>t(e))).reduce(((e,t)=>t?e+1:e),1),lr=t.styled.div`
805
- margin-top: ${e=>e.theme.spacing(1)};
806
- height: 3px;
807
- background-color: #f5f5f5;
808
- border-radius: 4px;
809
- box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
810
- `,cr=t.styled.div.withConfig({shouldForwardProp:X})`
811
- width: ${e=>e.score?e.score/ir*100:0}%;
812
- height: 100%;
813
- background-color: ${e=>e.score<=2?"#e90f10":e.score<=3?"#ffad00":"#02b502"} ;
814
- transition: width .6s ease, background-color .6s ease;
815
- `,dr=e.forwardRef(((t,r)=>{const[n,o]=e.useState(0),a=e.useCallback((e=>{const t=e.target;o(t.value?sr(t.value):0)}),[]),i=e.useMemo((()=>e=>{null==e||e.addEventListener("keyup",a),"function"==typeof r&&(null==r||r(e))}),[r,a]);return e.createElement(e.Fragment,null,e.createElement(Gt,Object.assign({},t,{type:"password",ref:i})),e.createElement(lr,null,e.createElement(cr,{score:n})))}));function pr(e){var t,r,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(r=pr(e[t]))&&(n&&(n+=" "),n+=r);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function ur(){for(var e,t,r=0,n="";r<arguments.length;)(e=arguments[r++])&&(t=pr(e))&&(n&&(n+=" "),n+=t);return n}const fr=t.styled.div.withConfig({shouldForwardProp:X})`
816
- margin: 0px 8px;
817
-
818
- ${e=>void 0!==e.rowOffset&&t.css`
819
- display: flex;
820
- flex-direction: column;
821
- margin-bottom: 16px;`}
822
-
823
- align-self: ${e=>void 0===e.rowOffset?"end":"initial"};
824
- -ms-grid-row-align: ${e=>void 0===e.rowOffset?"end":"initial"};
825
-
826
- ${e=>ie(e,{align:e=>t.css`text-align: ${e};`,position:r=>{var n;return((e,r)=>{const n=[];return void 0===e||(void 0!==e.row&&n.push(t.css`
827
- grid-row-start: ${2*e.row+1+r};
828
- -ms-grid-row: ${2*e.row+1+r};
829
- `),e.rowSpan&&r&&n.push(t.css`
830
- grid-row-end: span ${2*e.rowSpan-1};
831
- -ms-grid-row-span: ${2*e.rowSpan-1};
832
- `),void 0!==e.column&&n.push(t.css`
833
- grid-column-start: ${e.column+1};
834
- -ms-grid-column: ${e.column+1};
835
- `),void 0!==e.columnSpan&&n.push(t.css`
836
- grid-column-end: span ${e.columnSpan};
837
- -ms-grid-column-span: ${e.columnSpan};
838
- `)),n})(r,null!==(n=e.rowOffset)&&void 0!==n?n:0)}})}
839
- `;fr.displayName="FormGridCell";const hr=t.styled.label.withConfig({shouldForwardProp:X})`
840
- display: block;
841
- color: ${e=>e.error?e.theme.palette.form.error:e.theme.palette.common.black} ;
842
- font-weight: bold;
843
- margin: ${e=>e.theme.spacing(0,0,1,0)};
844
- line-height: 1.4em;
845
- font-size: .92857143em;
846
- `,mr=t.styled.div.withConfig({shouldForwardProp:X})`
847
- color: ${e=>e.error?"#da9796;":e.theme.palette.form.hint};
848
- margin: ${e=>e.theme.spacing(-1,0,1,0)};
849
- line-height: 1.4em;
850
- font-size: .92857143em;
851
- `,gr=t.styled.span.withConfig({shouldForwardProp:X})`
852
- color: ${e=>e.theme.palette.form.hint};
853
- `,br=t.styled.div.withConfig({shouldForwardProp:X})`
854
- color: ${e=>e.theme.palette.form.error};
855
- margin: ${e=>e.theme.spacing(1,0,0,0)};
856
- font-weight: bold;
857
- font-style: italic;
858
- line-height: 1.4em;
859
- font-size: .92857143em;
860
- `,yr=({position:e,align:t,label:r,hint:n,error:o,isRequired:a})=>({position:e,align:t,label:r,hint:n,error:o,isRequired:a}),vr=({position:t,align:r,label:n,hint:o,error:a,isRequired:i,children:s})=>e.createElement(e.Fragment,null,e.createElement(fr,{position:t,align:r,className:"form-grid-cell__label-hint"},n&&e.createElement(hr,{error:a},n,i&&e.createElement(gr,null," *")),o&&e.createElement(mr,{error:a},o)),e.createElement(fr,{position:t,align:r,rowOffset:1,className:ur({"form-grid-cell__field-error":!0,"has-error":!!a})},s,a&&e.createElement(br,null,a))),xr=t.styled.div.withConfig({shouldForwardProp:X})`
861
- margin: 0 -8px -16px -8px;
862
-
863
- display: -ms-grid;
864
- display: grid;
865
-
866
- -ms-grid-columns: 1fr;
867
-
868
- ${e=>ie(e,{columns:e=>t.css`
869
- -ms-grid-columns: ${e};
870
- grid-template-columns: ${e};
871
- `})}
872
- `;xr.displayName="FormGrid";const wr=t.styled(se)`
873
- background-color: #F3F3F4;
874
- `,kr=t.styled(se)`
875
- position: relative;
876
- `,$r=t.styled(se)`
877
- position: absolute;
878
- height: 100%;
879
- z-index: 50;
880
- pointer-events: none;
881
- `,Er=t.styled(se)`
882
- height: 100%;
883
- `,Cr=t.styled(se)`
884
- background-color: ${e=>e.baseColor||"white"};
885
- position: absolute;
886
- min-width: 100%;
887
- min-height: 100%;
888
- `,Fr=t.styled.div.withConfig({shouldForwardProp:X})`
889
- position: absolute;
890
- top: 0;
891
- left: 0;
892
- width: 100%;
893
- height: 100%;
894
-
895
- opacity: ${e=>{var t;return null!==(t=e.opacity)&&void 0!==t?t:1}} ;
896
- background: url("${e=>e.imageUrl}");
897
- background-size: cover;
898
- `,Or=t.styled(Z)`
899
- z-index: 10;
900
- margin: auto auto;
901
- `,Sr=t.styled(Ee)`
902
- box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);
903
- min-width: 280px;
904
- `,Pr=t.styled.img`
905
- display:none;
906
- position: absolute;
907
- left: 0;
908
- top: ${e=>e.theme.spacing(8)};
909
- ${oe("tablet","display: block;")}
910
- `;var jr="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function _r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ar=1/0,zr=9007199254740991,Mr=17976931348623157e292,Tr=NaN,Ir="[object Function]",Rr="[object GeneratorFunction]",Dr="[object Symbol]",Lr=/^\s+|\s+$/g,Hr=/^[-+]0x[0-9a-f]+$/i,Nr=/^0b[01]+$/i,Br=/^0o[0-7]+$/i,qr=/^(?:0|[1-9]\d*)$/,Gr=parseInt,Vr=Object.prototype.toString,Wr=Math.ceil,Ur=Math.max;function Yr(e,t,r){var n=-1,o=e.length;t<0&&(t=-t>o?0:o+t),(r=r>o?o:r)<0&&(r+=o),o=t>r?0:r-t>>>0,t>>>=0;for(var a=Array(o);++n<o;)a[n]=e[n+t];return a}function Xr(e,t,r){if(!Kr(r))return!1;var n=typeof t;return!!("number"==n?function(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=zr}(e.length)&&!function(e){var t=Kr(e)?Vr.call(e):"";return t==Ir||t==Rr}(e)}(r)&&function(e,t){return!!(t=null==t?zr:t)&&("number"==typeof e||qr.test(e))&&e>-1&&e%1==0&&e<t}(t,r.length):"string"==n&&t in r)&&function(e,t){return e===t||e!=e&&t!=t}(r[t],e)}function Kr(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var Zr=_r((function(e,t,r){t=(r?Xr(e,t,r):void 0===t)?1:Ur(function(e){var t=function(e){if(!e)return 0===e?e:0;if(e=function(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&Vr.call(e)==Dr}(e))return Tr;if(Kr(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=Kr(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(Lr,"");var r=Nr.test(e);return r||Br.test(e)?Gr(e.slice(2),r?2:8):Hr.test(e)?Tr:+e}(e),e===Ar||e===-Ar){return(e<0?-1:1)*Mr}return e==e?e:0}(e),r=t%1;return t==t?r?t-r:t:0}(t),0);var n=e?e.length:0;if(!n||t<1)return[];for(var o=0,a=0,i=Array(Wr(n/t));o<n;)i[a++]=Yr(e,o,o+=t);return i}));class Jr{constructor(e){this.grid=e}getValues(){return this.grid}getDistinctValues(){const e=[];return this.grid.forEach((t=>{t.forEach((t=>{e.includes(t)||e.push(t)}))})),e}sliceArea(e,t){if(e.x>t.x||e.y>t.y)throw new Error("Coordinates are mixed up. Please ensure topLeft is actually in the top-left corner. And bottomRight is actually in the bottom-right corner");return new Jr(this.grid.slice(e.y,t.y+1).map((r=>r.slice(e.x,t.x+1))))}getCoordinatesForValue(e){const t=[],r=[];return this.grid.forEach(((n,o)=>{n.forEach(((n,a)=>{n===e&&(t.push(a),r.push(o))}))})),{topLeft:{x:Math.min(...t),y:Math.min(...r)},bottomRight:{x:Math.max(...t),y:Math.max(...r)}}}}var Qr="__lodash_hash_undefined__",en=9007199254740991,tn="[object Arguments]",rn="[object Function]",nn="[object GeneratorFunction]",on=/^\[object .+?Constructor\]$/,an="object"==typeof jr&&jr&&jr.Object===Object&&jr,sn="object"==typeof self&&self&&self.Object===Object&&self,ln=an||sn||Function("return this")();function cn(e,t){return!!(e?e.length:0)&&function(e,t,r){if(t!=t)return function(e,t,r,n){var o=e.length,a=r+(n?1:-1);for(;n?a--:++a<o;)if(t(e[a],a,e))return a;return-1}(e,un,r);var n=r-1,o=e.length;for(;++n<o;)if(e[n]===t)return n;return-1}(e,t,0)>-1}function dn(e,t,r){for(var n=-1,o=e?e.length:0;++n<o;)if(r(t,e[n]))return!0;return!1}function pn(e,t){for(var r=-1,n=t.length,o=e.length;++r<n;)e[o+r]=t[r];return e}function un(e){return e!=e}function fn(e,t){return e.has(t)}var hn,mn=Array.prototype,gn=Function.prototype,bn=Object.prototype,yn=ln["__core-js_shared__"],vn=(hn=/[^.]+$/.exec(yn&&yn.keys&&yn.keys.IE_PROTO||""))?"Symbol(src)_1."+hn:"",xn=gn.toString,wn=bn.hasOwnProperty,kn=bn.toString,$n=RegExp("^"+xn.call(wn).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),En=ln.Symbol,Cn=bn.propertyIsEnumerable,Fn=mn.splice,On=En?En.isConcatSpreadable:void 0,Sn=Math.max,Pn=Hn(ln,"Map"),jn=Hn(Object,"create");function _n(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function An(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function zn(e){var t=-1,r=e?e.length:0;for(this.clear();++t<r;){var n=e[t];this.set(n[0],n[1])}}function Mn(e){var t=-1,r=e?e.length:0;for(this.__data__=new zn;++t<r;)this.add(e[t])}function Tn(e,t){for(var r,n,o=e.length;o--;)if((r=e[o][0])===(n=t)||r!=r&&n!=n)return o;return-1}function In(e,t,r,n){var o,a=-1,i=cn,s=!0,l=e.length,c=[],d=t.length;if(!l)return c;r&&(t=function(e,t){for(var r=-1,n=e?e.length:0,o=Array(n);++r<n;)o[r]=t(e[r],r,e);return o}(t,(o=r,function(e){return o(e)}))),n?(i=dn,s=!1):t.length>=200&&(i=fn,s=!1,t=new Mn(t));e:for(;++a<l;){var p=e[a],u=r?r(p):p;if(p=n||0!==p?p:0,s&&u==u){for(var f=d;f--;)if(t[f]===u)continue e;c.push(p)}else i(t,u,n)||c.push(p)}return c}function Rn(e,t,r,n,o){var a=-1,i=e.length;for(r||(r=Nn),o||(o=[]);++a<i;){var s=e[a];t>0&&r(s)?t>1?Rn(s,t-1,r,n,o):pn(o,s):n||(o[o.length]=s)}return o}function Dn(e){if(!Xn(e)||(t=e,vn&&vn in t))return!1;var t,r=Yn(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?$n:on;return r.test(function(e){if(null!=e){try{return xn.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e))}function Ln(e,t){var r,n,o=e.__data__;return("string"==(n=typeof(r=t))||"number"==n||"symbol"==n||"boolean"==n?"__proto__"!==r:null===r)?o["string"==typeof t?"string":"hash"]:o.map}function Hn(e,t){var r=function(e,t){return null==e?void 0:e[t]}(e,t);return Dn(r)?r:void 0}function Nn(e){return Vn(e)||function(e){return Un(e)&&wn.call(e,"callee")&&(!Cn.call(e,"callee")||kn.call(e)==tn)}(e)||!!(On&&e&&e[On])}_n.prototype.clear=function(){this.__data__=jn?jn(null):{}},_n.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},_n.prototype.get=function(e){var t=this.__data__;if(jn){var r=t[e];return r===Qr?void 0:r}return wn.call(t,e)?t[e]:void 0},_n.prototype.has=function(e){var t=this.__data__;return jn?void 0!==t[e]:wn.call(t,e)},_n.prototype.set=function(e,t){return this.__data__[e]=jn&&void 0===t?Qr:t,this},An.prototype.clear=function(){this.__data__=[]},An.prototype.delete=function(e){var t=this.__data__,r=Tn(t,e);return!(r<0)&&(r==t.length-1?t.pop():Fn.call(t,r,1),!0)},An.prototype.get=function(e){var t=this.__data__,r=Tn(t,e);return r<0?void 0:t[r][1]},An.prototype.has=function(e){return Tn(this.__data__,e)>-1},An.prototype.set=function(e,t){var r=this.__data__,n=Tn(r,e);return n<0?r.push([e,t]):r[n][1]=t,this},zn.prototype.clear=function(){this.__data__={hash:new _n,map:new(Pn||An),string:new _n}},zn.prototype.delete=function(e){return Ln(this,e).delete(e)},zn.prototype.get=function(e){return Ln(this,e).get(e)},zn.prototype.has=function(e){return Ln(this,e).has(e)},zn.prototype.set=function(e,t){return Ln(this,e).set(e,t),this},Mn.prototype.add=Mn.prototype.push=function(e){return this.__data__.set(e,Qr),this},Mn.prototype.has=function(e){return this.__data__.has(e)};var Bn,qn,Gn=(Bn=function(e,t){return Un(e)?In(e,Rn(t,1,Un,!0)):[]},qn=Sn(void 0===qn?Bn.length-1:qn,0),function(){for(var e=arguments,t=-1,r=Sn(e.length-qn,0),n=Array(r);++t<r;)n[t]=e[qn+t];t=-1;for(var o=Array(qn+1);++t<qn;)o[t]=e[t];return o[qn]=n,function(e,t,r){switch(r.length){case 0:return e.call(t);case 1:return e.call(t,r[0]);case 2:return e.call(t,r[0],r[1]);case 3:return e.call(t,r[0],r[1],r[2])}return e.apply(t,r)}(Bn,this,o)});var Vn=Array.isArray;function Wn(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=en}(e.length)&&!Yn(e)}function Un(e){return function(e){return!!e&&"object"==typeof e}(e)&&Wn(e)}function Yn(e){var t=Xn(e)?kn.call(e):"";return t==rn||t==nn}function Xn(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var Kn=_r(Gn);const Zn=(e,t)=>{const r=[...Array(e)].map((e=>"1fr"));return t&&r.push("auto"),r.join(" ")};class Jn{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,n){"object"==typeof this.columns&&(this.columns[e]=t);const o=new Jr(n);((e,t)=>{const r=t.getDistinctValues();if(r.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${Kn(r,e).map((e=>`"${e}"`)).join(", ")}`);r.forEach((r=>{if(!e.includes(r))throw new Error(`${r} is not an existing field. Existing fields are ${e.map((e=>`"${e}"`)).join(", ")}.`);const n=t.getCoordinatesForValue(r),o=t.sliceArea(n.topLeft,n.bottomRight).getDistinctValues();if(1!==o.length||o[0]!==r)throw new Error(`Grid contains an unsupported shape. Please make sure "${r}" has a rectangular shape.`)}))})(Object.keys(this.fields),o);const a=r.produce(this.fields,(t=>{Object.keys(this.fields).forEach((r=>{const n=t[r].props,{topLeft:a,bottomRight:i}=o.getCoordinatesForValue(r);void 0===n.position&&(n.position={}),ae(n.position)||(n.position={mobile:n.position}),n.position[e]={column:a.x,columnSpan:i.x-a.x+1,row:a.y,rowSpan:i.y-a.y+1}}))}));return new Jn(a,this.columns)}setVertical(e,t=1,r){return this.setGrid(e,null!=r?r:Zn(t,!1),Zr(Object.keys(this.fields),t))}setHorizontal(e,t){const r=Object.keys(this.fields);return this.setGrid(e,null!=t?t:Zn(r.length,!1),[r])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const Qn=e.createContext({factory:void 0}),eo=e.forwardRef(((t,r)=>{var{name:o,field:a}=t,i=n(t,["name","field"]);const{factory:s}=e.useContext(Qn),l=yr(a.props),c=(null==s?void 0:s(a))||(e=>{switch(e.type){case"Button":return Ne;case"Checkbox":return Ht;case"Select":return er;case"FileField":return Kt;case"PasswordStrengthField":return dr;default:return Gt}})(a);return"TextField"===a.type&&"hidden"===a.props.type?e.createElement(c,Object.assign({ref:r,name:o},i,a.props)):e.createElement(vr,Object.assign({},l),e.createElement(c,Object.assign({ref:r,name:o,placeholder:a.props.placeholder||l.label,className:ur(!!l.error&&"error",a.props.className)},i,a.props)))})),to=e.forwardRef(((t,r)=>{var{children:o,columns:a,fields:i,prefixFieldNames:s}=t,l=n(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(xr,{columns:a},Object.entries(i).map((([t,n])=>e.createElement(eo,Object.assign({name:`${null!=s?s:""}${t}`,key:t,field:n,ref:r},l)))),o)}));exports.Alert=({children:t,title:r,variant:n="basic"})=>e.createElement(le,{variant:n},e.createElement(se,{p:3},r&&e.createElement(se,{pb:t?1:0},e.createElement(ee,{level:4},r)),t&&e.createElement(te,null,t))),exports.AnimatedCheckmark=be,exports.BasicLayout=({sideBarProps:t,topBarProps:r,footerProps:n,isLoading:o,loader:a,children:i})=>e.createElement(wr,{flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(kr,{flexGrow:1,flexShrink:0},t&&e.createElement($r,null,e.createElement(pt,Object.assign({},t))),e.createElement(Er,{display:"flex",flexDirection:"column"},e.createElement(It,Object.assign({},r)),e.createElement(se,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},o&&a?a:i),e.createElement(ft,Object.assign({},n))))),exports.Box=se,exports.BreadCrumbs=ye,exports.BreakPointValues=ne,exports.Button=Ne,exports.Checkbox=Ht,exports.CollapsiblePanel=_e,exports.ConfirmButton=t=>{var r,{modalProps:o}=t,a=n(t,["modalProps"]);const[i,s]=(({onConfirm:t})=>{const[r,n]=e.useState(!1);return[{onCancel:()=>n(!1),onConfirm:()=>{t(),n(!1)},isOpen:r},()=>n(!0)]})({onConfirm:null!==(r=o.onConfirm)&&void 0!==r?r:qe});return e.createElement(e.Fragment,null,e.createElement(Ne,Object.assign({},a,{onClick:s})),e.createElement(Be,Object.assign({title:"Are you sure?"},o,i)))},exports.ConfirmModal=Be,exports.Crumb=ve,exports.Details=({details:t,firstColumnWidth:r})=>e.createElement(Ye,null,e.createElement("tbody",null,Object.entries(t).map((([t,n],o)=>e.createElement(Ye.Row,{key:t,disableHover:!0},e.createElement(Xe,{width:r,firstRow:0===o},t),e.createElement(Xe,{firstRow:0===o},n)))))),exports.Dropdown=({buttonProps:t,align:r,children:n,stayOpenOnClick:o})=>{const a=e.useRef(null),[i,s]=e.useState(!1),l=e.useCallback((()=>s(!0)),[s]),c=e.useCallback((e=>{var t;o&&(null===(t=a.current)||void 0===t?void 0:t.contains(e.target))||s(!1)}),[s,o]);return e.useEffect((()=>(i&&setTimeout((()=>document.addEventListener("click",c)),1),()=>{document.removeEventListener("click",c)})),[i,c]),e.createElement(Ke,null,e.createElement(Ne,Object.assign({},t,{onClick:l})),i&&e.createElement(Z,{speed:".1s"},e.createElement(Ze,{ref:a,align:r||"left"},n)))},exports.DropdownMenu=Je,exports.DropdownMenuItem=Qe,exports.Dropzone=t=>{var{onChange:r,icon:o,label:a}=t,i=n(t,["onChange","icon","label"]);const s=e.useRef(null),l=e.useRef(null),[c,d]=e.useState(!1),p=e.useCallback((e=>{e&&r&&r(Array.from(e))}),[r]),u=e.useCallback((e=>{e.preventDefault(),d(!0)}),[]),f=e.useCallback((e=>{e.preventDefault(),d(!1)}),[]),h=e.useCallback((e=>{var t;e.preventDefault(),d(!1),p(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[p]),m=e.useCallback((()=>{var e;null===(e=s.current)||void 0===e||e.click()}),[s]),g=e.useCallback((()=>{var e;p(null===(e=null==s?void 0:s.current)||void 0===e?void 0:e.files)}),[s,p]);return e.createElement(tt,Object.assign({ref:l,onDragOver:u,onDragLeave:f,onDrop:h,onClick:m,isReadyToDrop:c},i),e.createElement(et,{"data-testid":"dropzone-file-input",type:"file",ref:s,onChange:g,multiple:!0}),e.createElement(se,null,e.createElement(Ne,{variant:"text",color:"secondary",type:"button",icon:o},a)))},exports.Feedback=({onConfirm:t,buttonLabel:r,buttonIcon:n,title:o,subtitle:a})=>e.createElement(Re,{handleClickOverlay:t,buttons:e.createElement(Ne,{"data-testid":"confirm",stretch:!0,icon:n,variant:"secondary",onClick:t},r)},e.createElement(rt,{pt:3,pb:3},e.createElement(se,{pb:5,textAlign:"center"},e.createElement(ee,null,o),a&&e.createElement(se,{pt:5},e.createElement(ee,{level:5},a))),e.createElement(se,{pt:5,pb:5,pl:7,pr:7},e.createElement(be,null)))),exports.FileField=Kt,exports.Floater=t=>{var{items:r,forceEqualWidth:o=!1,stretch:a=!1}=t,i=n(t,["items","forceEqualWidth","stretch"]);return e.createElement(se,Object.assign({mb:lt,mt:lt,ml:st,mr:st,display:ct},i),r.filter(Boolean).map(((t,n)=>(e=>!!e.element)(t)?e.createElement(it,{key:n,laptopWidth:t.forceEqualWidth?100/r.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(it,{key:n,laptopWidth:o?100/r.length+"%":void 0,stretch:a},t))))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:r,alert:n,logoUrl:o,backgroundBaseColor:a,backgroundOpacity:i})=>e.createElement(Cr,{display:"flex",alignItems:"center",baseColor:a},e.createElement(Fr,{imageUrl:r,opacity:i}),o&&e.createElement(Pr,{src:o,alt:"Logo"}),e.createElement(Or,null,n&&e.createElement(se,{pb:7},n),e.createElement(Sr,Object.assign({},t)))),exports.Footer=ft,exports.FormGrid=xr,exports.FormGridWrapper=vr,exports.FormPositioner=Jn,exports.HamburgerButton=mt,exports.Header=ee,exports.HorizontalScroller=({children:t})=>e.createElement(ht,null,t),exports.Menu=gt,exports.MenuCloseButton=yt,exports.MenuItem=({item:t,isOpen:r,isActive:n,children:o})=>{const[a,i]=e.useState(!!r);return e.createElement(bt,{isOpen:a,isActive:!!n},t,o&&e.createElement(Se,{onChange:i,isOpen:!!r,duration:.25},o))},exports.MenuSlideOpenIndicator=({children:t})=>e.createElement(vt,null,t),exports.Modal=Re,exports.Overlay=ze,exports.Paginator=t=>{const{isTablet:r}=wt(),{pageCount:n,onChange:o}=t,a=Math.min(Math.max(t.currentPage,0),n),i=r?2:0,s=Math.max(1,a-i),l=Math.min(n,a+i);return e.createElement(kt,null,e.createElement($t,{"data-testid":"paginate-prev",disabled:1===a,onClick:()=>o(a-1)},"⟨"),s>1&&e.createElement($t,{"data-testid":"paginate-page-1",active:1===a,onClick:()=>o(1)},"1"),s>2&&e.createElement($t,{disabled:!0},"..."),((e,t)=>{let r=[];for(let n=e;n<t;n++)r.push(n);return r})(s,l+1).map((t=>e.createElement($t,{"data-testid":`paginate-page-${t}`,key:t,active:a===t,onClick:()=>o(t)},t))),l<n-1&&e.createElement($t,{disabled:!0},"..."),l<n&&e.createElement($t,{"data-testid":`paginate-page-${n}`,active:a===n,onClick:()=>o(n)},n),e.createElement($t,{"data-testid":"paginate-next",disabled:a===n,onClick:()=>o(a+1)},"⟩"))},exports.Panel=Ee,exports.Paragraph=te,exports.PasswordStrengthField=dr,exports.ScaffoldForm=to,exports.ScaffoldFormContext=Qn,exports.ScaffoldFormProvider=({factory:t,children:r})=>e.createElement(Qn.Provider,{value:{factory:t}},r),exports.Section=t=>e.createElement(se,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=er,exports.SideBarHeader=({children:t,right:r})=>e.createElement(xt,{mb:7},e.createElement(se,{flexGrow:1,display:"flex"},e.createElement(se,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),r&&e.createElement(se,null,r)),exports.SimpleTimeline=({color:t,icon:r,title:n,titleMeta:o})=>e.createElement(At,null,e.createElement(zt,{className:"line"},e.createElement(Mt,{color:t},r)),e.createElement(se,{pb:4,flexGrow:1},e.createElement(_t,{titleMeta:o,title:n}))),exports.SlideInFromTop=Z,exports.Statistic=({icon:t,value:r,label:n,backgroundColor:o,smallerValue:a})=>e.createElement(Et,{backgroundColor:o},e.createElement(Ot,null,t),e.createElement(se,{flexGrow:1,textAlign:"right"},e.createElement(Ct,null,n),e.createElement(Ft,{smallerValue:a},r))),exports.StyledTable=Ge,exports.Tab=t=>{var{id:r,isActive:o,onClick:a}=t,i=n(t,["id","isActive","onClick"]);const s=e.useCallback((()=>{o||null==a||a(r)}),[r,o,a]);return e.createElement(St,Object.assign({},i,{onClick:s,isActive:o}))},exports.TabContent=t=>e.createElement(Pt,Object.assign({p:3},t)),exports.Table=Ye,exports.Tabs=jt,exports.TextField=Gt,exports.Timeline=({title:t,icon:r,color:n,isInitiallyOpen:o,titleMeta:a,chevron:i,children:s})=>e.createElement(At,null,e.createElement(zt,null,e.createElement(Mt,{color:n},r)),e.createElement(se,{pb:4,flexGrow:1},e.createElement(_e,{isInitiallyOpen:o,titleMeta:a,title:t,titleAction:i},s))),exports.TopBar=It,exports.UiProvider=N,exports.UiWrapper=({theme:t,children:r})=>e.createElement(N,{theme:t},e.createElement(V,null,e.createElement(W,null,r))),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.calculatePasswordScore=sr,exports.getFormGridWrapperProps=yr,exports.isResponsiveObject=ae,exports.mq=oe,exports.passwordHasLowerAndUppercase=nr,exports.passwordHasNumbers=rr,exports.passwordHasSpecialChars=or,exports.passwordMinLength=tr,exports.responsiveProps=ie,exports.theme=L,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:r}=G();e.useEffect((()=>{r()}),[t,r])},exports.useResponsiveBreakpoints=wt,exports.useToggleMobileMenu=({currentRoute:t})=>{const[r,n]=e.useState(!1),o=e.useCallback((()=>{n((e=>!e))}),[]),a=e.useCallback((()=>{n(!0)}),[]),i=e.useCallback((()=>{n(!1)}),[]);return e.useEffect((()=>{i()}),[t,i]),{isOpen:r,open:a,close:i,toggle:o}};