@wireapp/react-ui-kit 8.14.0 → 8.14.1

package/src/Form/SelectStyles.js

@@ -1,183 +1,123 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+/*
+ * Wire
+ * Copyright (C) 2022 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.customStyles = void 0;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _Input = require("./Input");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-var customStyles = function customStyles(theme) {
-  var markInvalid = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  return {
-    indicatorSeparator: function indicatorSeparator() {
-      return {
-        display: 'none'
-      };
-    },
-    indicatorsContainer: function indicatorsContainer(provided) {
-      return _objectSpread({}, provided);
-    },
-    container: function container(provided, _ref) {
-      var isDisabled = _ref.isDisabled,
-          selectProps = _ref.selectProps;
-      var menuIsOpen = selectProps.menuIsOpen;
-      var isSelectDisabled = selectProps.isDisabled;
-      return {
-        '& > div': _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, (0, _Input.inputStyle)(theme, {
-          disabled: isSelectDisabled,
-          markInvalid: markInvalid
-        })), {}, {
-          padding: 0,
-          height: 'auto',
-          minHeight: '48px',
-          '&:-moz-focusring': {
-            color: 'transparent',
-            textShadow: '0 0 0 #000'
-          },
-          position: 'relative'
-        }, isDisabled && {
-          backgroundColor: theme.Input.backgroundColorDisabled,
-          color: theme.Select.disabledColor,
-          cursor: 'default'
-        }), markInvalid && {
-          boxShadow: "0 0 0 1px ".concat(theme.general.dangerColor)
-        }), menuIsOpen && {
-          boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor),
-          '&:hover': {
-            boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor)
-          }
-        }), {}, {
-          cursor: !isSelectDisabled && 'pointer',
-          '&:focus:visible, active': {
-            boxShadow: !isSelectDisabled && "0 0 0 1px ".concat(theme.general.primaryColor)
-          }
-        })
-      };
+const Input_1 = require("./Input");
+const customStyles = (theme, markInvalid = false) => ({
+    indicatorSeparator: () => ({
+        display: 'none',
+    }),
+    indicatorsContainer: provided => (Object.assign({}, provided)),
+    container: (provided, { isDisabled, selectProps }) => {
+        const { menuIsOpen } = selectProps;
+        const isSelectDisabled = selectProps.isDisabled;
+        return {
+            '& > div': Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (0, Input_1.inputStyle)(theme, { disabled: isSelectDisabled, markInvalid })), { padding: 0, height: 'auto', minHeight: '48px', '&:-moz-focusring': {
+                    color: 'transparent',
+                    textShadow: '0 0 0 #000',
+                }, position: 'relative' }), (isDisabled && {
+                backgroundColor: theme.Input.backgroundColorDisabled,
+                color: theme.Select.disabledColor,
+                cursor: 'default',
+            })), (markInvalid && {
+                boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,
+            })), (menuIsOpen && {
+                boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,
+                '&:hover': {
+                    boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,
+                },
+            })), { cursor: !isSelectDisabled && 'pointer', '&:focus:visible, active': {
+                    boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.general.primaryColor}`,
+                } }),
+        };
     },
-    control: function control() {
-      return {
+    control: () => ({
         display: 'flex',
         alignItems: 'center',
         appearance: 'none',
         padding: '0 8px 0 16px',
         height: 'auto',
-        minHeight: '48px'
-      };
-    },
-    dropdownIndicator: function dropdownIndicator(provided, selectProps) {
-      var isSelectDisabled = selectProps.isDisabled;
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        '& > svg': {
-          fill: isSelectDisabled && theme.Input.placeholderColor
-        }
-      });
-    },
-    menu: function menu(provided) {
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        boxShadow: "0 0 0 1px ".concat(theme.general.primaryColor, ", 0 4px 11px hsl(0deg 0% 0% / 10%)"),
-        borderRadius: 12,
-        marginBottom: 0,
-        marginTop: 4,
-        overflowY: 'overlay'
-      });
+        minHeight: '48px',
+    }),
+    dropdownIndicator: (provided, selectProps) => {
+        const isSelectDisabled = selectProps.isDisabled;
+        return Object.assign(Object.assign({}, provided), { '& > svg': {
+                fill: isSelectDisabled && theme.Input.placeholderColor,
+            } });
     },
-    menuList: function menuList(provided) {
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        borderRadius: 12,
-        paddingBottom: 0,
-        paddingTop: 0
-      });
-    },
-    option: function option(provided, _ref2) {
-      var isMulti = _ref2.isMulti,
-          isDisabled = _ref2.isDisabled,
-          isFocused = _ref2.isFocused,
-          isSelected = _ref2.isSelected;
-      return _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, provided), {}, {
-        backgroundColor: theme.Input.backgroundColor,
-        color: theme.general.color,
-        padding: '10px 18px',
-        cursor: isDisabled ? 'not-allowed' : 'pointer',
-        fontSize: '16px',
-        fontWeight: 300,
-        lineHeight: '24px'
-      }, isSelected && !isDisabled && !isMulti && {
+    menu: provided => (Object.assign(Object.assign({}, provided), { boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`, borderRadius: 12, marginBottom: 0, marginTop: 4, overflowY: 'overlay' })),
+    menuList: provided => (Object.assign(Object.assign({}, provided), { borderRadius: 12, paddingBottom: 0, paddingTop: 0 })),
+    option: (provided, { isMulti, isDisabled, isFocused, isSelected }) => (Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, provided), { backgroundColor: theme.Input.backgroundColor, color: theme.general.color, padding: '10px 18px', cursor: isDisabled ? 'not-allowed' : 'pointer', fontSize: '16px', fontWeight: 300, lineHeight: '24px' }), (isSelected &&
+        !isDisabled &&
+        !isMulti && {
         background: theme.general.primaryColor,
         borderColor: theme.general.primaryColor,
         color: theme.Select.contrastTextColor,
         '&:hover': {
-          backgroundColor: theme.Select.selectedActiveBg
+            backgroundColor: theme.Select.selectedActiveBg,
         },
         '&:active': {
-          backgroundColor: theme.general.primaryColor,
-          boxShadow: "inset 0 0 0 1px ".concat(theme.Select.selectedActiveBg),
-          color: theme.general.contrastColor
-        }
-      }), isFocused && !isDisabled && !isSelected && {
+            backgroundColor: theme.general.primaryColor,
+            boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,
+            color: theme.general.contrastColor,
+        },
+    })), (isFocused &&
+        !isDisabled &&
+        !isSelected && {
         backgroundColor: theme.Select.optionHoverBg,
         borderColor: theme.Select.optionHoverBg,
         color: theme.general.color,
         '&:active': {
-          background: theme.Select.optionHoverBg,
-          boxShadow: "inset 0 0 0 1px ".concat(theme.Select.selectedActiveBg),
-          color: theme.general.color
-        }
-      }), isMulti && isSelected && {
+            background: theme.Select.optionHoverBg,
+            boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,
+            color: theme.general.color,
+        },
+    })), (isMulti &&
+        isSelected && {
         backgroundColor: theme.Input.backgroundColor,
         '&:hover': {
-          backgroundColor: theme.Select.optionHoverBg
+            backgroundColor: theme.Select.optionHoverBg,
         },
         '&:active': {
-          background: theme.Select.optionHoverBg,
-          boxShadow: "inset 0 0 0 1px ".concat(theme.Select.selectedActiveBg),
-          color: theme.general.color
-        }
-      }), isDisabled && _objectSpread({
-        backgroundColor: theme.Input.backgroundColorDisabled,
-        color: theme.Select.disabledColor,
-        '&:hover, &:active, &:focus': {
-          backgroundColor: theme.Select.borderColor,
-          color: theme.Select.disabledColor
-        }
-      }, isFocused && {
-        backgroundColor: theme.Select.borderColor,
-        color: theme.Select.disabledColor
-      })), {}, {
-        '&:not(:last-of-type)': {
-          borderBottom: "1px solid ".concat(theme.Select.borderColor)
-        },
-        '&:first-of-type': {
-          borderRadius: '12px 12px 0 0'
+            background: theme.Select.optionHoverBg,
+            boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,
+            color: theme.general.color,
         },
-        '&:last-of-type': {
-          borderRadius: '0 0 12px 12px'
-        }
-      });
-    },
-    valueContainer: function valueContainer(provided) {
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        padding: 0,
-        width: '100%',
-        display: 'grid'
-      });
+    })), (isDisabled && Object.assign({ backgroundColor: theme.Input.backgroundColorDisabled, color: theme.Select.disabledColor, '&:hover, &:active, &:focus': {
+            backgroundColor: theme.Select.borderColor,
+            color: theme.Select.disabledColor,
+        } }, (isFocused && {
+        backgroundColor: theme.Select.borderColor,
+        color: theme.Select.disabledColor,
+    })))), { '&:not(:last-of-type)': {
+            borderBottom: `1px solid ${theme.Select.borderColor}`,
+        }, '&:first-of-type': {
+            borderRadius: '12px 12px 0 0',
+        }, '&:last-of-type': {
+            borderRadius: '0 0 12px 12px',
+        } })),
+    valueContainer: provided => (Object.assign(Object.assign({}, provided), { padding: 0, width: '100%', display: 'grid' })),
+    singleValue: (provided, selectProps) => {
+        const isSelectDisabled = selectProps.isDisabled;
+        return Object.assign(Object.assign({}, provided), { color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color });
     },
-    singleValue: function singleValue(provided, selectProps) {
-      var isSelectDisabled = selectProps.isDisabled;
-      return _objectSpread(_objectSpread({}, provided), {}, {
-        color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color
-      });
-    }
-  };
-};
-
+});
 exports.customStyles = customStyles;
 //# sourceMappingURL=SelectStyles.js.map

package/src/Form/SelectStyles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["SelectStyles.tsx"],"names":["customStyles","theme","markInvalid","indicatorSeparator","display","indicatorsContainer","provided","container","isDisabled","selectProps","menuIsOpen","isSelectDisabled","disabled","padding","height","minHeight","color","textShadow","position","backgroundColor","Input","backgroundColorDisabled","Select","disabledColor","cursor","boxShadow","general","dangerColor","primaryColor","control","alignItems","appearance","dropdownIndicator","fill","placeholderColor","menu","borderRadius","marginBottom","marginTop","overflowY","menuList","paddingBottom","paddingTop","option","isMulti","isFocused","isSelected","fontSize","fontWeight","lineHeight","background","borderColor","contrastTextColor","selectedActiveBg","contrastColor","optionHoverBg","borderBottom","valueContainer","width","singleValue"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\nimport {Theme} from '../Layout';\nimport {inputStyle} from './Input';\n\nexport const customStyles = (theme: Theme, markInvalid = false) => ({\n  indicatorSeparator: () => ({\n    display: 'none',\n  }),\n  indicatorsContainer: provided => ({\n    ...provided,\n  }),\n  container: (provided, {isDisabled, selectProps}) => {\n    const {menuIsOpen} = selectProps;\n    const isSelectDisabled = selectProps.isDisabled;\n\n    return {\n      '& > div': {\n        ...inputStyle(theme, {disabled: isSelectDisabled, markInvalid}),\n        padding: 0,\n        height: 'auto',\n        minHeight: '48px',\n        '&:-moz-focusring': {\n          color: 'transparent',\n          textShadow: '0 0 0 #000',\n        },\n        position: 'relative',\n        ...(isDisabled && {\n          backgroundColor: theme.Input.backgroundColorDisabled,\n          color: theme.Select.disabledColor,\n          cursor: 'default',\n        }),\n        ...(markInvalid && {\n          boxShadow: `0 0 0 1px ${theme.general.dangerColor}`,\n        }),\n        ...(menuIsOpen && {\n          boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          '&:hover': {\n            boxShadow: `0 0 0 1px ${theme.general.primaryColor}`,\n          },\n        }),\n        cursor: !isSelectDisabled && 'pointer',\n        '&:focus:visible, active': {\n          boxShadow: !isSelectDisabled && `0 0 0 1px ${theme.general.primaryColor}`,\n        },\n      },\n    };\n  },\n  control: () => ({\n    display: 'flex',\n    alignItems: 'center',\n    appearance: 'none',\n    padding: '0 8px 0 16px',\n    height: 'auto',\n    minHeight: '48px',\n  }),\n  dropdownIndicator: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      '& > svg': {\n        fill: isSelectDisabled && theme.Input.placeholderColor,\n      },\n    };\n  },\n  menu: provided => ({\n    ...provided,\n    boxShadow: `0 0 0 1px ${theme.general.primaryColor}, 0 4px 11px hsl(0deg 0% 0% / 10%)`,\n    borderRadius: 12,\n    marginBottom: 0,\n    marginTop: 4,\n    overflowY: 'overlay',\n  }),\n  menuList: provided => ({\n    ...provided,\n    borderRadius: 12,\n    paddingBottom: 0,\n    paddingTop: 0,\n  }),\n  option: (provided, {isMulti, isDisabled, isFocused, isSelected}) => ({\n    ...provided,\n    backgroundColor: theme.Input.backgroundColor,\n    color: theme.general.color,\n    padding: '10px 18px',\n    cursor: isDisabled ? 'not-allowed' : 'pointer',\n    fontSize: '16px',\n    fontWeight: 300,\n    lineHeight: '24px',\n    ...(isSelected &&\n      !isDisabled &&\n      !isMulti && {\n        background: theme.general.primaryColor,\n        borderColor: theme.general.primaryColor,\n        color: theme.Select.contrastTextColor,\n        '&:hover': {\n          backgroundColor: theme.Select.selectedActiveBg,\n        },\n        '&:active': {\n          backgroundColor: theme.general.primaryColor,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.contrastColor,\n        },\n      }),\n    ...(isFocused &&\n      !isDisabled &&\n      !isSelected && {\n        backgroundColor: theme.Select.optionHoverBg,\n        borderColor: theme.Select.optionHoverBg,\n        color: theme.general.color,\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isMulti &&\n      isSelected && {\n        backgroundColor: theme.Input.backgroundColor,\n        '&:hover': {\n          backgroundColor: theme.Select.optionHoverBg,\n        },\n        '&:active': {\n          background: theme.Select.optionHoverBg,\n          boxShadow: `inset 0 0 0 1px ${theme.Select.selectedActiveBg}`,\n          color: theme.general.color,\n        },\n      }),\n    ...(isDisabled && {\n      backgroundColor: theme.Input.backgroundColorDisabled,\n      color: theme.Select.disabledColor,\n      '&:hover, &:active, &:focus': {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      },\n      ...(isFocused && {\n        backgroundColor: theme.Select.borderColor,\n        color: theme.Select.disabledColor,\n      }),\n    }),\n    '&:not(:last-of-type)': {\n      borderBottom: `1px solid ${theme.Select.borderColor}`,\n    },\n    '&:first-of-type': {\n      borderRadius: '12px 12px 0 0',\n    },\n    '&:last-of-type': {\n      borderRadius: '0 0 12px 12px',\n    },\n  }),\n  valueContainer: provided => ({\n    ...provided,\n    padding: 0,\n    width: '100%',\n    display: 'grid',\n  }),\n  singleValue: (provided, selectProps) => {\n    const isSelectDisabled = selectProps.isDisabled;\n    return {\n      ...provided,\n      color: isSelectDisabled ? theme.Input.placeholderColor : theme.general.color,\n    };\n  },\n});\n"],"file":"SelectStyles.js"}
+{"version":3,"file":"SelectStyles.js","sourceRoot":"","sources":["SelectStyles.tsx"],"names":[],"mappings":"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"}

package/src/Form/ShakeBox.d.ts

@@ -8,4 +8,4 @@ export interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {
 export interface ShakeBoxRef {
     shake: () => void;
 }
-export declare const ShakeBox: React.ForwardRefExoticComponent<Pick<ShakeBoxProps, "children" | "cite" | "data" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "color" | "content" | "height" | "translate" | "width" | "hidden" | "className" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "disabled" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "value" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "selected" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "wmode" | "wrap" | "amplitude" | "speed" | "damping" | "threshold"> & React.RefAttributes<ShakeBoxRef>>;
+export declare const ShakeBox: any;

package/src/Form/ShakeBox.js

@@ -1,24 +1,4 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ShakeBox = void 0;
-
-var _react = require("@emotion/react");
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react2 = _interopRequireWildcard(require("react"));
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /*
  * Wire
  * Copyright (C) 2018 Wire Swiss GmbH
@@ -37,68 +17,40 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ShakeBox = void 0;
 /** @jsx jsx */
-var ShakeBox = /*#__PURE__*/_react2["default"].forwardRef(function (_ref, ref) {
-  var children = _ref.children,
-      _ref$amplitude = _ref.amplitude,
-      amplitude = _ref$amplitude === void 0 ? 8 : _ref$amplitude,
-      _ref$damping = _ref.damping,
-      damping = _ref$damping === void 0 ? 0.75 : _ref$damping,
-      _ref$speed = _ref.speed,
-      speed = _ref$speed === void 0 ? 4 : _ref$speed,
-      _ref$threshold = _ref.threshold,
-      threshold = _ref$threshold === void 0 ? 1 : _ref$threshold;
-
-  var _useState = (0, _react2.useState)(0),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      offset = _useState2[0],
-      setOffset = _useState2[1];
-
-  var requestAnimationId = 0;
-
-  var shakeLoop = function shakeLoop(targetOffset) {
-    var currentOffset = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-
-    if (targetOffset > 0 && currentOffset < targetOffset) {
-      currentOffset += speed;
-    } else if (targetOffset < 0 && currentOffset > targetOffset) {
-      currentOffset -= speed;
-    } else {
-      currentOffset = targetOffset - (currentOffset - targetOffset);
-      targetOffset *= -damping;
-    }
-
-    if (Math.abs(targetOffset) >= threshold) {
-      requestAnimationId = requestAnimationFrame(function () {
-        return shakeLoop(targetOffset, currentOffset);
-      });
-    } else {
-      currentOffset = 0;
-    }
-
-    setOffset(currentOffset);
-  };
-
-  (0, _react2.useImperativeHandle)(ref, function () {
-    return {
-      shake: function shake() {
-        cancelAnimationFrame(requestAnimationId);
-        shakeLoop(amplitude);
-      }
-    };
-  });
-  (0, _react2.useEffect)(function () {
-    return function () {
-      return cancelAnimationFrame(requestAnimationId);
+const react_1 = require("@emotion/react");
+const react_2 = require("react");
+exports.ShakeBox = react_2.default.forwardRef(({ children, amplitude = 8, damping = 0.75, speed = 4, threshold = 1 }, ref) => {
+    const [offset, setOffset] = (0, react_2.useState)(0);
+    let requestAnimationId = 0;
+    const shakeLoop = (targetOffset, currentOffset = 0) => {
+        if (targetOffset > 0 && currentOffset < targetOffset) {
+            currentOffset += speed;
+        }
+        else if (targetOffset < 0 && currentOffset > targetOffset) {
+            currentOffset -= speed;
+        }
+        else {
+            currentOffset = targetOffset - (currentOffset - targetOffset);
+            targetOffset *= -damping;
+        }
+        if (Math.abs(targetOffset) >= threshold) {
+            requestAnimationId = requestAnimationFrame(() => shakeLoop(targetOffset, currentOffset));
+        }
+        else {
+            currentOffset = 0;
+        }
+        setOffset(currentOffset);
     };
-  }, []);
-  return (0, _react.jsx)("div", {
-    css: /*#__PURE__*/(0, _react.css)({
-      transform: "translateX(".concat(offset, "px)")
-    }, process.env.NODE_ENV === "production" ? "" : ";label:ShakeBox;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNoYWtlQm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRWdCIiwiZmlsZSI6IlNoYWtlQm94LnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBXaXJlXG4gKiBDb3B5cmlnaHQgKEMpIDIwMTggV2lyZSBTd2lzcyBHbWJIXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGZyZWUgc29mdHdhcmU6IHlvdSBjYW4gcmVkaXN0cmlidXRlIGl0IGFuZC9vciBtb2RpZnlcbiAqIGl0IHVuZGVyIHRoZSB0ZXJtcyBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgYXMgcHVibGlzaGVkIGJ5XG4gKiB0aGUgRnJlZSBTb2Z0d2FyZSBGb3VuZGF0aW9uLCBlaXRoZXIgdmVyc2lvbiAzIG9mIHRoZSBMaWNlbnNlLCBvclxuICogKGF0IHlvdXIgb3B0aW9uKSBhbnkgbGF0ZXIgdmVyc2lvbi5cbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZGlzdHJpYnV0ZWQgaW4gdGhlIGhvcGUgdGhhdCBpdCB3aWxsIGJlIHVzZWZ1bCxcbiAqIGJ1dCBXSVRIT1VUIEFOWSBXQVJSQU5UWTsgd2l0aG91dCBldmVuIHRoZSBpbXBsaWVkIHdhcnJhbnR5IG9mXG4gKiBNRVJDSEFOVEFCSUxJVFkgb3IgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UuIFNlZSB0aGVcbiAqIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGZvciBtb3JlIGRldGFpbHMuXG4gKlxuICogWW91IHNob3VsZCBoYXZlIHJlY2VpdmVkIGEgY29weSBvZiB0aGUgR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2VcbiAqIGFsb25nIHdpdGggdGhpcyBwcm9ncmFtLiBJZiBub3QsIHNlZSBodHRwOi8vd3d3LmdudS5vcmcvbGljZW5zZXMvLlxuICpcbiAqL1xuXG4vKiogQGpzeCBqc3ggKi9cbmltcG9ydCB7anN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VFZmZlY3QsIHVzZUltcGVyYXRpdmVIYW5kbGUsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2hha2VCb3hQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBhbXBsaXR1ZGU/OiBudW1iZXI7XG4gIGRhbXBpbmc/OiBudW1iZXI7XG4gIHNwZWVkPzogbnVtYmVyO1xuICB0aHJlc2hvbGQ/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2hha2VCb3hSZWYge1xuICBzaGFrZTogKCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNoYWtlQm94ID0gUmVhY3QuZm9yd2FyZFJlZjxTaGFrZUJveFJlZiwgU2hha2VCb3hQcm9wcz4oXG4gICh7Y2hpbGRyZW4sIGFtcGxpdHVkZSA9IDgsIGRhbXBpbmcgPSAwLjc1LCBzcGVlZCA9IDQsIHRocmVzaG9sZCA9IDF9OiBTaGFrZUJveFByb3BzLCByZWYpID0+IHtcbiAgICBjb25zdCBbb2Zmc2V0LCBzZXRPZmZzZXRdID0gdXNlU3RhdGUoMCk7XG4gICAgbGV0IHJlcXVlc3RBbmltYXRpb25JZCA9IDA7XG5cbiAgICBjb25zdCBzaGFrZUxvb3AgPSAodGFyZ2V0T2Zmc2V0LCBjdXJyZW50T2Zmc2V0ID0gMCkgPT4ge1xuICAgICAgaWYgKHRhcmdldE9mZnNldCA+IDAgJiYgY3VycmVudE9mZnNldCA8IHRhcmdldE9mZnNldCkge1xuICAgICAgICBjdXJyZW50T2Zmc2V0ICs9IHNwZWVkO1xuICAgICAgfSBlbHNlIGlmICh0YXJnZXRPZmZzZXQgPCAwICYmIGN1cnJlbnRPZmZzZXQgPiB0YXJnZXRPZmZzZXQpIHtcbiAgICAgICAgY3VycmVudE9mZnNldCAtPSBzcGVlZDtcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIGN1cnJlbnRPZmZzZXQgPSB0YXJnZXRPZmZzZXQgLSAoY3VycmVudE9mZnNldCAtIHRhcmdldE9mZnNldCk7XG4gICAgICAgIHRhcmdldE9mZnNldCAqPSAtZGFtcGluZztcbiAgICAgIH1cbiAgICAgIGlmIChNYXRoLmFicyh0YXJnZXRPZmZzZXQpID49IHRocmVzaG9sZCkge1xuICAgICAgICByZXF1ZXN0QW5pbWF0aW9uSWQgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4gc2hha2VMb29wKHRhcmdldE9mZnNldCwgY3VycmVudE9mZnNldCkpO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgY3VycmVudE9mZnNldCA9IDA7XG4gICAgICB9XG4gICAgICBzZXRPZmZzZXQoY3VycmVudE9mZnNldCk7XG4gICAgfTtcblxuICAgIHVzZUltcGVyYXRpdmVIYW5kbGUocmVmLCAoKSA9PiAoe1xuICAgICAgc2hha2U6ICgpID0+IHtcbiAgICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUocmVxdWVzdEFuaW1hdGlvbklkKTtcbiAgICAgICAgc2hha2VMb29wKGFtcGxpdHVkZSk7XG4gICAgICB9LFxuICAgIH0pKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiAoKSA9PiBjYW5jZWxBbmltYXRpb25GcmFtZShyZXF1ZXN0QW5pbWF0aW9uSWQpLCBbXSk7XG5cbiAgICByZXR1cm4gPGRpdiBjc3M9e3t0cmFuc2Zvcm06IGB0cmFuc2xhdGVYKCR7b2Zmc2V0fXB4KWB9fT57Y2hpbGRyZW59PC9kaXY+O1xuICB9LFxuKTtcbiJdfQ== */")
-  }, children);
+    (0, react_2.useImperativeHandle)(ref, () => ({
+        shake: () => {
+            cancelAnimationFrame(requestAnimationId);
+            shakeLoop(amplitude);
+        },
+    }));
+    (0, react_2.useEffect)(() => () => cancelAnimationFrame(requestAnimationId), []);
+    return (0, react_1.jsx)("div", { css: { transform: `translateX(${offset}px)` } }, children);
 });
-
-exports.ShakeBox = ShakeBox;
 //# sourceMappingURL=ShakeBox.js.map

package/src/Form/ShakeBox.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ShakeBox.tsx"],"names":["ShakeBox","React","forwardRef","ref","children","amplitude","damping","speed","threshold","offset","setOffset","requestAnimationId","shakeLoop","targetOffset","currentOffset","Math","abs","requestAnimationFrame","shake","cancelAnimationFrame","transform"],"mappings":";;;;;;;;;;;AAoBA;;;;AACA;;;;;;AArBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AAeO,IAAMA,QAAQ,gBAAGC,mBAAMC,UAAN,CACtB,gBAAqFC,GAArF,EAA6F;AAAA,MAA3FC,QAA2F,QAA3FA,QAA2F;AAAA,4BAAjFC,SAAiF;AAAA,MAAjFA,SAAiF,+BAArE,CAAqE;AAAA,0BAAlEC,OAAkE;AAAA,MAAlEA,OAAkE,6BAAxD,IAAwD;AAAA,wBAAlDC,KAAkD;AAAA,MAAlDA,KAAkD,2BAA1C,CAA0C;AAAA,4BAAvCC,SAAuC;AAAA,MAAvCA,SAAuC,+BAA3B,CAA2B;;AAC3F,kBAA4B,sBAAS,CAAT,CAA5B;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAIC,kBAAkB,GAAG,CAAzB;;AAEA,MAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,YAAD,EAAqC;AAAA,QAAtBC,aAAsB,uEAAN,CAAM;;AACrD,QAAID,YAAY,GAAG,CAAf,IAAoBC,aAAa,GAAGD,YAAxC,EAAsD;AACpDC,MAAAA,aAAa,IAAIP,KAAjB;AACD,KAFD,MAEO,IAAIM,YAAY,GAAG,CAAf,IAAoBC,aAAa,GAAGD,YAAxC,EAAsD;AAC3DC,MAAAA,aAAa,IAAIP,KAAjB;AACD,KAFM,MAEA;AACLO,MAAAA,aAAa,GAAGD,YAAY,IAAIC,aAAa,GAAGD,YAApB,CAA5B;AACAA,MAAAA,YAAY,IAAI,CAACP,OAAjB;AACD;;AACD,QAAIS,IAAI,CAACC,GAAL,CAASH,YAAT,KAA0BL,SAA9B,EAAyC;AACvCG,MAAAA,kBAAkB,GAAGM,qBAAqB,CAAC;AAAA,eAAML,SAAS,CAACC,YAAD,EAAeC,aAAf,CAAf;AAAA,OAAD,CAA1C;AACD,KAFD,MAEO;AACLA,MAAAA,aAAa,GAAG,CAAhB;AACD;;AACDJ,IAAAA,SAAS,CAACI,aAAD,CAAT;AACD,GAfD;;AAiBA,mCAAoBX,GAApB,EAAyB;AAAA,WAAO;AAC9Be,MAAAA,KAAK,EAAE,iBAAM;AACXC,QAAAA,oBAAoB,CAACR,kBAAD,CAApB;AACAC,QAAAA,SAAS,CAACP,SAAD,CAAT;AACD;AAJ6B,KAAP;AAAA,GAAzB;AAOA,yBAAU;AAAA,WAAM;AAAA,aAAMc,oBAAoB,CAACR,kBAAD,CAA1B;AAAA,KAAN;AAAA,GAAV,EAAgE,EAAhE;AAEA,SAAO;AAAK,IAAA,GAAG,+BAAE;AAACS,MAAAA,SAAS,uBAAgBX,MAAhB;AAAV,KAAF;AAAR,KAAmDL,QAAnD,CAAP;AACD,CAhCqB,CAAjB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {jsx} from '@emotion/react';\nimport React, {useEffect, useImperativeHandle, useState} from 'react';\n\nexport interface ShakeBoxProps extends React.HTMLProps<HTMLDivElement> {\n  amplitude?: number;\n  damping?: number;\n  speed?: number;\n  threshold?: number;\n}\n\nexport interface ShakeBoxRef {\n  shake: () => void;\n}\n\nexport const ShakeBox = React.forwardRef<ShakeBoxRef, ShakeBoxProps>(\n  ({children, amplitude = 8, damping = 0.75, speed = 4, threshold = 1}: ShakeBoxProps, ref) => {\n    const [offset, setOffset] = useState(0);\n    let requestAnimationId = 0;\n\n    const shakeLoop = (targetOffset, currentOffset = 0) => {\n      if (targetOffset > 0 && currentOffset < targetOffset) {\n        currentOffset += speed;\n      } else if (targetOffset < 0 && currentOffset > targetOffset) {\n        currentOffset -= speed;\n      } else {\n        currentOffset = targetOffset - (currentOffset - targetOffset);\n        targetOffset *= -damping;\n      }\n      if (Math.abs(targetOffset) >= threshold) {\n        requestAnimationId = requestAnimationFrame(() => shakeLoop(targetOffset, currentOffset));\n      } else {\n        currentOffset = 0;\n      }\n      setOffset(currentOffset);\n    };\n\n    useImperativeHandle(ref, () => ({\n      shake: () => {\n        cancelAnimationFrame(requestAnimationId);\n        shakeLoop(amplitude);\n      },\n    }));\n\n    useEffect(() => () => cancelAnimationFrame(requestAnimationId), []);\n\n    return <div css={{transform: `translateX(${offset}px)`}}>{children}</div>;\n  },\n);\n"],"file":"ShakeBox.js"}
+{"version":3,"file":"ShakeBox.js","sourceRoot":"","sources":["ShakeBox.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;GAiBG;;;AAEH,eAAe;AACf,0CAAmC;AACnC,iCAAsE;AAazD,QAAA,QAAQ,GAAG,eAAK,CAAC,UAAU,CACtC,CAAC,EAAC,QAAQ,EAAE,SAAS,GAAG,CAAC,EAAE,OAAO,GAAG,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,CAAC,EAAgB,EAAE,GAAG,EAAE,EAAE;IAC1F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC;IACxC,IAAI,kBAAkB,GAAG,CAAC,CAAC;IAE3B,MAAM,SAAS,GAAG,CAAC,YAAY,EAAE,aAAa,GAAG,CAAC,EAAE,EAAE;QACpD,IAAI,YAAY,GAAG,CAAC,IAAI,aAAa,GAAG,YAAY,EAAE;YACpD,aAAa,IAAI,KAAK,CAAC;SACxB;aAAM,IAAI,YAAY,GAAG,CAAC,IAAI,aAAa,GAAG,YAAY,EAAE;YAC3D,aAAa,IAAI,KAAK,CAAC;SACxB;aAAM;YACL,aAAa,GAAG,YAAY,GAAG,CAAC,aAAa,GAAG,YAAY,CAAC,CAAC;YAC9D,YAAY,IAAI,CAAC,OAAO,CAAC;SAC1B;QACD,IAAI,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,SAAS,EAAE;YACvC,kBAAkB,GAAG,qBAAqB,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC,CAAC;SAC1F;aAAM;YACL,aAAa,GAAG,CAAC,CAAC;SACnB;QACD,SAAS,CAAC,aAAa,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,IAAA,2BAAmB,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,KAAK,EAAE,GAAG,EAAE;YACV,oBAAoB,CAAC,kBAAkB,CAAC,CAAC;YACzC,SAAS,CAAC,SAAS,CAAC,CAAC;QACvB,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,IAAA,iBAAS,EAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,kBAAkB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEpE,OAAO,0BAAK,GAAG,EAAE,EAAC,SAAS,EAAE,cAAc,MAAM,KAAK,EAAC,IAAG,QAAQ,CAAO,CAAC;AAC5E,CAAC,CACF,CAAC"}