matsuri-ui 18.0.1-alpha-1759583592628-ecfdd4e.0 → 18.0.1-alpha-1759717166638-e2ccbbc.0

package/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["useFieldGroup","useTheme","ShimmerEffect","css","keyframes","useClickAnimation","React","forwardRef","jsx","___EmotionJSX","fade","_templateObject","_taggedTemplateLiteralLoose","wave","_templateObject2","resetButtonStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","defaultElement","_ref","_ref2","_ref3","Button","_ref4","ref","icon","endIcon","children","as","onClick","propsOnClick","variant","size","color","rounded","fullWidth","loading","propsLoading","readOnly","propsReadOnly","disabled","props","_objectWithoutPropertiesLoose","_excluded","Component","clicked","onAnimationEnd","theme","hasChildren","undefined","hasIcon","hasEndIcon","onlyIcon","expanded","Error","active","_extends","transitions","duration","shortest","easing","easeIn","palette","action","gray","intentions","main","shadows","disabledBackground","text","primary","contrastText","dark","hover","typography","button","fontSize","height","minHeight","padding","borderRadius","width","marginRight","marginLeft"],"sources":["../../../src/Button/Button.tsx"],"sourcesContent":["import { AsComponentProp, ComponentWithAs } from \"../AsComponentProps\";\nimport { FieldGroupContextValue, useFieldGroup } from \"../FieldGroup\";\nimport { PartialColorProps, useTheme } from \"../theme\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { css, keyframes } from \"@emotion/react\";\nimport { useClickAnimation } from \"../hooks/useClickAnimation\";\nimport React, { forwardRef } from \"react\";\n\nconst fade = keyframes`\n  100% {\n      opacity: 0;\n  }\n`;\nconst wave = keyframes`\n  100% {\n      box-shadow: 0 0 0 6px currentcolor;\n  }\n`;\n\nexport const resetButtonStyle = css`\n  position: relative;\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 0px;\n  margin: 0px;\n  font: inherit;\n  color: inherit;\n  text-align: center;\n  text-decoration: none;\n  white-space: nowrap;\n  touch-action: manipulation;\n  cursor: pointer;\n  user-select: none;\n  background-color: transparent;\n  border: none;\n  appearance: none;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:focus:not(:focus-visible) {\n    outline: none;\n  }\n`;\n\nexport interface BaseButtonProps\n  extends PartialColorProps,\n    FieldGroupContextValue {\n  children?: React.ReactNode;\n  /**\n   * ボタンの見た目を指定します。\n   *\n   * @default text\n   */\n  variant?: \"filled\" | \"outlined\" | \"text\";\n  /**\n   * アイコンとして入れる要素を指定します。\n   *\n   * @default null\n   */\n  icon?: React.ReactNode;\n  /**\n   * 文字列の後ろに入れるアイコンの要素を指定します。\n   * iconが指定されておらず、childrenがある場合のみ表示できます。\n   *\n   * @default null\n   */\n  endIcon?: React.ReactNode;\n  /**\n   * ボタンに丸みをつけます\n   *\n   * @default false\n   */\n  rounded?: boolean;\n  /**\n   * 最大限幅を大きくします。\n   *\n   * @default false\n   */\n  fullWidth?: boolean;\n  /**\n   * Use readOnly instead\n   */\n  disabled?: boolean;\n  /**\n   * 大きさを指定します。\n   *\n   * @default medium\n   */\n  size?: \"small\" | \"medium\" | \"large\" | \"xlarge\";\n}\n/**\n## 仕様について\n\n### カラーリング\n\nButton要素に対して親のカラーを継承したいという需要が理解できなかったため、\nデフォルトの挙動はinheritではなく、Themeの`palette.text.primary`をメインカラーをとしたものになります。\n\n### Icon\n\n近年、Floating Action Button (FAB)に代表されるアイコンのみのボタンが多く用いられるようになってきました。\nこのコンポーネントでもその需要に対応するため、icon属性を導入しています。\n\n子要素を指定せずicon属性を指定した場合、Button要素はrounded属性の有無によって正円または正方形になります。\nrounded属性を指定した場合のButton要素はFAB相当です。\n\nまた子要素が指定された場合、いわゆるExpanded FABと言われるコンポーネントと同等の見た目になります。\nこのときicon属性に指定した要素の右側には自動でマージンが入ります。\n\n\n## Button要素のパターンを増やしたい場合\n\nvariant属性は見た目のみを変化させるべきです。variantの値によって色や形状を変化させてはいけません。\n\nrounded属性は唯一形状を変化させます。ですが属性による形状の変化はそれが同一のコンポーネントである限り最低限であるべきです。\nもしrounded以外に形状を変化させる属性を追加したいと思ったなら、別コンポーネントとして切り出せないか検討してください。\n */\n\nconst defaultElement: keyof React.JSX.IntrinsicElements = \"button\";\n\n/*\nexport type ButtonProps<E> = E extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    ? MergeElementProps<E, BaseButtonProps> & {\n          as: E\n      }\n    : E extends never\n    ? MergeElementProps<\"button\", BaseButtonProps>\n    : never\n*/\n\nexport type ButtonProps<E extends React.ElementType = \"button\"> =\n  AsComponentProp<E, BaseButtonProps>;\n\nexport const Button = forwardRef(\n  <E extends React.ElementType = \"button\">(\n    {\n      icon,\n      endIcon,\n      children,\n      as,\n      onClick: propsOnClick,\n      variant = \"text\",\n      size = \"medium\",\n      color = \"default\",\n      rounded = false,\n      fullWidth,\n      loading: propsLoading,\n      readOnly: propsReadOnly,\n      disabled,\n      ...props\n    }: ButtonProps<E>,\n    ref: React.ForwardedRef<E>,\n  ) => {\n    const Component: React.ElementType = as ?? defaultElement;\n    const { clicked, onClick, onAnimationEnd } =\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      useClickAnimation(propsOnClick);\n    const theme = useTheme();\n    /**\n     * flags\n     */\n    const hasChildren = children !== undefined && children !== null;\n    const hasIcon = icon !== undefined && icon !== null;\n    const hasEndIcon = endIcon !== undefined && endIcon !== null;\n    const onlyIcon = hasIcon && hasChildren === false;\n    const expanded = hasIcon && hasChildren;\n    if ((hasEndIcon && hasChildren === false) || (onlyIcon && hasEndIcon)) {\n      throw new Error(\"endIcon can only be used when children is specified.\");\n    }\n    /**\n     * loading\n     */\n    const { loading, readOnly } = useFieldGroup({\n      loading: propsLoading,\n      readOnly: propsReadOnly,\n    });\n    return (\n      <ShimmerEffect active={loading}>\n        <Component\n          css={[\n            resetButtonStyle,\n            css`\n              border: 1px solid transparent;\n              outline: 0;\n              transition:\n                background-color ${theme.transitions.duration.shortest}\n                  ${theme.transitions.easing.easeIn},\n                border-color ${theme.transitions.duration.shortest}\n                  ${theme.transitions.easing.easeIn};\n              &:hover {\n                transition: none;\n              }\n              &::selection {\n                color: inherit;\n                background-color: transparent;\n              }\n              &:disabled {\n                color: ${theme.palette.action.disabled};\n                text-shadow: none;\n              }\n              &::after {\n                position: absolute;\n                top: -1px;\n                right: -1px;\n                bottom: -1px;\n                left: -1px;\n                z-index: 1;\n                display: block;\n                color: ${color === \"default\"\n                  ? theme.palette.gray[600]\n                  : theme.palette.intentions[color].main};\n                pointer-events: none;\n                content: \"\";\n                border-radius: inherit;\n                opacity: 0.2;\n                transform: scale(1);\n              }\n              &[data-clicked=\"true\"]::after {\n                animation:\n                  ${fade} 2s cubic-bezier(0.08, 0.82, 0.17, 1),\n                  ${wave} 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);\n              }\n            `,\n            variant === \"filled\"\n              ? css`\n                  box-shadow: ${theme.shadows[1]};\n                  &:hover {\n                    box-shadow: ${theme.shadows[3]};\n                  }\n                  &:disabled {\n                    color: ${theme.palette.action.disabled};\n                    background-color: ${theme.palette.action\n                      .disabledBackground};\n                    border-color: ${theme.palette.action.disabledBackground};\n                    box-shadow: none;\n                  }\n                `\n              : null,\n            variant === \"filled\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                    background-color: ${theme.palette.gray[50]};\n                    border-color: ${theme.palette.gray[50]};\n                    &:active {\n                      background-color: ${theme.palette.gray[100]};\n                      border-color: ${theme.palette.gray[100]};\n                    }\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].contrastText};\n                    background-color: ${theme.palette.intentions[color].main};\n                    border-color: ${theme.palette.intentions[color].main};\n                    &:active {\n                      background-color: ${theme.palette.intentions[color].dark};\n                      border-color: ${theme.palette.intentions[color].dark};\n                    }\n                  `\n              : null,\n            variant === \"outlined\"\n              ? css`\n                  &:disabled {\n                    color: ${theme.palette.action.disabled};\n                    border-color: ${theme.palette.action.disabledBackground};\n                  }\n                  &::before {\n                    position: absolute;\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    pointer-events: none;\n                    content: \"\";\n                    background-color: ${color === \"default\"\n                      ? theme.palette.gray[600]\n                      : theme.palette.intentions[color].main};\n                    border-radius: inherit;\n                    opacity: 0;\n                    transition: opacity ${theme.transitions.duration.shortest}\n                      ${theme.transitions.easing.easeIn};\n                  }\n\n                  &:hover::before {\n                    opacity: 0.08;\n                  }\n                `\n              : null,\n            variant === \"outlined\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                    background-color: white;\n                    border-color: ${theme.palette.action.disabled};\n                    &:active {\n                      border-color: ${theme.palette.gray[500]};\n                    }\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].main};\n                    background-color: ${theme.palette.intentions[color]\n                      .contrastText};\n                    border-color: ${theme.palette.intentions[color].main};\n                    &:active {\n                      border-color: ${theme.palette.intentions[color].dark};\n                    }\n                  `\n              : null,\n            variant === \"text\"\n              ? css`\n                  text-decoration: underline;\n                  transition-property: background-color;\n                  &:disabled {\n                    color: ${theme.palette.text.disabled};\n                  }\n                  @media (any-hover: hover) {\n                    &:hover {\n                      background-color: ${theme.palette.action.hover};\n                    }\n                  }\n                  @media not all and (any-hover: hover) {\n                    &[data-clicked=\"true\"] {\n                      background-color: ${theme.palette.action.hover};\n                    }\n                  }\n                `\n              : null,\n            variant === \"text\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].main};\n                  `\n              : null,\n            theme.typography.button,\n            size === \"small\"\n              ? {\n                  fontSize: theme.typography.button.fontSize * 0.8,\n                  height: 32,\n                  minHeight: 32,\n                  padding: \"4px 10px\",\n                  borderRadius: rounded ? 16 : 4,\n                }\n              : size === \"medium\"\n                ? {\n                    height: 42,\n                    minHeight: 42,\n                    padding: `4px 16px`,\n                    borderRadius: rounded ? 21 : 4,\n                  }\n                : size === \"large\"\n                  ? {\n                      fontSize: theme.typography.button.fontSize * 1.1,\n                      height: 48,\n                      minHeight: 48,\n                      padding: `6px 22px`,\n                      borderRadius: rounded ? 24 : 4,\n                    }\n                  : {\n                      fontSize: theme.typography.button.fontSize * 1.1,\n                      height: 56,\n                      minHeight: 56,\n                      padding: `6px 22px`,\n                      borderRadius: rounded ? 28 : 4,\n                    },\n            onlyIcon\n              ? size === \"small\"\n                ? {\n                    width: 32,\n                    padding: 0,\n                  }\n                : size === \"medium\"\n                  ? {\n                      width: 42,\n                      padding: 0,\n                    }\n                  : size === \"large\"\n                    ? {\n                        width: 48,\n                        padding: 0,\n                      }\n                    : {\n                        width: 56,\n                        padding: 0,\n                      }\n              : null,\n            fullWidth &&\n              css`\n                flex: 1 1 100%;\n                width: 100%;\n                max-width: 100%;\n              `,\n          ]}\n          ref={ref}\n          {...props}\n          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n          disabled={disabled || readOnly}\n          onClick={onClick}\n          onAnimationEnd={onAnimationEnd}\n          data-clicked={clicked}\n        >\n          {hasIcon ? (\n            <span\n              css={[\n                expanded\n                  ? {\n                      marginRight: size === \"small\" ? 4 : 8,\n                    }\n                  : null,\n                css`\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                `,\n              ]}\n            >\n              {icon}\n            </span>\n          ) : null}\n          {children}\n          {hasEndIcon ? (\n            <span\n              css={[\n                {\n                  marginLeft: size === \"small\" ? 4 : 8,\n                },\n                css`\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                `,\n              ]}\n            >\n              {endIcon}\n            </span>\n          ) : null}\n        </Component>\n      </ShimmerEffect>\n    );\n  },\n) as ComponentWithAs<\"button\", BaseButtonProps>;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["css","keyframes","React","forwardRef","useFieldGroup","useTheme","ShimmerEffect","useClickAnimation","jsx","___EmotionJSX","fade","_templateObject","_taggedTemplateLiteralLoose","wave","_templateObject2","resetButtonStyle","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","defaultElement","_ref","_ref2","_ref3","Button","_ref4","ref","icon","endIcon","children","as","onClick","propsOnClick","variant","size","color","rounded","fullWidth","loading","propsLoading","readOnly","propsReadOnly","disabled","props","_objectWithoutPropertiesLoose","_excluded","Component","clicked","onAnimationEnd","theme","hasChildren","undefined","hasIcon","hasEndIcon","onlyIcon","expanded","Error","active","_extends","transitions","duration","shortest","easing","easeIn","palette","action","gray","intentions","main","shadows","disabledBackground","text","primary","contrastText","dark","hover","typography","button","fontSize","height","minHeight","padding","borderRadius","width","marginRight","marginLeft"],"sources":["../../../src/Button/Button.tsx"],"sourcesContent":["import { css, keyframes } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\nimport { AsComponentProp, ComponentWithAs } from \"../AsComponentProps\";\nimport { FieldGroupContextValue, useFieldGroup } from \"../FieldGroup\";\nimport { PartialColorProps, useTheme } from \"../theme\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { useClickAnimation } from \"../hooks/useClickAnimation\";\n\nconst fade = keyframes`\n  100% {\n      opacity: 0;\n  }\n`;\nconst wave = keyframes`\n  100% {\n      box-shadow: 0 0 0 6px currentcolor;\n  }\n`;\n\nexport const resetButtonStyle = css`\n  position: relative;\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 0px;\n  margin: 0px;\n  font: inherit;\n  color: inherit;\n  text-align: center;\n  text-decoration: none;\n  white-space: nowrap;\n  touch-action: manipulation;\n  cursor: pointer;\n  user-select: none;\n  background-color: transparent;\n  border: none;\n  appearance: none;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:focus:not(:focus-visible) {\n    outline: none;\n  }\n`;\n\nexport interface BaseButtonProps\n  extends PartialColorProps,\n    FieldGroupContextValue {\n  children?: React.ReactNode;\n  /**\n   * ボタンの見た目を指定します。\n   *\n   * @default text\n   */\n  variant?: \"filled\" | \"outlined\" | \"text\";\n  /**\n   * アイコンとして入れる要素を指定します。\n   *\n   * @default null\n   */\n  icon?: React.ReactNode;\n  /**\n   * 文字列の後ろに入れるアイコンの要素を指定します。\n   * iconが指定されておらず、childrenがある場合のみ表示できます。\n   *\n   * @default null\n   */\n  endIcon?: React.ReactNode;\n  /**\n   * ボタンに丸みをつけます\n   *\n   * @default false\n   */\n  rounded?: boolean;\n  /**\n   * 最大限幅を大きくします。\n   *\n   * @default false\n   */\n  fullWidth?: boolean;\n  /**\n   * Use readOnly instead\n   */\n  disabled?: boolean;\n  /**\n   * 大きさを指定します。\n   *\n   * @default medium\n   */\n  size?: \"small\" | \"medium\" | \"large\" | \"xlarge\";\n}\n/**\n## 仕様について\n\n### カラーリング\n\nButton要素に対して親のカラーを継承したいという需要が理解できなかったため、\nデフォルトの挙動はinheritではなく、Themeの`palette.text.primary`をメインカラーをとしたものになります。\n\n### Icon\n\n近年、Floating Action Button (FAB)に代表されるアイコンのみのボタンが多く用いられるようになってきました。\nこのコンポーネントでもその需要に対応するため、icon属性を導入しています。\n\n子要素を指定せずicon属性を指定した場合、Button要素はrounded属性の有無によって正円または正方形になります。\nrounded属性を指定した場合のButton要素はFAB相当です。\n\nまた子要素が指定された場合、いわゆるExpanded FABと言われるコンポーネントと同等の見た目になります。\nこのときicon属性に指定した要素の右側には自動でマージンが入ります。\n\n\n## Button要素のパターンを増やしたい場合\n\nvariant属性は見た目のみを変化させるべきです。variantの値によって色や形状を変化させてはいけません。\n\nrounded属性は唯一形状を変化させます。ですが属性による形状の変化はそれが同一のコンポーネントである限り最低限であるべきです。\nもしrounded以外に形状を変化させる属性を追加したいと思ったなら、別コンポーネントとして切り出せないか検討してください。\n */\n\nconst defaultElement: keyof React.JSX.IntrinsicElements = \"button\";\n\n/*\nexport type ButtonProps<E> = E extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    ? MergeElementProps<E, BaseButtonProps> & {\n          as: E\n      }\n    : E extends never\n    ? MergeElementProps<\"button\", BaseButtonProps>\n    : never\n*/\n\nexport type ButtonProps<E extends React.ElementType = \"button\"> =\n  AsComponentProp<E, BaseButtonProps>;\n\nexport const Button = forwardRef(\n  <E extends React.ElementType = \"button\">(\n    {\n      icon,\n      endIcon,\n      children,\n      as,\n      onClick: propsOnClick,\n      variant = \"text\",\n      size = \"medium\",\n      color = \"default\",\n      rounded = false,\n      fullWidth,\n      loading: propsLoading,\n      readOnly: propsReadOnly,\n      disabled,\n      ...props\n    }: ButtonProps<E>,\n    ref: React.ForwardedRef<E>,\n  ) => {\n    const Component: React.ElementType = as ?? defaultElement;\n    const { clicked, onClick, onAnimationEnd } =\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      useClickAnimation(propsOnClick);\n    const theme = useTheme();\n    /**\n     * flags\n     */\n    const hasChildren = children !== undefined && children !== null;\n    const hasIcon = icon !== undefined && icon !== null;\n    const hasEndIcon = endIcon !== undefined && endIcon !== null;\n    const onlyIcon = hasIcon && hasChildren === false;\n    const expanded = hasIcon && hasChildren;\n    if ((hasEndIcon && hasChildren === false) || (onlyIcon && hasEndIcon)) {\n      throw new Error(\"endIcon can only be used when children is specified.\");\n    }\n    /**\n     * loading\n     */\n    const { loading, readOnly } = useFieldGroup({\n      loading: propsLoading,\n      readOnly: propsReadOnly,\n    });\n    return (\n      <ShimmerEffect active={loading}>\n        <Component\n          css={[\n            resetButtonStyle,\n            css`\n              border: 1px solid transparent;\n              outline: 0;\n              transition:\n                background-color ${theme.transitions.duration.shortest}\n                  ${theme.transitions.easing.easeIn},\n                border-color ${theme.transitions.duration.shortest}\n                  ${theme.transitions.easing.easeIn};\n              &:hover {\n                transition: none;\n              }\n              &::selection {\n                color: inherit;\n                background-color: transparent;\n              }\n              &:disabled {\n                color: ${theme.palette.action.disabled};\n                text-shadow: none;\n              }\n              &::after {\n                position: absolute;\n                top: -1px;\n                right: -1px;\n                bottom: -1px;\n                left: -1px;\n                z-index: 1;\n                display: block;\n                color: ${color === \"default\"\n                  ? theme.palette.gray[600]\n                  : theme.palette.intentions[color].main};\n                pointer-events: none;\n                content: \"\";\n                border-radius: inherit;\n                opacity: 0.2;\n                transform: scale(1);\n              }\n              &[data-clicked=\"true\"]::after {\n                animation:\n                  ${fade} 2s cubic-bezier(0.08, 0.82, 0.17, 1),\n                  ${wave} 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);\n              }\n            `,\n            variant === \"filled\"\n              ? css`\n                  box-shadow: ${theme.shadows[1]};\n                  &:hover {\n                    box-shadow: ${theme.shadows[3]};\n                  }\n                  &:disabled {\n                    color: ${theme.palette.action.disabled};\n                    background-color: ${theme.palette.action\n                      .disabledBackground};\n                    border-color: ${theme.palette.action.disabledBackground};\n                    box-shadow: none;\n                  }\n                `\n              : null,\n            variant === \"filled\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                    background-color: ${theme.palette.gray[50]};\n                    border-color: ${theme.palette.gray[50]};\n                    &:active {\n                      background-color: ${theme.palette.gray[100]};\n                      border-color: ${theme.palette.gray[100]};\n                    }\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].contrastText};\n                    background-color: ${theme.palette.intentions[color].main};\n                    border-color: ${theme.palette.intentions[color].main};\n                    &:active {\n                      background-color: ${theme.palette.intentions[color].dark};\n                      border-color: ${theme.palette.intentions[color].dark};\n                    }\n                  `\n              : null,\n            variant === \"outlined\"\n              ? css`\n                  &:disabled {\n                    color: ${theme.palette.action.disabled};\n                    border-color: ${theme.palette.action.disabledBackground};\n                  }\n                  &::before {\n                    position: absolute;\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    pointer-events: none;\n                    content: \"\";\n                    background-color: ${color === \"default\"\n                      ? theme.palette.gray[600]\n                      : theme.palette.intentions[color].main};\n                    border-radius: inherit;\n                    opacity: 0;\n                    transition: opacity ${theme.transitions.duration.shortest}\n                      ${theme.transitions.easing.easeIn};\n                  }\n\n                  &:hover::before {\n                    opacity: 0.08;\n                  }\n                `\n              : null,\n            variant === \"outlined\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                    background-color: white;\n                    border-color: ${theme.palette.action.disabled};\n                    &:active {\n                      border-color: ${theme.palette.gray[500]};\n                    }\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].main};\n                    background-color: ${theme.palette.intentions[color]\n                      .contrastText};\n                    border-color: ${theme.palette.intentions[color].main};\n                    &:active {\n                      border-color: ${theme.palette.intentions[color].dark};\n                    }\n                  `\n              : null,\n            variant === \"text\"\n              ? css`\n                  text-decoration: underline;\n                  transition-property: background-color;\n                  &:disabled {\n                    color: ${theme.palette.text.disabled};\n                  }\n                  @media (any-hover: hover) {\n                    &:hover {\n                      background-color: ${theme.palette.action.hover};\n                    }\n                  }\n                  @media not all and (any-hover: hover) {\n                    &[data-clicked=\"true\"] {\n                      background-color: ${theme.palette.action.hover};\n                    }\n                  }\n                `\n              : null,\n            variant === \"text\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].main};\n                  `\n              : null,\n            theme.typography.button,\n            size === \"small\"\n              ? {\n                  fontSize: theme.typography.button.fontSize * 0.8,\n                  height: 32,\n                  minHeight: 32,\n                  padding: \"4px 10px\",\n                  borderRadius: rounded ? 16 : 4,\n                }\n              : size === \"medium\"\n                ? {\n                    height: 42,\n                    minHeight: 42,\n                    padding: `4px 16px`,\n                    borderRadius: rounded ? 21 : 4,\n                  }\n                : size === \"large\"\n                  ? {\n                      fontSize: theme.typography.button.fontSize * 1.1,\n                      height: 48,\n                      minHeight: 48,\n                      padding: `6px 22px`,\n                      borderRadius: rounded ? 24 : 4,\n                    }\n                  : {\n                      fontSize: theme.typography.button.fontSize * 1.1,\n                      height: 56,\n                      minHeight: 56,\n                      padding: `6px 22px`,\n                      borderRadius: rounded ? 28 : 4,\n                    },\n            onlyIcon\n              ? size === \"small\"\n                ? {\n                    width: 32,\n                    padding: 0,\n                  }\n                : size === \"medium\"\n                  ? {\n                      width: 42,\n                      padding: 0,\n                    }\n                  : size === \"large\"\n                    ? {\n                        width: 48,\n                        padding: 0,\n                      }\n                    : {\n                        width: 56,\n                        padding: 0,\n                      }\n              : null,\n            fullWidth &&\n              css`\n                flex: 1 1 100%;\n                width: 100%;\n                max-width: 100%;\n              `,\n          ]}\n          ref={ref}\n          {...props}\n          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n          disabled={disabled || readOnly}\n          onClick={onClick}\n          onAnimationEnd={onAnimationEnd}\n          data-clicked={clicked}\n        >\n          {hasIcon ? (\n            <span\n              css={[\n                expanded\n                  ? {\n                      marginRight: size === \"small\" ? 4 : 8,\n                    }\n                  : null,\n                css`\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                `,\n              ]}\n            >\n              {icon}\n            </span>\n          ) : null}\n          {children}\n          {hasEndIcon ? (\n            <span\n              css={[\n                {\n                  marginLeft: size === \"small\" ? 4 : 8,\n                },\n                css`\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                `,\n              ]}\n            >\n              {endIcon}\n            </span>\n          ) : null}\n        </Component>\n      </ShimmerEffect>\n    );\n  },\n) as ComponentWithAs<\"button\", BaseButtonProps>;\n"],"mappings":";;;;;;AAAA,SAASA,GAAG,EAAEC,SAAS,QAAQ,gBAAgB;AAC/C,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAAiCC,aAAa,QAAQ,eAAe;AACrE,SAA4BC,QAAQ,QAAQ,UAAU;AACtD,SAASC,aAAa,QAAQ,kBAAkB;AAChD,SAASC,iBAAiB,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAE/D,IAAMC,IAAI,GAAGT,SAAS,CAAAU,eAAA,KAAAA,eAAA,GAAAC,2BAAA,4CAIrB;AACD,IAAMC,IAAI,GAAGZ,SAAS,CAAAa,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA,oEAIrB;AAED,OAAO,IAAMG,gBAAgB,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CA0B5B;AAgDD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,cAAiD,GAAG,QAAQ;;AAElE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,IAAAC,IAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAG,KAAA,GAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAI,KAAA,GAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAeA,OAAO,IAAMK,MAAM,gBAAGxB,UAAU,CAC9B,CAAAyB,KAAA,EAiBEC,GAA0B,KACvB;EAAA,IAjBH;MACEC,IAAI;MACJC,OAAO;MACPC,QAAQ;MACRC,EAAE;MACFC,OAAO,EAAEC,YAAY;MACrBC,OAAO,GAAG,MAAM;MAChBC,IAAI,GAAG,QAAQ;MACfC,KAAK,GAAG,SAAS;MACjBC,OAAO,GAAG,KAAK;MACfC,SAAS;MACTC,OAAO,EAAEC,YAAY;MACrBC,QAAQ,EAAEC,aAAa;MACvBC;IAEc,CAAC,GAAAjB,KAAA;IADZkB,KAAK,GAAAC,6BAAA,CAAAnB,KAAA,EAAAoB,SAAA;EAIV,IAAMC,SAA4B,GAAGhB,EAAE,WAAFA,EAAE,GAAIV,cAAc;EACzD,IAAM;IAAE2B,OAAO;IAAEhB,OAAO;IAAEiB;EAAe,CAAC;EACxC;EACA5C,iBAAiB,CAAC4B,YAAY,CAAC;EACjC,IAAMiB,KAAK,GAAG/C,QAAQ,CAAC,CAAC;EACxB;AACJ;AACA;EACI,IAAMgD,WAAW,GAAGrB,QAAQ,KAAKsB,SAAS,IAAItB,QAAQ,KAAK,IAAI;EAC/D,IAAMuB,OAAO,GAAGzB,IAAI,KAAKwB,SAAS,IAAIxB,IAAI,KAAK,IAAI;EACnD,IAAM0B,UAAU,GAAGzB,OAAO,KAAKuB,SAAS,IAAIvB,OAAO,KAAK,IAAI;EAC5D,IAAM0B,QAAQ,GAAGF,OAAO,IAAIF,WAAW,KAAK,KAAK;EACjD,IAAMK,QAAQ,GAAGH,OAAO,IAAIF,WAAW;EACvC,IAAKG,UAAU,IAAIH,WAAW,KAAK,KAAK,IAAMI,QAAQ,IAAID,UAAW,EAAE;IACrE,MAAM,IAAIG,KAAK,CAAC,sDAAsD,CAAC;EACzE;EACA;AACJ;AACA;EACI,IAAM;IAAElB,OAAO;IAAEE;EAAS,CAAC,GAAGvC,aAAa,CAAC;IAC1CqC,OAAO,EAAEC,YAAY;IACrBC,QAAQ,EAAEC;EACZ,CAAC,CAAC;EACF,OACEnC,aAAA,CAACH,aAAa;IAACsD,MAAM,EAAEnB;EAAQ,GAC7BhC,aAAA,CAACwC,SAAS,EAAAY,QAAA;IACR7D,GAAG,GACDe,gBAAgB,eAChBf,GAAG,wEAIoBoD,KAAK,CAACU,WAAW,CAACC,QAAQ,CAACC,QAAQ,OAClDZ,KAAK,CAACU,WAAW,CAACG,MAAM,CAACC,MAAM,oBACpBd,KAAK,CAACU,WAAW,CAACC,QAAQ,CAACC,QAAQ,OAC9CZ,KAAK,CAACU,WAAW,CAACG,MAAM,CAACC,MAAM,0GAS1Bd,KAAK,CAACe,OAAO,CAACC,MAAM,CAACvB,QAAQ,4HAW7BP,KAAK,KAAK,SAAS,GACxBc,KAAK,CAACe,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,GACvBjB,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAACiC,IAAI,wIASpC7D,IAAI,4CACJG,IAAI,iDAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,qqoBAGZkB,OAAO,KAAK,QAAQ,gBAChBpC,GAAG,gBACaoD,KAAK,CAACoB,OAAO,CAAC,CAAC,CAAC,0BAEdpB,KAAK,CAACoB,OAAO,CAAC,CAAC,CAAC,yBAGrBpB,KAAK,CAACe,OAAO,CAACC,MAAM,CAACvB,QAAQ,wBAClBO,KAAK,CAACe,OAAO,CAACC,MAAM,CACrCK,kBAAkB,oBACLrB,KAAK,CAACe,OAAO,CAACC,MAAM,CAACK,kBAAkB,0BAAAzD,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,sqoBAI3D,IAAI,EACRkB,OAAO,KAAK,QAAQ,GAChBE,KAAK,KAAK,SAAS,gBACjBtC,GAAG,WACQoD,KAAK,CAACe,OAAO,CAACO,IAAI,CAACC,OAAO,wBACfvB,KAAK,CAACe,OAAO,CAACE,IAAI,CAAC,EAAE,CAAC,oBAC1BjB,KAAK,CAACe,OAAO,CAACE,IAAI,CAAC,EAAE,CAAC,iCAEhBjB,KAAK,CAACe,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,oBAC3BjB,KAAK,CAACe,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,UAAArD,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,mroBAG3ClB,GAAG,WACQoD,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAACsC,YAAY,wBACjCxB,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAACiC,IAAI,oBACxCnB,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAACiC,IAAI,iCAE9BnB,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAACuC,IAAI,oBACxCzB,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAACuC,IAAI,UAAA7D,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,mqoBAEvD,GACH,IAAI,EACRkB,OAAO,KAAK,UAAU,gBAClBpC,GAAG,sBAEUoD,KAAK,CAACe,OAAO,CAACC,MAAM,CAACvB,QAAQ,oBACtBO,KAAK,CAACe,OAAO,CAACC,MAAM,CAACK,kBAAkB,2HASnCnC,KAAK,KAAK,SAAS,GACnCc,KAAK,CAACe,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,GACvBjB,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAACiC,IAAI,0DAGlBnB,KAAK,CAACU,WAAW,CAACC,QAAQ,CAACC,QAAQ,OACrDZ,KAAK,CAACU,WAAW,CAACG,MAAM,CAACC,MAAM,wCAAAlD,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,sqoBAOvC,IAAI,EACRkB,OAAO,KAAK,UAAU,GAClBE,KAAK,KAAK,SAAS,gBACjBtC,GAAG,WACQoD,KAAK,CAACe,OAAO,CAACO,IAAI,CAACC,OAAO,2CAEnBvB,KAAK,CAACe,OAAO,CAACC,MAAM,CAACvB,QAAQ,6BAE3BO,KAAK,CAACe,OAAO,CAACE,IAAI,CAAC,GAAG,CAAC,UAAArD,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,mroBAG3ClB,GAAG,WACQoD,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAACiC,IAAI,wBACzBnB,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAChDsC,YAAY,oBACCxB,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAACiC,IAAI,6BAElCnB,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAACuC,IAAI,UAAA7D,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,mqoBAEvD,GACH,IAAI,EACRkB,OAAO,KAAK,MAAM,gBACdpC,GAAG,qFAIUoD,KAAK,CAACe,OAAO,CAACO,IAAI,CAAC7B,QAAQ,2DAIdO,KAAK,CAACe,OAAO,CAACC,MAAM,CAACU,KAAK,yFAK1B1B,KAAK,CAACe,OAAO,CAACC,MAAM,CAACU,KAAK,WAAA9D,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,sqoBAIpD,IAAI,EACRkB,OAAO,KAAK,MAAM,GACdE,KAAK,KAAK,SAAS,gBACjBtC,GAAG,WACQoD,KAAK,CAACe,OAAO,CAACO,IAAI,CAACC,OAAO,SAAA3D,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,mroBAErClB,GAAG,WACQoD,KAAK,CAACe,OAAO,CAACG,UAAU,CAAChC,KAAK,CAAC,CAACiC,IAAI,SAAAvD,OAAA,CAAAC,GAAA,CAAAC,QAAA,4CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,mqoBAC9C,GACH,IAAI,EACRkC,KAAK,CAAC2B,UAAU,CAACC,MAAM,EACvB3C,IAAI,KAAK,OAAO,GACZ;MACE4C,QAAQ,EAAE7B,KAAK,CAAC2B,UAAU,CAACC,MAAM,CAACC,QAAQ,GAAG,GAAG;MAChDC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,EAAE;MACbC,OAAO,EAAE,UAAU;MACnBC,YAAY,EAAE9C,OAAO,GAAG,EAAE,GAAG;IAC/B,CAAC,GACDF,IAAI,KAAK,QAAQ,GACf;MACE6C,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,EAAE;MACbC,OAAO,YAAY;MACnBC,YAAY,EAAE9C,OAAO,GAAG,EAAE,GAAG;IAC/B,CAAC,GACDF,IAAI,KAAK,OAAO,GACd;MACE4C,QAAQ,EAAE7B,KAAK,CAAC2B,UAAU,CAACC,MAAM,CAACC,QAAQ,GAAG,GAAG;MAChDC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,EAAE;MACbC,OAAO,YAAY;MACnBC,YAAY,EAAE9C,OAAO,GAAG,EAAE,GAAG;IAC/B,CAAC,GACD;MACE0C,QAAQ,EAAE7B,KAAK,CAAC2B,UAAU,CAACC,MAAM,CAACC,QAAQ,GAAG,GAAG;MAChDC,MAAM,EAAE,EAAE;MACVC,SAAS,EAAE,EAAE;MACbC,OAAO,YAAY;MACnBC,YAAY,EAAE9C,OAAO,GAAG,EAAE,GAAG;IAC/B,CAAC,EACTkB,QAAQ,GACJpB,IAAI,KAAK,OAAO,GACd;MACEiD,KAAK,EAAE,EAAE;MACTF,OAAO,EAAE;IACX,CAAC,GACD/C,IAAI,KAAK,QAAQ,GACf;MACEiD,KAAK,EAAE,EAAE;MACTF,OAAO,EAAE;IACX,CAAC,GACD/C,IAAI,KAAK,OAAO,GACd;MACEiD,KAAK,EAAE,EAAE;MACTF,OAAO,EAAE;IACX,CAAC,GACD;MACEE,KAAK,EAAE,EAAE;MACTF,OAAO,EAAE;IACX,CAAC,GACP,IAAI,EACR5C,SAAS,IAAAd,KAKN,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,2CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,mqoBACH;IACFW,GAAG,EAAEA;EAAI,GACLiB,KAAK;IACT;IACAD,QAAQ,EAAEA,QAAQ,IAAIF,QAAS;IAC/BT,OAAO,EAAEA,OAAQ;IACjBiB,cAAc,EAAEA,cAAe;IAC/B,gBAAcD;EAAQ,IAErBK,OAAO,GACN9C,aAAA;IACET,GAAG,GACD0D,QAAQ,GACJ;MACE6B,WAAW,EAAElD,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG;IACtC,CAAC,GACD,IAAI,EAAAZ,KAAA,EAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA,2CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAMR,GAEDY,IACG,CAAC,GACL,IAAI,EACPE,QAAQ,EACRwB,UAAU,GACT/C,aAAA;IACET,GAAG,GACD;MACEwF,UAAU,EAAEnD,IAAI,KAAK,OAAO,GAAG,CAAC,GAAG;IACrC,CAAC,EAAAb,IAAA,EAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA,2CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAMD,GAEDa,OACG,CAAC,GACL,IACK,CACE,CAAC;AAEpB,CACF,CAA+C","ignoreList":[]}

package/CSVImportUI/CSVImportUI.js

@@ -1,4 +1,5 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import { useCallback, useMemo, useState } from "react";
 import { CompleteScreen } from "./screens/CompleteScreen";
 import { DownloadCreateTemplateScreen } from "./screens/DownloadCreateTemplateScreen";
 import { DownloadUpdateTemplateScreen } from "./screens/DownloadUpdateTemplateScreen";
@@ -6,7 +7,6 @@ import { LoadCSVScreen } from "./screens/LoadCSVScreen";
 import { ScreenProvider, useScreen } from "./ScreenProvider";
 import { SelectModeScreen } from "./screens/SelectModeScreen";
 import { UploadCSVScreen } from "./screens/UploadCSVScreen";
-import { useCallback, useMemo, useState } from "react";
 
 /**
  * ライブラリ利用者用の型

package/CSVImportUI/CSVImportUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"CSVImportUI.js","names":["CompleteScreen","DownloadCreateTemplateScreen","DownloadUpdateTemplateScreen","LoadCSVScreen","ScreenProvider","useScreen","SelectModeScreen","UploadCSVScreen","useCallback","useMemo","useState","jsx","___EmotionJSX","CSVImportUIContent","_ref","columns","onDownloadCSV","searchLabel","onSearchData","renderSearchField","csvPrefix","csvParser","csvValidator","onPreUploadData","onPreUploadDataByRow","onUploadData","onUploadDataByRow","acceptMode","skipDownloadTemplate","selectDownloadTemplateColumns","defaultTemplateData","id","mode","setMode","uploadedData","setUploadedData","errors","setErrors","handleUpdateData","data","headers","_uploadedData$","rowKeys","Object","keys","values","filter","column","length","hiddenIfNoHeader","includes","label","map","filledData","_uploadedData$2","row","_extends","fromEntries","header","onChangeMode","onSearch","onUpdateData","onSubmitComplete","getFirstScreenId","accptMode","CSVImportUI","props","firstScreenId"],"sources":["../../../src/CSVImportUI/CSVImportUI.tsx"],"sourcesContent":["import { AlertMessageType } from \"../Alert\";\nimport { AssertType } from \"../@types/AssertType\";\nimport { CompleteScreen } from \"./screens/CompleteScreen\";\nimport { DownloadCreateTemplateScreen } from \"./screens/DownloadCreateTemplateScreen\";\nimport { DownloadUpdateTemplateScreen } from \"./screens/DownloadUpdateTemplateScreen\";\nimport { LoadCSVScreen } from \"./screens/LoadCSVScreen\";\nimport { ScreenId } from \"./screens/types\";\nimport { ScreenProvider, useScreen } from \"./ScreenProvider\";\nimport { SelectModeScreen } from \"./screens/SelectModeScreen\";\nimport { UnionToIntersection } from \"../@types/UnionToIntersection\";\nimport { UploadCSVScreen } from \"./screens/UploadCSVScreen\";\nimport { useCallback, useMemo, useState } from \"react\";\n\nexport type Mode = \"create\" | \"update\";\n\nexport type CellError = [string, string];\n\nexport type CSVImportUIColumn = Readonly<{\n  label: string;\n  description?: string;\n  type?: \"date\" | \"number\";\n  options?: readonly string[];\n  required?: boolean;\n  hiddenOnCreateTemplate?: boolean;\n  /**\n   * アップロードされたCSVにヘッダーがなければ表示しない。\n   */\n  hiddenIfNoHeader?: boolean;\n  renderCell?: (props: {\n    value: string;\n    header: string;\n    row: Record<string, string>;\n  }) => React.JSX.Element;\n}>;\n\n/**\n * ライブラリ利用者用の型\n */\nexport type CSVImportUIColumns = Record<string, CSVImportUIColumn>;\n\nexport interface CSVImportUIRenderSearchFieldProps<Row> {\n  onChange: (args: Row[]) => void;\n}\n\ntype OptionByLabel<Columns extends CSVImportUIColumns> = {\n  [Key in keyof Columns]: Record<\n    Columns[Key][\"label\"],\n    Columns[Key] extends {\n      options: readonly (infer Option)[];\n    }\n      ? Option extends string\n        ? Option\n        : never\n      : string\n  >;\n}[keyof Columns];\n\nexport type CSVImportUIRow<Columns extends CSVImportUIColumns> = AssertType<\n  UnionToIntersection<OptionByLabel<Columns>>,\n  Record<string, string>\n>;\n\nexport interface CSVImportUIProps<\n  Columns extends CSVImportUIColumns,\n  Row extends Record<string, string> = CSVImportUIRow<Columns>,\n> {\n  /**\n   * 利用できるモードを指定する。\n   */\n  acceptMode: Mode[];\n  /**\n   * アップロード画面に進む前にトリガーされる。\n   * 行ごとにデータを処理する。\n   *\n   * onPreUploadDataが指定されている場合、こちらは無視される。\n   *\n   * この関数内でsetStateを使用すると、行ごとの処理で過剰なレンダリングを引き起こす可能性があります。\n   * 状態更新が必要な場合は、以下の方法を検討してください：\n   * - onPreUploadDataを使用して一括でデータを処理する\n   * - 複数の更新をバッチ処理して、すべての行の処理後に一度だけ状態を更新する\n   * - レンダリングを必要としない中間値にはuseRefを使用する\n   */\n  onPreUploadDataByRow?: (args: {\n    index: number;\n    /**\n     * 欠損したフィールドがある可能性があるため、型を緩くする。\n     */\n    row: Partial<Row>;\n    mode: Mode;\n  }) => Promise<{ error?: CellError; data?: Record<string, string> }>;\n  /**\n   * アップロード画面に進む前にトリガーされる。\n   * 一括でデータをアップロードする。\n   *\n   * 現状onPreUploadDataByRowByRowとは異なり、行ごとにエラーを表示することはできない。\n   * 代わりに、エラー時に表示されるアラートのメッセージをerrorMessageで指定する。\n   *\n   * 行毎にエラーを表示したくなった場合は、要望を出すこと。\n   */\n  onPreUploadData?: (args: { data: Partial<Row>[]; mode: Mode }) => Promise<{\n    errorMessage?: AlertMessageType;\n    data?: Record<string, string>[];\n  }>;\n  /**\n   * CSVをパースしたデータのアップロードがトリガーされた際に呼ばれる。\n   * 行ごとにデータをアップロードする。\n   *\n   * onUploadDataが指定されている場合、こちらは無視される。\n   *\n   * この関数内でsetStateを使用すると、行ごとの処理で過剰なレンダリングを引き起こす可能性があります。\n   * 状態更新が必要な場合は、以下の方法を検討してください：\n   * - onUploadDataを使用して一括でデータを処理する\n   * - 複数の更新をバッチ処理して、すべての行の処理後に一度だけ状態を更新する\n   * - レンダリングを必要としない中間値にはuseRefを使用する\n   */\n  onUploadDataByRow?: (args: {\n    index: number;\n    /**\n     * 欠損したフィールドがある可能性があるため、型を緩くする。\n     */\n    row: Partial<Row>;\n    mode: Mode;\n  }) => Promise<{\n    error?: CellError;\n    data?: Record<string, string>;\n  }>;\n  /**\n   * CSVをパースしたデータのアップロードがトリガーされた際に呼ばれる。\n   * 一括でデータをアップロードする。\n   *\n   * 現状onUploadDataByRowとは異なり、行ごとにエラーを表示することはできない。\n   * 代わりに、エラー時に表示されるアラートのメッセージをerrorMessageで指定する。\n   *\n   * 行毎にエラーを表示したくなった場合は、要望を出すこと。\n   */\n  onUploadData?: (args: { data: Partial<Row>[]; mode: Mode }) => Promise<{\n    errorMessage?: AlertMessageType;\n    data?: Record<string, string>[];\n  }>;\n  /**\n   * 検索フォームのラベルとして利用される。\n   * (only upload mode)\n   */\n  searchLabel?: string;\n  /**\n   * 検索が行われた際にトリガーされる。\n   * ユーザーの入力した文字列に応じてデータを返却する。このデータはCSVとしてダウンロードされる。\n   * (only upload mode)\n   */\n  onSearchData?: (args: { value: string }) => Promise<{\n    data: Row[];\n  }>;\n  /**\n   * CSVの各列をどのように表示するか指定する。\n   * 各列には、次のプロパティが指定できる。\n   *\n   * `label` : CSVのヘッダーとして利用される。\n   *\n   * `type` : `date`または`number`が指定でき、それぞれ日付と数値としてアップロードされたCSVの値が正しいかどうかを検証する。\n   *\n   * `options` : その列が持てる値のリストを指定する。アップロードされたCSVの値がこのリストに含まれているかどうかを検証する。\n   *\n   * `required` : その列が必須かどうかを指定する。アップロードされたCSVの値が空でないかどうかを検証する。\n   *\n   * `renderCell` : その列のセルをどのように表示するかを指定する。その列の値、ヘッダー、行のデータが渡される。\n   *\n   * `hiddenOnCreateTemplate` : 作成用のCSVのテンプレートに、その列を表示しないかどうかを決定する。\n   *\n   * `hiddenIfNoHeader` : アップロードされたCSVにそのヘッダーがなければ、その列を表示しないかどうかを決定する。\n   */\n  columns: Columns;\n  /**\n   * ダウンロードされるCSVに付与されるプレフィックスを指定する\n   */\n  csvPrefix?: string;\n  /**\n   * CSVのダウンロードがトリガーされたときに呼ばれる\n   */\n  onDownloadCSV: (args: { data: Row[]; filename: string }) => void;\n  /**\n   * CSVがアップロードされたときに呼ばれる\n   */\n  csvParser: (args: {\n    file: File;\n  }) => Promise<{ data: Record<string, string>[] }>;\n  /**\n   * アップロードされたCSVのデータをバリデーションする。\n   */\n  csvValidator?: (args: {\n    /**\n     * ここで渡されるデータがRowと一致するとは限らない。\n     */\n    row: Record<string, string>;\n  }) => Promise<{ errors?: CellError[] }>;\n  /**\n   * 更新モードで検索のカスタマイズをする。\n   * 省略するとonSearchData, searchLabelを用いた単一の検索フィールドが表示される。これを指定するとonSearchData, searchLabelは無視される。\n   * (only upload mode)\n   */\n  renderSearchField?: (\n    props: CSVImportUIRenderSearchFieldProps<Row>,\n  ) => React.JSX.Element;\n  /**\n   * 編集用CSVをダウンロードするページをスキップする\n   */\n  skipDownloadTemplate?: boolean;\n  /**\n   * 更新用のCSVをダウンロードする際にデフォルトで表示されるデータを指定する。\n   */\n  defaultTemplateData?: Row[];\n\n  /**\n   * ダウンロードテンプレートで利用する項目を選択するかどうかを指定する。\n   * デフォルトでは、hiddenOnCreateTemplateが指定されていない列の全ての項目が追加される。\n   * @default false\n   */\n  selectDownloadTemplateColumns?: boolean;\n}\n\nconst CSVImportUIContent = <\n  Columns extends CSVImportUIColumns,\n  Row extends Record<string, string> = CSVImportUIRow<Columns>,\n>({\n  columns,\n  onDownloadCSV,\n  searchLabel,\n  onSearchData,\n  renderSearchField,\n  csvPrefix,\n  csvParser,\n  csvValidator,\n  onPreUploadData,\n  onPreUploadDataByRow,\n  onUploadData,\n  onUploadDataByRow,\n  acceptMode,\n  skipDownloadTemplate,\n  selectDownloadTemplateColumns,\n  defaultTemplateData,\n}: CSVImportUIProps<Columns, Row>) => {\n  const id = useScreen();\n  const [mode, setMode] = useState<Mode>(acceptMode[0]);\n  const [uploadedData, setUploadedData] = useState<Row[]>([]);\n  const [errors, setErrors] = useState<(CellError[] | undefined)[]>([]);\n\n  const handleUpdateData = useCallback(\n    (data: Row[], errors: (CellError[] | undefined)[]) => {\n      setErrors(errors);\n      setUploadedData(data);\n    },\n    [],\n  );\n\n  const headers = useMemo(() => {\n    const rowKeys = Object.keys(uploadedData[0] ?? {});\n\n    return Object.values(columns)\n      .filter((column) => {\n        if (rowKeys.length === 0) {\n          return true;\n        }\n        if (column.hiddenIfNoHeader && !rowKeys.includes(column.label)) {\n          return false;\n        }\n        return true;\n      })\n      .map((column) => column.label);\n  }, [columns, uploadedData]);\n\n  const filledData = useMemo(() => {\n    return headers.length > Object.keys(uploadedData[0] ?? {}).length\n      ? uploadedData.map((row) => {\n          return {\n            ...Object.fromEntries(headers.map((header) => [header, \"\"])),\n            ...row,\n          };\n        })\n      : uploadedData;\n  }, [headers, uploadedData]);\n\n  switch (id) {\n    case \"selectMode\": {\n      return (\n        <SelectModeScreen\n          skipDownloadTemplate={skipDownloadTemplate}\n          onChangeMode={setMode}\n        />\n      );\n    }\n    case \"downloadCreateTemplate\": {\n      return (\n        <DownloadCreateTemplateScreen\n          onDownloadCSV={onDownloadCSV}\n          headers={headers}\n          columns={columns}\n          csvPrefix={csvPrefix}\n          selectDownloadTemplateColumns={selectDownloadTemplateColumns}\n        />\n      );\n    }\n    case \"downloadUpdateTemplate\": {\n      return (\n        <DownloadUpdateTemplateScreen\n          searchLabel={searchLabel}\n          onSearch={onSearchData}\n          renderSearchField={renderSearchField}\n          onDownloadCSV={onDownloadCSV}\n          csvPrefix={csvPrefix}\n          headers={headers}\n          defaultTemplateData={defaultTemplateData}\n          columns={columns}\n        />\n      );\n    }\n    case \"loadCSV\": {\n      return (\n        <LoadCSVScreen\n          mode={mode}\n          columns={columns}\n          data={filledData}\n          headers={headers}\n          errors={errors}\n          csvParser={csvParser}\n          csvValidator={csvValidator}\n          onPreUploadData={onPreUploadData}\n          onPreUploadDataByRow={onPreUploadDataByRow}\n          onUpdateData={handleUpdateData}\n        />\n      );\n    }\n    case \"uploadCSV\": {\n      return (\n        <UploadCSVScreen\n          mode={mode}\n          data={filledData}\n          headers={headers}\n          errors={errors}\n          columns={columns}\n          onUploadData={onUploadData}\n          onUploadDataByRow={onUploadDataByRow}\n          onSubmitComplete={handleUpdateData}\n        />\n      );\n    }\n    case \"complete\": {\n      return (\n        <CompleteScreen\n          csvPrefix={csvPrefix}\n          onDownloadCSV={onDownloadCSV}\n          data={filledData}\n          columns={columns}\n          headers={headers}\n          errors={errors}\n        />\n      );\n    }\n    default: {\n      return null;\n    }\n  }\n};\n\nconst getFirstScreenId = (\n  accptMode: Mode[],\n  skipDownloadTemplate?: boolean,\n): ScreenId => {\n  if (accptMode.length > 1) {\n    return \"selectMode\";\n  }\n  if (skipDownloadTemplate) {\n    return \"loadCSV\";\n  }\n  if (accptMode[0] === \"create\") {\n    return \"downloadCreateTemplate\";\n  }\n  if (accptMode[0] === \"update\") {\n    return \"downloadUpdateTemplate\";\n  }\n  return \"selectMode\";\n};\n\nexport const CSVImportUI = <\n  Columns extends CSVImportUIColumns,\n  Row extends Record<string, string> = CSVImportUIRow<Columns>,\n>(\n  props: CSVImportUIProps<Columns, Row>,\n) => {\n  return (\n    <ScreenProvider\n      firstScreenId={getFirstScreenId(\n        props.acceptMode,\n        props.skipDownloadTemplate,\n      )}\n    >\n      <CSVImportUIContent {...props} />\n    </ScreenProvider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CSVImportUI.js","names":["useCallback","useMemo","useState","CompleteScreen","DownloadCreateTemplateScreen","DownloadUpdateTemplateScreen","LoadCSVScreen","ScreenProvider","useScreen","SelectModeScreen","UploadCSVScreen","jsx","___EmotionJSX","CSVImportUIContent","_ref","columns","onDownloadCSV","searchLabel","onSearchData","renderSearchField","csvPrefix","csvParser","csvValidator","onPreUploadData","onPreUploadDataByRow","onUploadData","onUploadDataByRow","acceptMode","skipDownloadTemplate","selectDownloadTemplateColumns","defaultTemplateData","id","mode","setMode","uploadedData","setUploadedData","errors","setErrors","handleUpdateData","data","headers","_uploadedData$","rowKeys","Object","keys","values","filter","column","length","hiddenIfNoHeader","includes","label","map","filledData","_uploadedData$2","row","_extends","fromEntries","header","onChangeMode","onSearch","onUpdateData","onSubmitComplete","getFirstScreenId","accptMode","CSVImportUI","props","firstScreenId"],"sources":["../../../src/CSVImportUI/CSVImportUI.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { AlertMessageType } from \"../Alert\";\nimport { AssertType } from \"../@types/AssertType\";\nimport { UnionToIntersection } from \"../@types/UnionToIntersection\";\nimport { CompleteScreen } from \"./screens/CompleteScreen\";\nimport { DownloadCreateTemplateScreen } from \"./screens/DownloadCreateTemplateScreen\";\nimport { DownloadUpdateTemplateScreen } from \"./screens/DownloadUpdateTemplateScreen\";\nimport { LoadCSVScreen } from \"./screens/LoadCSVScreen\";\nimport { ScreenId } from \"./screens/types\";\nimport { ScreenProvider, useScreen } from \"./ScreenProvider\";\nimport { SelectModeScreen } from \"./screens/SelectModeScreen\";\nimport { UploadCSVScreen } from \"./screens/UploadCSVScreen\";\n\nexport type Mode = \"create\" | \"update\";\n\nexport type CellError = [string, string];\n\nexport type CSVImportUIColumn = Readonly<{\n  label: string;\n  description?: string;\n  type?: \"date\" | \"number\";\n  options?: readonly string[];\n  required?: boolean;\n  hiddenOnCreateTemplate?: boolean;\n  /**\n   * アップロードされたCSVにヘッダーがなければ表示しない。\n   */\n  hiddenIfNoHeader?: boolean;\n  renderCell?: (props: {\n    value: string;\n    header: string;\n    row: Record<string, string>;\n  }) => React.JSX.Element;\n}>;\n\n/**\n * ライブラリ利用者用の型\n */\nexport type CSVImportUIColumns = Record<string, CSVImportUIColumn>;\n\nexport interface CSVImportUIRenderSearchFieldProps<Row> {\n  onChange: (args: Row[]) => void;\n}\n\ntype OptionByLabel<Columns extends CSVImportUIColumns> = {\n  [Key in keyof Columns]: Record<\n    Columns[Key][\"label\"],\n    Columns[Key] extends {\n      options: readonly (infer Option)[];\n    }\n      ? Option extends string\n        ? Option\n        : never\n      : string\n  >;\n}[keyof Columns];\n\nexport type CSVImportUIRow<Columns extends CSVImportUIColumns> = AssertType<\n  UnionToIntersection<OptionByLabel<Columns>>,\n  Record<string, string>\n>;\n\nexport interface CSVImportUIProps<\n  Columns extends CSVImportUIColumns,\n  Row extends Record<string, string> = CSVImportUIRow<Columns>,\n> {\n  /**\n   * 利用できるモードを指定する。\n   */\n  acceptMode: Mode[];\n  /**\n   * アップロード画面に進む前にトリガーされる。\n   * 行ごとにデータを処理する。\n   *\n   * onPreUploadDataが指定されている場合、こちらは無視される。\n   *\n   * この関数内でsetStateを使用すると、行ごとの処理で過剰なレンダリングを引き起こす可能性があります。\n   * 状態更新が必要な場合は、以下の方法を検討してください：\n   * - onPreUploadDataを使用して一括でデータを処理する\n   * - 複数の更新をバッチ処理して、すべての行の処理後に一度だけ状態を更新する\n   * - レンダリングを必要としない中間値にはuseRefを使用する\n   */\n  onPreUploadDataByRow?: (args: {\n    index: number;\n    /**\n     * 欠損したフィールドがある可能性があるため、型を緩くする。\n     */\n    row: Partial<Row>;\n    mode: Mode;\n  }) => Promise<{ error?: CellError; data?: Record<string, string> }>;\n  /**\n   * アップロード画面に進む前にトリガーされる。\n   * 一括でデータをアップロードする。\n   *\n   * 現状onPreUploadDataByRowByRowとは異なり、行ごとにエラーを表示することはできない。\n   * 代わりに、エラー時に表示されるアラートのメッセージをerrorMessageで指定する。\n   *\n   * 行毎にエラーを表示したくなった場合は、要望を出すこと。\n   */\n  onPreUploadData?: (args: { data: Partial<Row>[]; mode: Mode }) => Promise<{\n    errorMessage?: AlertMessageType;\n    data?: Record<string, string>[];\n  }>;\n  /**\n   * CSVをパースしたデータのアップロードがトリガーされた際に呼ばれる。\n   * 行ごとにデータをアップロードする。\n   *\n   * onUploadDataが指定されている場合、こちらは無視される。\n   *\n   * この関数内でsetStateを使用すると、行ごとの処理で過剰なレンダリングを引き起こす可能性があります。\n   * 状態更新が必要な場合は、以下の方法を検討してください：\n   * - onUploadDataを使用して一括でデータを処理する\n   * - 複数の更新をバッチ処理して、すべての行の処理後に一度だけ状態を更新する\n   * - レンダリングを必要としない中間値にはuseRefを使用する\n   */\n  onUploadDataByRow?: (args: {\n    index: number;\n    /**\n     * 欠損したフィールドがある可能性があるため、型を緩くする。\n     */\n    row: Partial<Row>;\n    mode: Mode;\n  }) => Promise<{\n    error?: CellError;\n    data?: Record<string, string>;\n  }>;\n  /**\n   * CSVをパースしたデータのアップロードがトリガーされた際に呼ばれる。\n   * 一括でデータをアップロードする。\n   *\n   * 現状onUploadDataByRowとは異なり、行ごとにエラーを表示することはできない。\n   * 代わりに、エラー時に表示されるアラートのメッセージをerrorMessageで指定する。\n   *\n   * 行毎にエラーを表示したくなった場合は、要望を出すこと。\n   */\n  onUploadData?: (args: { data: Partial<Row>[]; mode: Mode }) => Promise<{\n    errorMessage?: AlertMessageType;\n    data?: Record<string, string>[];\n  }>;\n  /**\n   * 検索フォームのラベルとして利用される。\n   * (only upload mode)\n   */\n  searchLabel?: string;\n  /**\n   * 検索が行われた際にトリガーされる。\n   * ユーザーの入力した文字列に応じてデータを返却する。このデータはCSVとしてダウンロードされる。\n   * (only upload mode)\n   */\n  onSearchData?: (args: { value: string }) => Promise<{\n    data: Row[];\n  }>;\n  /**\n   * CSVの各列をどのように表示するか指定する。\n   * 各列には、次のプロパティが指定できる。\n   *\n   * `label` : CSVのヘッダーとして利用される。\n   *\n   * `type` : `date`または`number`が指定でき、それぞれ日付と数値としてアップロードされたCSVの値が正しいかどうかを検証する。\n   *\n   * `options` : その列が持てる値のリストを指定する。アップロードされたCSVの値がこのリストに含まれているかどうかを検証する。\n   *\n   * `required` : その列が必須かどうかを指定する。アップロードされたCSVの値が空でないかどうかを検証する。\n   *\n   * `renderCell` : その列のセルをどのように表示するかを指定する。その列の値、ヘッダー、行のデータが渡される。\n   *\n   * `hiddenOnCreateTemplate` : 作成用のCSVのテンプレートに、その列を表示しないかどうかを決定する。\n   *\n   * `hiddenIfNoHeader` : アップロードされたCSVにそのヘッダーがなければ、その列を表示しないかどうかを決定する。\n   */\n  columns: Columns;\n  /**\n   * ダウンロードされるCSVに付与されるプレフィックスを指定する\n   */\n  csvPrefix?: string;\n  /**\n   * CSVのダウンロードがトリガーされたときに呼ばれる\n   */\n  onDownloadCSV: (args: { data: Row[]; filename: string }) => void;\n  /**\n   * CSVがアップロードされたときに呼ばれる\n   */\n  csvParser: (args: {\n    file: File;\n  }) => Promise<{ data: Record<string, string>[] }>;\n  /**\n   * アップロードされたCSVのデータをバリデーションする。\n   */\n  csvValidator?: (args: {\n    /**\n     * ここで渡されるデータがRowと一致するとは限らない。\n     */\n    row: Record<string, string>;\n  }) => Promise<{ errors?: CellError[] }>;\n  /**\n   * 更新モードで検索のカスタマイズをする。\n   * 省略するとonSearchData, searchLabelを用いた単一の検索フィールドが表示される。これを指定するとonSearchData, searchLabelは無視される。\n   * (only upload mode)\n   */\n  renderSearchField?: (\n    props: CSVImportUIRenderSearchFieldProps<Row>,\n  ) => React.JSX.Element;\n  /**\n   * 編集用CSVをダウンロードするページをスキップする\n   */\n  skipDownloadTemplate?: boolean;\n  /**\n   * 更新用のCSVをダウンロードする際にデフォルトで表示されるデータを指定する。\n   */\n  defaultTemplateData?: Row[];\n\n  /**\n   * ダウンロードテンプレートで利用する項目を選択するかどうかを指定する。\n   * デフォルトでは、hiddenOnCreateTemplateが指定されていない列の全ての項目が追加される。\n   * @default false\n   */\n  selectDownloadTemplateColumns?: boolean;\n}\n\nconst CSVImportUIContent = <\n  Columns extends CSVImportUIColumns,\n  Row extends Record<string, string> = CSVImportUIRow<Columns>,\n>({\n  columns,\n  onDownloadCSV,\n  searchLabel,\n  onSearchData,\n  renderSearchField,\n  csvPrefix,\n  csvParser,\n  csvValidator,\n  onPreUploadData,\n  onPreUploadDataByRow,\n  onUploadData,\n  onUploadDataByRow,\n  acceptMode,\n  skipDownloadTemplate,\n  selectDownloadTemplateColumns,\n  defaultTemplateData,\n}: CSVImportUIProps<Columns, Row>) => {\n  const id = useScreen();\n  const [mode, setMode] = useState<Mode>(acceptMode[0]);\n  const [uploadedData, setUploadedData] = useState<Row[]>([]);\n  const [errors, setErrors] = useState<(CellError[] | undefined)[]>([]);\n\n  const handleUpdateData = useCallback(\n    (data: Row[], errors: (CellError[] | undefined)[]) => {\n      setErrors(errors);\n      setUploadedData(data);\n    },\n    [],\n  );\n\n  const headers = useMemo(() => {\n    const rowKeys = Object.keys(uploadedData[0] ?? {});\n\n    return Object.values(columns)\n      .filter((column) => {\n        if (rowKeys.length === 0) {\n          return true;\n        }\n        if (column.hiddenIfNoHeader && !rowKeys.includes(column.label)) {\n          return false;\n        }\n        return true;\n      })\n      .map((column) => column.label);\n  }, [columns, uploadedData]);\n\n  const filledData = useMemo(() => {\n    return headers.length > Object.keys(uploadedData[0] ?? {}).length\n      ? uploadedData.map((row) => {\n          return {\n            ...Object.fromEntries(headers.map((header) => [header, \"\"])),\n            ...row,\n          };\n        })\n      : uploadedData;\n  }, [headers, uploadedData]);\n\n  switch (id) {\n    case \"selectMode\": {\n      return (\n        <SelectModeScreen\n          skipDownloadTemplate={skipDownloadTemplate}\n          onChangeMode={setMode}\n        />\n      );\n    }\n    case \"downloadCreateTemplate\": {\n      return (\n        <DownloadCreateTemplateScreen\n          onDownloadCSV={onDownloadCSV}\n          headers={headers}\n          columns={columns}\n          csvPrefix={csvPrefix}\n          selectDownloadTemplateColumns={selectDownloadTemplateColumns}\n        />\n      );\n    }\n    case \"downloadUpdateTemplate\": {\n      return (\n        <DownloadUpdateTemplateScreen\n          searchLabel={searchLabel}\n          onSearch={onSearchData}\n          renderSearchField={renderSearchField}\n          onDownloadCSV={onDownloadCSV}\n          csvPrefix={csvPrefix}\n          headers={headers}\n          defaultTemplateData={defaultTemplateData}\n          columns={columns}\n        />\n      );\n    }\n    case \"loadCSV\": {\n      return (\n        <LoadCSVScreen\n          mode={mode}\n          columns={columns}\n          data={filledData}\n          headers={headers}\n          errors={errors}\n          csvParser={csvParser}\n          csvValidator={csvValidator}\n          onPreUploadData={onPreUploadData}\n          onPreUploadDataByRow={onPreUploadDataByRow}\n          onUpdateData={handleUpdateData}\n        />\n      );\n    }\n    case \"uploadCSV\": {\n      return (\n        <UploadCSVScreen\n          mode={mode}\n          data={filledData}\n          headers={headers}\n          errors={errors}\n          columns={columns}\n          onUploadData={onUploadData}\n          onUploadDataByRow={onUploadDataByRow}\n          onSubmitComplete={handleUpdateData}\n        />\n      );\n    }\n    case \"complete\": {\n      return (\n        <CompleteScreen\n          csvPrefix={csvPrefix}\n          onDownloadCSV={onDownloadCSV}\n          data={filledData}\n          columns={columns}\n          headers={headers}\n          errors={errors}\n        />\n      );\n    }\n    default: {\n      return null;\n    }\n  }\n};\n\nconst getFirstScreenId = (\n  accptMode: Mode[],\n  skipDownloadTemplate?: boolean,\n): ScreenId => {\n  if (accptMode.length > 1) {\n    return \"selectMode\";\n  }\n  if (skipDownloadTemplate) {\n    return \"loadCSV\";\n  }\n  if (accptMode[0] === \"create\") {\n    return \"downloadCreateTemplate\";\n  }\n  if (accptMode[0] === \"update\") {\n    return \"downloadUpdateTemplate\";\n  }\n  return \"selectMode\";\n};\n\nexport const CSVImportUI = <\n  Columns extends CSVImportUIColumns,\n  Row extends Record<string, string> = CSVImportUIRow<Columns>,\n>(\n  props: CSVImportUIProps<Columns, Row>,\n) => {\n  return (\n    <ScreenProvider\n      firstScreenId={getFirstScreenId(\n        props.acceptMode,\n        props.skipDownloadTemplate,\n      )}\n    >\n      <CSVImportUIContent {...props} />\n    </ScreenProvider>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/CSVImportUI/CSVImportUISearchScreen.js

@@ -1,17 +1,17 @@
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Button } from "../Button/Button";
-import { TextField } from "../TextField";
 import { css } from "@emotion/react";
 import { useState } from "react";
+import { Button } from "../Button/Button";
+import { TextField } from "../TextField";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "skgbeu",
   styles: "display:flex;justify-content:flex-end"
 } : {
   name: "1lcoz5b-CSVImportUISearchScreen",
-  styles: "display:flex;justify-content:flex-end;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "display:flex;justify-content:flex-end;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -19,7 +19,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;gap:8px;align-items:flex-end"
 } : {
   name: "3brfoz-CSVImportUISearchScreen",
-  styles: "display:flex;gap:8px;align-items:flex-end;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "display:flex;gap:8px;align-items:flex-end;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref3 = process.env.NODE_ENV === "production" ? {
@@ -27,7 +27,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;align-items:flex-end;justify-content:space-between"
 } : {
   name: "u2s9ec-CSVImportUISearchScreen",
-  styles: "display:flex;align-items:flex-end;justify-content:space-between;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "display:flex;align-items:flex-end;justify-content:space-between;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref4 = process.env.NODE_ENV === "production" ? {
@@ -35,7 +35,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
   styles: "display:grid;gap:16px"
 } : {
   name: "1yrtjyi-CSVImportUISearchScreen",
-  styles: "display:grid;gap:16px;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgQ1NWSW1wb3J0VUlSZW5kZXJTZWFyY2hGaWVsZFByb3BzIH0gZnJvbSBcIi4vQ1NWSW1wb3J0VUlcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW50ZXJmYWNlIENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PiB7XG4gIHNlYXJjaExhYmVsPzogc3RyaW5nO1xuICByZW5kZXJEYXRhOiAoZGF0YTogUm93W10pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuICBvblNlYXJjaD86IChhcmdzOiB7IHZhbHVlOiBzdHJpbmcgfSkgPT4gUHJvbWlzZTx7XG4gICAgZGF0YTogUm93W107XG4gIH0+O1xuICBvbkRvd25sb2FkVGVtcGxhdGU6IChkYXRhOiBSb3dbXSkgPT4gdm9pZDtcbiAgcmVuZGVyU2VhcmNoRmllbGQ/OiAoXG4gICAgcHJvcHM6IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wczxSb3c+LFxuICApID0+IFJlYWN0LkpTWC5FbGVtZW50O1xufVxuXG5leHBvcnQgY29uc3QgQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4gPSA8Um93IGV4dGVuZHMgUmVjb3JkPHN0cmluZywgc3RyaW5nPj4oe1xuICBzZWFyY2hMYWJlbCxcbiAgcmVuZGVyRGF0YSxcbiAgb25TZWFyY2gsXG4gIG9uRG93bmxvYWRUZW1wbGF0ZSxcbiAgcmVuZGVyU2VhcmNoRmllbGQ6IFJlbmRlclNlYXJjaEZpZWxkLFxufTogQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW5Qcm9wczxSb3c+KSA9PiB7XG4gIGNvbnN0IFtkYXRhLCBzZXREYXRhXSA9IHVzZVN0YXRlPFJvd1tdPihbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7UmVuZGVyU2VhcmNoRmllbGQgPyAoXG4gICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxmb3JtXG4gICAgICAgICAgICBvblN1Ym1pdD17YXN5bmMgKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgY29uc3QgZm9ybURhdGEgPSBuZXcgRm9ybURhdGEoZXZlbnQudGFyZ2V0IGFzIEhUTUxGb3JtRWxlbWVudCk7XG5cbiAgICAgICAgICAgICAgaWYgKG9uU2VhcmNoID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICAgICAgICAgICBcIkNTVkltcG9ydFVJOiBJbiB1cGRhdGUgbW9kZSwgb25TZWFyY2hEYXRhIGlzIHJlcXVpcmVkXCIsXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgIHZhbHVlOiBmb3JtRGF0YS5nZXQoXCJ2YWx1ZVwiKSBhcyBzdHJpbmcsXG4gICAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUZXh0RmllbGQgbGFiZWw9e3NlYXJjaExhYmVsfSBuYW1lPVwidmFsdWVcIiAvPlxuXG4gICAgICAgICAgICAgIDxCdXR0b24gdHlwZT1cInN1Ym1pdFwiIHZhcmlhbnQ9XCJvdXRsaW5lZFwiPlxuICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuXG4gICAgICB7cmVuZGVyRGF0YShkYXRhKX1cblxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvbkRvd25sb2FkVGVtcGxhdGUoZGF0YSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:grid;gap:16px;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dEZpZWxkIH0gZnJvbSBcIi4uL1RleHRGaWVsZFwiO1xuaW1wb3J0IHsgQ1NWSW1wb3J0VUlSZW5kZXJTZWFyY2hGaWVsZFByb3BzIH0gZnJvbSBcIi4vQ1NWSW1wb3J0VUlcIjtcblxuaW50ZXJmYWNlIENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PiB7XG4gIHNlYXJjaExhYmVsPzogc3RyaW5nO1xuICByZW5kZXJEYXRhOiAoZGF0YTogUm93W10pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuICBvblNlYXJjaD86IChhcmdzOiB7IHZhbHVlOiBzdHJpbmcgfSkgPT4gUHJvbWlzZTx7XG4gICAgZGF0YTogUm93W107XG4gIH0+O1xuICBvbkRvd25sb2FkVGVtcGxhdGU6IChkYXRhOiBSb3dbXSkgPT4gdm9pZDtcbiAgcmVuZGVyU2VhcmNoRmllbGQ/OiAoXG4gICAgcHJvcHM6IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wczxSb3c+LFxuICApID0+IFJlYWN0LkpTWC5FbGVtZW50O1xufVxuXG5leHBvcnQgY29uc3QgQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4gPSA8Um93IGV4dGVuZHMgUmVjb3JkPHN0cmluZywgc3RyaW5nPj4oe1xuICBzZWFyY2hMYWJlbCxcbiAgcmVuZGVyRGF0YSxcbiAgb25TZWFyY2gsXG4gIG9uRG93bmxvYWRUZW1wbGF0ZSxcbiAgcmVuZGVyU2VhcmNoRmllbGQ6IFJlbmRlclNlYXJjaEZpZWxkLFxufTogQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW5Qcm9wczxSb3c+KSA9PiB7XG4gIGNvbnN0IFtkYXRhLCBzZXREYXRhXSA9IHVzZVN0YXRlPFJvd1tdPihbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7UmVuZGVyU2VhcmNoRmllbGQgPyAoXG4gICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxmb3JtXG4gICAgICAgICAgICBvblN1Ym1pdD17YXN5bmMgKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgY29uc3QgZm9ybURhdGEgPSBuZXcgRm9ybURhdGEoZXZlbnQudGFyZ2V0IGFzIEhUTUxGb3JtRWxlbWVudCk7XG5cbiAgICAgICAgICAgICAgaWYgKG9uU2VhcmNoID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICAgICAgICAgICBcIkNTVkltcG9ydFVJOiBJbiB1cGRhdGUgbW9kZSwgb25TZWFyY2hEYXRhIGlzIHJlcXVpcmVkXCIsXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgIHZhbHVlOiBmb3JtRGF0YS5nZXQoXCJ2YWx1ZVwiKSBhcyBzdHJpbmcsXG4gICAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUZXh0RmllbGQgbGFiZWw9e3NlYXJjaExhYmVsfSBuYW1lPVwidmFsdWVcIiAvPlxuXG4gICAgICAgICAgICAgIDxCdXR0b24gdHlwZT1cInN1Ym1pdFwiIHZhcmlhbnQ9XCJvdXRsaW5lZFwiPlxuICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuXG4gICAgICB7cmVuZGVyRGF0YShkYXRhKX1cblxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvbkRvd25sb2FkVGVtcGxhdGUoZGF0YSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var CSVImportUISearchScreen = _ref5 => {

package/CSVImportUI/CSVImportUISearchScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"CSVImportUISearchScreen.js","names":["Button","TextField","css","useState","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","_ref4","CSVImportUISearchScreen","_ref5","searchLabel","renderData","onSearch","onDownloadTemplate","renderSearchField","RenderSearchField","data","setData","onChange","onSubmit","_ref6","_asyncToGenerator","event","preventDefault","formData","FormData","target","undefined","Error","value","get","_x","apply","arguments","label","type","variant","disabled","length","color","onClick"],"sources":["../../../src/CSVImportUI/CSVImportUISearchScreen.tsx"],"sourcesContent":["import { Button } from \"../Button/Button\";\nimport { CSVImportUIRenderSearchFieldProps } from \"./CSVImportUI\";\nimport { TextField } from \"../TextField\";\nimport { css } from \"@emotion/react\";\nimport { useState } from \"react\";\n\ninterface CSVImportUISearchScreenProps<Row> {\n  searchLabel?: string;\n  renderData: (data: Row[]) => React.JSX.Element;\n  onSearch?: (args: { value: string }) => Promise<{\n    data: Row[];\n  }>;\n  onDownloadTemplate: (data: Row[]) => void;\n  renderSearchField?: (\n    props: CSVImportUIRenderSearchFieldProps<Row>,\n  ) => React.JSX.Element;\n}\n\nexport const CSVImportUISearchScreen = <Row extends Record<string, string>>({\n  searchLabel,\n  renderData,\n  onSearch,\n  onDownloadTemplate,\n  renderSearchField: RenderSearchField,\n}: CSVImportUISearchScreenProps<Row>) => {\n  const [data, setData] = useState<Row[]>([]);\n\n  return (\n    <div\n      css={css`\n        display: grid;\n        gap: 16px;\n      `}\n    >\n      {RenderSearchField ? (\n        <RenderSearchField onChange={setData} />\n      ) : (\n        <div\n          css={css`\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n          `}\n        >\n          <form\n            onSubmit={async (event) => {\n              event.preventDefault();\n\n              const formData = new FormData(event.target as HTMLFormElement);\n\n              if (onSearch === undefined) {\n                throw new Error(\n                  \"CSVImportUI: In update mode, onSearchData is required\",\n                );\n              }\n\n              const { data } = await onSearch({\n                value: formData.get(\"value\") as string,\n              });\n\n              setData(data);\n            }}\n          >\n            <div\n              css={css`\n                display: flex;\n                gap: 8px;\n                align-items: flex-end;\n              `}\n            >\n              <TextField label={searchLabel} name=\"value\" />\n\n              <Button type=\"submit\" variant=\"outlined\">\n                検索\n              </Button>\n            </div>\n          </form>\n        </div>\n      )}\n\n      {renderData(data)}\n\n      <div\n        css={css`\n          display: flex;\n          justify-content: flex-end;\n        `}\n      >\n        <Button\n          disabled={data.length === 0}\n          variant=\"filled\"\n          color=\"primary\"\n          onClick={() => {\n            onDownloadTemplate(data);\n          }}\n        >\n          更新用CSVをダウンロード\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,SAASA,MAAM,QAAQ,kBAAkB;AAEzC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAE,KAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAG,KAAA,GAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAcjC,OAAO,IAAMI,uBAAuB,GAAGC,KAAA,IAME;EAAA,IANmC;IAC1EC,WAAW;IACXC,UAAU;IACVC,QAAQ;IACRC,kBAAkB;IAClBC,iBAAiB,EAAEC;EACc,CAAC,GAAAN,KAAA;EAClC,IAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAGvB,QAAQ,CAAQ,EAAE,CAAC;EAE3C,OACEE,aAAA;IACEH,GAAG,EAAAc;EAGD,GAEDQ,iBAAiB,GAChBnB,aAAA,CAACmB,iBAAiB;IAACG,QAAQ,EAAED;EAAQ,CAAE,CAAC,GAExCrB,aAAA;IACEH,GAAG,EAAAa;EAID,GAEFV,aAAA;IACEuB,QAAQ;MAAA,IAAAC,KAAA,GAAAC,iBAAA,CAAE,WAAOC,KAAK,EAAK;QACzBA,KAAK,CAACC,cAAc,CAAC,CAAC;QAEtB,IAAMC,QAAQ,GAAG,IAAIC,QAAQ,CAACH,KAAK,CAACI,MAAyB,CAAC;QAE9D,IAAId,QAAQ,KAAKe,SAAS,EAAE;UAC1B,MAAM,IAAIC,KAAK,CACb,uDACF,CAAC;QACH;QAEA,IAAM;UAAEZ;QAAK,CAAC,SAASJ,QAAQ,CAAC;UAC9BiB,KAAK,EAAEL,QAAQ,CAACM,GAAG,CAAC,OAAO;QAC7B,CAAC,CAAC;QAEFb,OAAO,CAACD,IAAI,CAAC;MACf,CAAC;MAAA,iBAAAe,EAAA;QAAA,OAAAX,KAAA,CAAAY,KAAA,OAAAC,SAAA;MAAA;IAAA;EAAC,GAEFrC,aAAA;IACEH,GAAG,EAAAY;EAID,GAEFT,aAAA,CAACJ,SAAS;IAAC0C,KAAK,EAAExB,WAAY;IAACT,IAAI,EAAC;EAAO,CAAE,CAAC,EAE9CL,aAAA,CAACL,MAAM;IAAC4C,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAC;EAAU,GAAC,cAEjC,CACL,CACD,CACH,CACN,EAEAzB,UAAU,CAACK,IAAI,CAAC,EAEjBpB,aAAA;IACEH,GAAG,EAAAI;EAGD,GAEFD,aAAA,CAACL,MAAM;IACL8C,QAAQ,EAAErB,IAAI,CAACsB,MAAM,KAAK,CAAE;IAC5BF,OAAO,EAAC,QAAQ;IAChBG,KAAK,EAAC,SAAS;IACfC,OAAO,EAAEA,CAAA,KAAM;MACb3B,kBAAkB,CAACG,IAAI,CAAC;IAC1B;EAAE,GACH,iEAEO,CACL,CACF,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"CSVImportUISearchScreen.js","names":["css","useState","Button","TextField","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","_ref4","CSVImportUISearchScreen","_ref5","searchLabel","renderData","onSearch","onDownloadTemplate","renderSearchField","RenderSearchField","data","setData","onChange","onSubmit","_ref6","_asyncToGenerator","event","preventDefault","formData","FormData","target","undefined","Error","value","get","_x","apply","arguments","label","type","variant","disabled","length","color","onClick"],"sources":["../../../src/CSVImportUI/CSVImportUISearchScreen.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useState } from \"react\";\nimport { Button } from \"../Button/Button\";\nimport { TextField } from \"../TextField\";\nimport { CSVImportUIRenderSearchFieldProps } from \"./CSVImportUI\";\n\ninterface CSVImportUISearchScreenProps<Row> {\n  searchLabel?: string;\n  renderData: (data: Row[]) => React.JSX.Element;\n  onSearch?: (args: { value: string }) => Promise<{\n    data: Row[];\n  }>;\n  onDownloadTemplate: (data: Row[]) => void;\n  renderSearchField?: (\n    props: CSVImportUIRenderSearchFieldProps<Row>,\n  ) => React.JSX.Element;\n}\n\nexport const CSVImportUISearchScreen = <Row extends Record<string, string>>({\n  searchLabel,\n  renderData,\n  onSearch,\n  onDownloadTemplate,\n  renderSearchField: RenderSearchField,\n}: CSVImportUISearchScreenProps<Row>) => {\n  const [data, setData] = useState<Row[]>([]);\n\n  return (\n    <div\n      css={css`\n        display: grid;\n        gap: 16px;\n      `}\n    >\n      {RenderSearchField ? (\n        <RenderSearchField onChange={setData} />\n      ) : (\n        <div\n          css={css`\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n          `}\n        >\n          <form\n            onSubmit={async (event) => {\n              event.preventDefault();\n\n              const formData = new FormData(event.target as HTMLFormElement);\n\n              if (onSearch === undefined) {\n                throw new Error(\n                  \"CSVImportUI: In update mode, onSearchData is required\",\n                );\n              }\n\n              const { data } = await onSearch({\n                value: formData.get(\"value\") as string,\n              });\n\n              setData(data);\n            }}\n          >\n            <div\n              css={css`\n                display: flex;\n                gap: 8px;\n                align-items: flex-end;\n              `}\n            >\n              <TextField label={searchLabel} name=\"value\" />\n\n              <Button type=\"submit\" variant=\"outlined\">\n                検索\n              </Button>\n            </div>\n          </form>\n        </div>\n      )}\n\n      {renderData(data)}\n\n      <div\n        css={css`\n          display: flex;\n          justify-content: flex-end;\n        `}\n      >\n        <Button\n          disabled={data.length === 0}\n          variant=\"filled\"\n          color=\"primary\"\n          onClick={() => {\n            onDownloadTemplate(data);\n          }}\n        >\n          更新用CSVをダウンロード\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":";;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,QAAQ,QAAQ,OAAO;AAChC,SAASC,MAAM,QAAQ,kBAAkB;AACzC,SAASC,SAAS,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAE,KAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAG,KAAA,GAAAT,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAezC,OAAO,IAAMI,uBAAuB,GAAGC,KAAA,IAME;EAAA,IANmC;IAC1EC,WAAW;IACXC,UAAU;IACVC,QAAQ;IACRC,kBAAkB;IAClBC,iBAAiB,EAAEC;EACc,CAAC,GAAAN,KAAA;EAClC,IAAM,CAACO,IAAI,EAAEC,OAAO,CAAC,GAAGzB,QAAQ,CAAQ,EAAE,CAAC;EAE3C,OACEI,aAAA;IACEL,GAAG,EAAAgB;EAGD,GAEDQ,iBAAiB,GAChBnB,aAAA,CAACmB,iBAAiB;IAACG,QAAQ,EAAED;EAAQ,CAAE,CAAC,GAExCrB,aAAA;IACEL,GAAG,EAAAe;EAID,GAEFV,aAAA;IACEuB,QAAQ;MAAA,IAAAC,KAAA,GAAAC,iBAAA,CAAE,WAAOC,KAAK,EAAK;QACzBA,KAAK,CAACC,cAAc,CAAC,CAAC;QAEtB,IAAMC,QAAQ,GAAG,IAAIC,QAAQ,CAACH,KAAK,CAACI,MAAyB,CAAC;QAE9D,IAAId,QAAQ,KAAKe,SAAS,EAAE;UAC1B,MAAM,IAAIC,KAAK,CACb,uDACF,CAAC;QACH;QAEA,IAAM;UAAEZ;QAAK,CAAC,SAASJ,QAAQ,CAAC;UAC9BiB,KAAK,EAAEL,QAAQ,CAACM,GAAG,CAAC,OAAO;QAC7B,CAAC,CAAC;QAEFb,OAAO,CAACD,IAAI,CAAC;MACf,CAAC;MAAA,iBAAAe,EAAA;QAAA,OAAAX,KAAA,CAAAY,KAAA,OAAAC,SAAA;MAAA;IAAA;EAAC,GAEFrC,aAAA;IACEL,GAAG,EAAAc;EAID,GAEFT,aAAA,CAACF,SAAS;IAACwC,KAAK,EAAExB,WAAY;IAACT,IAAI,EAAC;EAAO,CAAE,CAAC,EAE9CL,aAAA,CAACH,MAAM;IAAC0C,IAAI,EAAC,QAAQ;IAACC,OAAO,EAAC;EAAU,GAAC,cAEjC,CACL,CACD,CACH,CACN,EAEAzB,UAAU,CAACK,IAAI,CAAC,EAEjBpB,aAAA;IACEL,GAAG,EAAAM;EAGD,GAEFD,aAAA,CAACH,MAAM;IACL4C,QAAQ,EAAErB,IAAI,CAACsB,MAAM,KAAK,CAAE;IAC5BF,OAAO,EAAC,QAAQ;IAChBG,KAAK,EAAC,SAAS;IACfC,OAAO,EAAEA,CAAA,KAAM;MACb3B,kBAAkB,CAACG,IAAI,CAAC;IAC1B;EAAE,GACH,iEAEO,CACL,CACF,CAAC;AAEV,CAAC","ignoreList":[]}

package/CSVImportUI/CSVImportUITable.js

@@ -1,17 +1,17 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Table } from "../Table";
-import { Tooltip } from "../Tooltip";
 import { css } from "@emotion/react";
-import { useTheme } from "../theme";
 import ErrorOutlineIcon from "@mui/icons-material/ErrorOutline";
 import FlagIcon from "@mui/icons-material/Flag";
+import { Table } from "../Table";
+import { Tooltip } from "../Tooltip";
+import { useTheme } from "../theme";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "n7yexy",
   styles: "width:100%;overflow:scroll"
 } : {
   name: "1bojxqj-CSVImportUITable",
-  styles: "width:100%;overflow:scroll;label:CSVImportUITable;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL0NTVkltcG9ydFVJVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ1NWSW1wb3J0VUlDb2x1bW5zIH0gZnJvbSBcIi4vQ1NWSW1wb3J0VUlcIjtcbmltcG9ydCB7IFRhYmxlIH0gZnJvbSBcIi4uL1RhYmxlXCI7XG5pbXBvcnQgeyBUb29sdGlwIH0gZnJvbSBcIi4uL1Rvb2x0aXBcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCBFcnJvck91dGxpbmVJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0Vycm9yT3V0bGluZVwiO1xuaW1wb3J0IEZsYWdJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0ZsYWdcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDU1ZJbXBvcnRVSVRhYmxlUHJvcHM8Um93IGV4dGVuZHMgUmVjb3JkPHN0cmluZywgc3RyaW5nPj4ge1xuICByb3dzOiBSb3dbXTtcbiAgZXJyb3JzOiAoW3N0cmluZywgc3RyaW5nXVtdIHwgdW5kZWZpbmVkKVtdO1xuICBoZWFkZXJzOiBzdHJpbmdbXTtcbiAgcmVuZGVyQ2VsbD86IChyb3c6IFJvdywgaGVhZGVyOiBzdHJpbmcpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY29sdW1ucz86IENTVkltcG9ydFVJQ29sdW1ucztcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJVGFibGUgPSA8Um93IGV4dGVuZHMgUmVjb3JkPHN0cmluZywgc3RyaW5nPj4oe1xuICByb3dzLFxuICBlcnJvcnMsXG4gIGhlYWRlcnMsXG4gIGNvbHVtbnMsXG59OiBDU1ZJbXBvcnRVSVRhYmxlUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8VGFibGU+XG4gICAgICAgIDxUYWJsZS5IZWFkZXI+XG4gICAgICAgICAgPFRhYmxlLlJvdz5cbiAgICAgICAgICAgIDxUYWJsZS5IZWFkZXJDZWxsIC8+XG4gICAgICAgICAgICB7aGVhZGVycy5tYXAoKHJvdywgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPFRhYmxlLkhlYWRlckNlbGwgYWxpZ249XCJsZWZ0XCIga2V5PXtpbmRleH0+XG4gICAgICAgICAgICAgICAge3Jvd31cbiAgICAgICAgICAgICAgPC9UYWJsZS5IZWFkZXJDZWxsPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9UYWJsZS5Sb3c+XG4gICAgICAgIDwvVGFibGUuSGVhZGVyPlxuICAgICAgICA8VGFibGUuQm9keSBzdHJpcGVkPlxuICAgICAgICAgIHtyb3dzLm1hcCgocm93LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgcm93RXJyb3JzID0gZXJyb3JzW2luZGV4XTtcbiAgICAgICAgICAgIGNvbnN0IGhhc1Jvd0Vycm9ycyA9IChyb3dFcnJvcnMgJiYgcm93RXJyb3JzLmxlbmd0aCA+IDApID8/IGZhbHNlO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPFRhYmxlLlJvd1xuICAgICAgICAgICAgICAgIGRhdGEtcm93LWludmFsaWQ9e2hhc1Jvd0Vycm9yc31cbiAgICAgICAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICAgICAgICAgIGNzcz17XG4gICAgICAgICAgICAgICAgICBoYXNSb3dFcnJvcnNcbiAgICAgICAgICAgICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZCB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLmxpZ2h0fSAhaW1wb3J0YW50O1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgIGBcbiAgICAgICAgICAgICAgICAgICAgOiBudWxsXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRhYmxlLkNlbGw+XG4gICAgICAgICAgICAgICAgICB7aGFzUm93RXJyb3JzID8gPEVycm9yT3V0bGluZUljb24gY29sb3I9XCJlcnJvclwiIC8+IDogbnVsbH1cbiAgICAgICAgICAgICAgICA8L1RhYmxlLkNlbGw+XG4gICAgICAgICAgICAgICAge2hlYWRlcnMubWFwKChoZWFkZXIpID0+IHtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IGVycm9yID0gcm93RXJyb3JzPy5maW5kKFxuICAgICAgICAgICAgICAgICAgICAoZXJyb3JzKSA9PiBlcnJvcnM/LlswXSA9PT0gaGVhZGVyLFxuICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IFJlbmRlckNlbGwgPSBjb2x1bW5zPy5baGVhZGVyXT8ucmVuZGVyQ2VsbDtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IHZhbHVlID0gcm93W2hlYWRlcl07XG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8VGFibGUuQ2VsbCBrZXk9e2hlYWRlcn0+XG4gICAgICAgICAgICAgICAgICAgICAge2Vycm9yID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgdGl0bGU9e2Vycm9yWzFdfSBhcnJvdz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPEZsYWdJY29uIGNvbG9yPVwiZXJyb3JcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgICAgIHtSZW5kZXJDZWxsID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPFJlbmRlckNlbGwgdmFsdWU9e3ZhbHVlfSByb3c9e3Jvd30gaGVhZGVyPXtoZWFkZXJ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlXG4gICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9UYWJsZS5DZWxsPlxuICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgPC9UYWJsZS5Sb3c+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L1RhYmxlLkJvZHk+XG4gICAgICA8L1RhYmxlPlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "width:100%;overflow:scroll;label:CSVImportUITable;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QmMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL0NTVkltcG9ydFVJVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgRXJyb3JPdXRsaW5lSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9FcnJvck91dGxpbmVcIjtcbmltcG9ydCBGbGFnSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9GbGFnXCI7XG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gXCIuLi9UYWJsZVwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCIuLi9Ub29sdGlwXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IHsgQ1NWSW1wb3J0VUlDb2x1bW5zIH0gZnJvbSBcIi4vQ1NWSW1wb3J0VUlcIjtcblxuZXhwb3J0IGludGVyZmFjZSBDU1ZJbXBvcnRVSVRhYmxlUHJvcHM8Um93IGV4dGVuZHMgUmVjb3JkPHN0cmluZywgc3RyaW5nPj4ge1xuICByb3dzOiBSb3dbXTtcbiAgZXJyb3JzOiAoW3N0cmluZywgc3RyaW5nXVtdIHwgdW5kZWZpbmVkKVtdO1xuICBoZWFkZXJzOiBzdHJpbmdbXTtcbiAgcmVuZGVyQ2VsbD86IChyb3c6IFJvdywgaGVhZGVyOiBzdHJpbmcpID0+IFJlYWN0LlJlYWN0Tm9kZTtcbiAgY29sdW1ucz86IENTVkltcG9ydFVJQ29sdW1ucztcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJVGFibGUgPSA8Um93IGV4dGVuZHMgUmVjb3JkPHN0cmluZywgc3RyaW5nPj4oe1xuICByb3dzLFxuICBlcnJvcnMsXG4gIGhlYWRlcnMsXG4gIGNvbHVtbnMsXG59OiBDU1ZJbXBvcnRVSVRhYmxlUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBvdmVyZmxvdzogc2Nyb2xsO1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8VGFibGU+XG4gICAgICAgIDxUYWJsZS5IZWFkZXI+XG4gICAgICAgICAgPFRhYmxlLlJvdz5cbiAgICAgICAgICAgIDxUYWJsZS5IZWFkZXJDZWxsIC8+XG4gICAgICAgICAgICB7aGVhZGVycy5tYXAoKHJvdywgaW5kZXgpID0+IChcbiAgICAgICAgICAgICAgPFRhYmxlLkhlYWRlckNlbGwgYWxpZ249XCJsZWZ0XCIga2V5PXtpbmRleH0+XG4gICAgICAgICAgICAgICAge3Jvd31cbiAgICAgICAgICAgICAgPC9UYWJsZS5IZWFkZXJDZWxsPlxuICAgICAgICAgICAgKSl9XG4gICAgICAgICAgPC9UYWJsZS5Sb3c+XG4gICAgICAgIDwvVGFibGUuSGVhZGVyPlxuICAgICAgICA8VGFibGUuQm9keSBzdHJpcGVkPlxuICAgICAgICAgIHtyb3dzLm1hcCgocm93LCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgcm93RXJyb3JzID0gZXJyb3JzW2luZGV4XTtcbiAgICAgICAgICAgIGNvbnN0IGhhc1Jvd0Vycm9ycyA9IChyb3dFcnJvcnMgJiYgcm93RXJyb3JzLmxlbmd0aCA+IDApID8/IGZhbHNlO1xuICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgPFRhYmxlLlJvd1xuICAgICAgICAgICAgICAgIGRhdGEtcm93LWludmFsaWQ9e2hhc1Jvd0Vycm9yc31cbiAgICAgICAgICAgICAgICBrZXk9e2luZGV4fVxuICAgICAgICAgICAgICAgIGNzcz17XG4gICAgICAgICAgICAgICAgICBoYXNSb3dFcnJvcnNcbiAgICAgICAgICAgICAgICAgICAgPyBjc3NgXG4gICAgICAgICAgICAgICAgICAgICAgICB0ZCB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLmxpZ2h0fSAhaW1wb3J0YW50O1xuICAgICAgICAgICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgICAgICAgIGBcbiAgICAgICAgICAgICAgICAgICAgOiBudWxsXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRhYmxlLkNlbGw+XG4gICAgICAgICAgICAgICAgICB7aGFzUm93RXJyb3JzID8gPEVycm9yT3V0bGluZUljb24gY29sb3I9XCJlcnJvclwiIC8+IDogbnVsbH1cbiAgICAgICAgICAgICAgICA8L1RhYmxlLkNlbGw+XG4gICAgICAgICAgICAgICAge2hlYWRlcnMubWFwKChoZWFkZXIpID0+IHtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IGVycm9yID0gcm93RXJyb3JzPy5maW5kKFxuICAgICAgICAgICAgICAgICAgICAoZXJyb3JzKSA9PiBlcnJvcnM/LlswXSA9PT0gaGVhZGVyLFxuICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IFJlbmRlckNlbGwgPSBjb2x1bW5zPy5baGVhZGVyXT8ucmVuZGVyQ2VsbDtcbiAgICAgICAgICAgICAgICAgIGNvbnN0IHZhbHVlID0gcm93W2hlYWRlcl07XG4gICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8VGFibGUuQ2VsbCBrZXk9e2hlYWRlcn0+XG4gICAgICAgICAgICAgICAgICAgICAge2Vycm9yID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgdGl0bGU9e2Vycm9yWzFdfSBhcnJvdz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPEZsYWdJY29uIGNvbG9yPVwiZXJyb3JcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICAgICAgICAgICAgICAgIHtSZW5kZXJDZWxsID8gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPFJlbmRlckNlbGwgdmFsdWU9e3ZhbHVlfSByb3c9e3Jvd30gaGVhZGVyPXtoZWFkZXJ9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgKSA6IChcbiAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlXG4gICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgPC9UYWJsZS5DZWxsPlxuICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgICAgPC9UYWJsZS5Sb3c+XG4gICAgICAgICAgICApO1xuICAgICAgICAgIH0pfVxuICAgICAgICA8L1RhYmxlLkJvZHk+XG4gICAgICA8L1RhYmxlPlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var CSVImportUITable = _ref2 => {
@@ -36,7 +36,7 @@ export var CSVImportUITable = _ref2 => {
     return ___EmotionJSX(Table.Row, {
       "data-row-invalid": hasRowErrors,
       key: index,
-      css: hasRowErrors ? /*#__PURE__*/css("td{background-color:", theme.palette.intentions.error.light, "!important;}" + (process.env.NODE_ENV === "production" ? "" : ";label:CSVImportUITable;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHlCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVRhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENTVkltcG9ydFVJQ29sdW1ucyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUYWJsZSB9IGZyb20gXCIuLi9UYWJsZVwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCIuLi9Ub29sdGlwXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgRXJyb3JPdXRsaW5lSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9FcnJvck91dGxpbmVcIjtcbmltcG9ydCBGbGFnSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9GbGFnXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ1NWSW1wb3J0VUlUYWJsZVByb3BzPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+IHtcbiAgcm93czogUm93W107XG4gIGVycm9yczogKFtzdHJpbmcsIHN0cmluZ11bXSB8IHVuZGVmaW5lZClbXTtcbiAgaGVhZGVyczogc3RyaW5nW107XG4gIHJlbmRlckNlbGw/OiAocm93OiBSb3csIGhlYWRlcjogc3RyaW5nKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNvbHVtbnM/OiBDU1ZJbXBvcnRVSUNvbHVtbnM7XG59XG5cbmV4cG9ydCBjb25zdCBDU1ZJbXBvcnRVSVRhYmxlID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgcm93cyxcbiAgZXJyb3JzLFxuICBoZWFkZXJzLFxuICBjb2x1bW5zLFxufTogQ1NWSW1wb3J0VUlUYWJsZVByb3BzPFJvdz4pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPFRhYmxlPlxuICAgICAgICA8VGFibGUuSGVhZGVyPlxuICAgICAgICAgIDxUYWJsZS5Sb3c+XG4gICAgICAgICAgICA8VGFibGUuSGVhZGVyQ2VsbCAvPlxuICAgICAgICAgICAge2hlYWRlcnMubWFwKChyb3csIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgIDxUYWJsZS5IZWFkZXJDZWxsIGFsaWduPVwibGVmdFwiIGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgIHtyb3d9XG4gICAgICAgICAgICAgIDwvVGFibGUuSGVhZGVyQ2VsbD5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvVGFibGUuUm93PlxuICAgICAgICA8L1RhYmxlLkhlYWRlcj5cbiAgICAgICAgPFRhYmxlLkJvZHkgc3RyaXBlZD5cbiAgICAgICAgICB7cm93cy5tYXAoKHJvdywgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHJvd0Vycm9ycyA9IGVycm9yc1tpbmRleF07XG4gICAgICAgICAgICBjb25zdCBoYXNSb3dFcnJvcnMgPSAocm93RXJyb3JzICYmIHJvd0Vycm9ycy5sZW5ndGggPiAwKSA/PyBmYWxzZTtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxUYWJsZS5Sb3dcbiAgICAgICAgICAgICAgICBkYXRhLXJvdy1pbnZhbGlkPXtoYXNSb3dFcnJvcnN9XG4gICAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgICBjc3M9e1xuICAgICAgICAgICAgICAgICAgaGFzUm93RXJyb3JzXG4gICAgICAgICAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgdGQge1xuICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC5saWdodH0gIWltcG9ydGFudDtcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICBgXG4gICAgICAgICAgICAgICAgICAgIDogbnVsbFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUYWJsZS5DZWxsPlxuICAgICAgICAgICAgICAgICAge2hhc1Jvd0Vycm9ycyA/IDxFcnJvck91dGxpbmVJY29uIGNvbG9yPVwiZXJyb3JcIiAvPiA6IG51bGx9XG4gICAgICAgICAgICAgICAgPC9UYWJsZS5DZWxsPlxuICAgICAgICAgICAgICAgIHtoZWFkZXJzLm1hcCgoaGVhZGVyKSA9PiB7XG4gICAgICAgICAgICAgICAgICBjb25zdCBlcnJvciA9IHJvd0Vycm9ycz8uZmluZChcbiAgICAgICAgICAgICAgICAgICAgKGVycm9ycykgPT4gZXJyb3JzPy5bMF0gPT09IGhlYWRlcixcbiAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICBjb25zdCBSZW5kZXJDZWxsID0gY29sdW1ucz8uW2hlYWRlcl0/LnJlbmRlckNlbGw7XG4gICAgICAgICAgICAgICAgICBjb25zdCB2YWx1ZSA9IHJvd1toZWFkZXJdO1xuICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPFRhYmxlLkNlbGwga2V5PXtoZWFkZXJ9PlxuICAgICAgICAgICAgICAgICAgICAgIHtlcnJvciA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxUb29sdGlwIHRpdGxlPXtlcnJvclsxXX0gYXJyb3c+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxGbGFnSWNvbiBjb2xvcj1cImVycm9yXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgICB7UmVuZGVyQ2VsbCA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxSZW5kZXJDZWxsIHZhbHVlPXt2YWx1ZX0gcm93PXtyb3d9IGhlYWRlcj17aGVhZGVyfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZVxuICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvVGFibGUuQ2VsbD5cbiAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIDwvVGFibGUuUm93PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9UYWJsZS5Cb2R5PlxuICAgICAgPC9UYWJsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */") : null
+      css: hasRowErrors ? /*#__PURE__*/css("td{background-color:", theme.palette.intentions.error.light, "!important;}" + (process.env.NODE_ENV === "production" ? "" : ";label:CSVImportUITable;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtRHlCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVRhYmxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IEVycm9yT3V0bGluZUljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvRXJyb3JPdXRsaW5lXCI7XG5pbXBvcnQgRmxhZ0ljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvRmxhZ1wiO1xuaW1wb3J0IHsgVGFibGUgfSBmcm9tIFwiLi4vVGFibGVcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiLi4vVG9vbHRpcFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcbmltcG9ydCB7IENTVkltcG9ydFVJQ29sdW1ucyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQ1NWSW1wb3J0VUlUYWJsZVByb3BzPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+IHtcbiAgcm93czogUm93W107XG4gIGVycm9yczogKFtzdHJpbmcsIHN0cmluZ11bXSB8IHVuZGVmaW5lZClbXTtcbiAgaGVhZGVyczogc3RyaW5nW107XG4gIHJlbmRlckNlbGw/OiAocm93OiBSb3csIGhlYWRlcjogc3RyaW5nKSA9PiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNvbHVtbnM/OiBDU1ZJbXBvcnRVSUNvbHVtbnM7XG59XG5cbmV4cG9ydCBjb25zdCBDU1ZJbXBvcnRVSVRhYmxlID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgcm93cyxcbiAgZXJyb3JzLFxuICBoZWFkZXJzLFxuICBjb2x1bW5zLFxufTogQ1NWSW1wb3J0VUlUYWJsZVByb3BzPFJvdz4pID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgb3ZlcmZsb3c6IHNjcm9sbDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPFRhYmxlPlxuICAgICAgICA8VGFibGUuSGVhZGVyPlxuICAgICAgICAgIDxUYWJsZS5Sb3c+XG4gICAgICAgICAgICA8VGFibGUuSGVhZGVyQ2VsbCAvPlxuICAgICAgICAgICAge2hlYWRlcnMubWFwKChyb3csIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgIDxUYWJsZS5IZWFkZXJDZWxsIGFsaWduPVwibGVmdFwiIGtleT17aW5kZXh9PlxuICAgICAgICAgICAgICAgIHtyb3d9XG4gICAgICAgICAgICAgIDwvVGFibGUuSGVhZGVyQ2VsbD5cbiAgICAgICAgICAgICkpfVxuICAgICAgICAgIDwvVGFibGUuUm93PlxuICAgICAgICA8L1RhYmxlLkhlYWRlcj5cbiAgICAgICAgPFRhYmxlLkJvZHkgc3RyaXBlZD5cbiAgICAgICAgICB7cm93cy5tYXAoKHJvdywgaW5kZXgpID0+IHtcbiAgICAgICAgICAgIGNvbnN0IHJvd0Vycm9ycyA9IGVycm9yc1tpbmRleF07XG4gICAgICAgICAgICBjb25zdCBoYXNSb3dFcnJvcnMgPSAocm93RXJyb3JzICYmIHJvd0Vycm9ycy5sZW5ndGggPiAwKSA/PyBmYWxzZTtcbiAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgIDxUYWJsZS5Sb3dcbiAgICAgICAgICAgICAgICBkYXRhLXJvdy1pbnZhbGlkPXtoYXNSb3dFcnJvcnN9XG4gICAgICAgICAgICAgICAga2V5PXtpbmRleH1cbiAgICAgICAgICAgICAgICBjc3M9e1xuICAgICAgICAgICAgICAgICAgaGFzUm93RXJyb3JzXG4gICAgICAgICAgICAgICAgICAgID8gY3NzYFxuICAgICAgICAgICAgICAgICAgICAgICAgdGQge1xuICAgICAgICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnBhbGV0dGUuaW50ZW50aW9ucy5lcnJvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC5saWdodH0gIWltcG9ydGFudDtcbiAgICAgICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgICBgXG4gICAgICAgICAgICAgICAgICAgIDogbnVsbFxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxUYWJsZS5DZWxsPlxuICAgICAgICAgICAgICAgICAge2hhc1Jvd0Vycm9ycyA/IDxFcnJvck91dGxpbmVJY29uIGNvbG9yPVwiZXJyb3JcIiAvPiA6IG51bGx9XG4gICAgICAgICAgICAgICAgPC9UYWJsZS5DZWxsPlxuICAgICAgICAgICAgICAgIHtoZWFkZXJzLm1hcCgoaGVhZGVyKSA9PiB7XG4gICAgICAgICAgICAgICAgICBjb25zdCBlcnJvciA9IHJvd0Vycm9ycz8uZmluZChcbiAgICAgICAgICAgICAgICAgICAgKGVycm9ycykgPT4gZXJyb3JzPy5bMF0gPT09IGhlYWRlcixcbiAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgICBjb25zdCBSZW5kZXJDZWxsID0gY29sdW1ucz8uW2hlYWRlcl0/LnJlbmRlckNlbGw7XG4gICAgICAgICAgICAgICAgICBjb25zdCB2YWx1ZSA9IHJvd1toZWFkZXJdO1xuICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgPFRhYmxlLkNlbGwga2V5PXtoZWFkZXJ9PlxuICAgICAgICAgICAgICAgICAgICAgIHtlcnJvciA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxUb29sdGlwIHRpdGxlPXtlcnJvclsxXX0gYXJyb3c+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDxGbGFnSWNvbiBjb2xvcj1cImVycm9yXCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICAgICAgICAgICAgICB7UmVuZGVyQ2VsbCA/IChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxSZW5kZXJDZWxsIHZhbHVlPXt2YWx1ZX0gcm93PXtyb3d9IGhlYWRlcj17aGVhZGVyfSAvPlxuICAgICAgICAgICAgICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZVxuICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgIDwvVGFibGUuQ2VsbD5cbiAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgIDwvVGFibGUuUm93PlxuICAgICAgICAgICAgKTtcbiAgICAgICAgICB9KX1cbiAgICAgICAgPC9UYWJsZS5Cb2R5PlxuICAgICAgPC9UYWJsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */") : null
     }, ___EmotionJSX(Table.Cell, null, hasRowErrors ? ___EmotionJSX(ErrorOutlineIcon, {
       color: "error"
     }) : null), headers.map(header => {

package/CSVImportUI/CSVImportUITable.js.map

@@ -1 +1 @@
-{"version":3,"file":"CSVImportUITable.js","names":["Table","Tooltip","css","useTheme","ErrorOutlineIcon","FlagIcon","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","CSVImportUITable","_ref2","rows","errors","headers","columns","theme","Header","Row","HeaderCell","map","row","index","align","key","Body","striped","_ref3","rowErrors","hasRowErrors","length","palette","intentions","error","light","Cell","color","header","_columns$header","find","RenderCell","renderCell","value","title","arrow"],"sources":["../../../src/CSVImportUI/CSVImportUITable.tsx"],"sourcesContent":["import { CSVImportUIColumns } from \"./CSVImportUI\";\nimport { Table } from \"../Table\";\nimport { Tooltip } from \"../Tooltip\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport ErrorOutlineIcon from \"@mui/icons-material/ErrorOutline\";\nimport FlagIcon from \"@mui/icons-material/Flag\";\n\nexport interface CSVImportUITableProps<Row extends Record<string, string>> {\n  rows: Row[];\n  errors: ([string, string][] | undefined)[];\n  headers: string[];\n  renderCell?: (row: Row, header: string) => React.ReactNode;\n  columns?: CSVImportUIColumns;\n}\n\nexport const CSVImportUITable = <Row extends Record<string, string>>({\n  rows,\n  errors,\n  headers,\n  columns,\n}: CSVImportUITableProps<Row>) => {\n  const theme = useTheme();\n  return (\n    <div\n      css={css`\n        width: 100%;\n        overflow: scroll;\n      `}\n    >\n      <Table>\n        <Table.Header>\n          <Table.Row>\n            <Table.HeaderCell />\n            {headers.map((row, index) => (\n              <Table.HeaderCell align=\"left\" key={index}>\n                {row}\n              </Table.HeaderCell>\n            ))}\n          </Table.Row>\n        </Table.Header>\n        <Table.Body striped>\n          {rows.map((row, index) => {\n            const rowErrors = errors[index];\n            const hasRowErrors = (rowErrors && rowErrors.length > 0) ?? false;\n            return (\n              <Table.Row\n                data-row-invalid={hasRowErrors}\n                key={index}\n                css={\n                  hasRowErrors\n                    ? css`\n                        td {\n                          background-color: ${theme.palette.intentions.error\n                            .light} !important;\n                        }\n                      `\n                    : null\n                }\n              >\n                <Table.Cell>\n                  {hasRowErrors ? <ErrorOutlineIcon color=\"error\" /> : null}\n                </Table.Cell>\n                {headers.map((header) => {\n                  const error = rowErrors?.find(\n                    (errors) => errors?.[0] === header,\n                  );\n                  const RenderCell = columns?.[header]?.renderCell;\n                  const value = row[header];\n                  return (\n                    <Table.Cell key={header}>\n                      {error ? (\n                        <Tooltip title={error[1]} arrow>\n                          <FlagIcon color=\"error\" />\n                        </Tooltip>\n                      ) : null}\n                      {RenderCell ? (\n                        <RenderCell value={value} row={row} header={header} />\n                      ) : (\n                        value\n                      )}\n                    </Table.Cell>\n                  );\n                })}\n              </Table.Row>\n            );\n          })}\n        </Table.Body>\n      </Table>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CSVImportUITable.js","names":["css","ErrorOutlineIcon","FlagIcon","Table","Tooltip","useTheme","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","CSVImportUITable","_ref2","rows","errors","headers","columns","theme","Header","Row","HeaderCell","map","row","index","align","key","Body","striped","_ref3","rowErrors","hasRowErrors","length","palette","intentions","error","light","Cell","color","header","_columns$header","find","RenderCell","renderCell","value","title","arrow"],"sources":["../../../src/CSVImportUI/CSVImportUITable.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport ErrorOutlineIcon from \"@mui/icons-material/ErrorOutline\";\nimport FlagIcon from \"@mui/icons-material/Flag\";\nimport { Table } from \"../Table\";\nimport { Tooltip } from \"../Tooltip\";\nimport { useTheme } from \"../theme\";\nimport { CSVImportUIColumns } from \"./CSVImportUI\";\n\nexport interface CSVImportUITableProps<Row extends Record<string, string>> {\n  rows: Row[];\n  errors: ([string, string][] | undefined)[];\n  headers: string[];\n  renderCell?: (row: Row, header: string) => React.ReactNode;\n  columns?: CSVImportUIColumns;\n}\n\nexport const CSVImportUITable = <Row extends Record<string, string>>({\n  rows,\n  errors,\n  headers,\n  columns,\n}: CSVImportUITableProps<Row>) => {\n  const theme = useTheme();\n  return (\n    <div\n      css={css`\n        width: 100%;\n        overflow: scroll;\n      `}\n    >\n      <Table>\n        <Table.Header>\n          <Table.Row>\n            <Table.HeaderCell />\n            {headers.map((row, index) => (\n              <Table.HeaderCell align=\"left\" key={index}>\n                {row}\n              </Table.HeaderCell>\n            ))}\n          </Table.Row>\n        </Table.Header>\n        <Table.Body striped>\n          {rows.map((row, index) => {\n            const rowErrors = errors[index];\n            const hasRowErrors = (rowErrors && rowErrors.length > 0) ?? false;\n            return (\n              <Table.Row\n                data-row-invalid={hasRowErrors}\n                key={index}\n                css={\n                  hasRowErrors\n                    ? css`\n                        td {\n                          background-color: ${theme.palette.intentions.error\n                            .light} !important;\n                        }\n                      `\n                    : null\n                }\n              >\n                <Table.Cell>\n                  {hasRowErrors ? <ErrorOutlineIcon color=\"error\" /> : null}\n                </Table.Cell>\n                {headers.map((header) => {\n                  const error = rowErrors?.find(\n                    (errors) => errors?.[0] === header,\n                  );\n                  const RenderCell = columns?.[header]?.renderCell;\n                  const value = row[header];\n                  return (\n                    <Table.Cell key={header}>\n                      {error ? (\n                        <Tooltip title={error[1]} arrow>\n                          <FlagIcon color=\"error\" />\n                        </Tooltip>\n                      ) : null}\n                      {RenderCell ? (\n                        <RenderCell value={value} row={row} header={header} />\n                      ) : (\n                        value\n                      )}\n                    </Table.Cell>\n                  );\n                })}\n              </Table.Row>\n            );\n          })}\n        </Table.Body>\n      </Table>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/CSVImportUI/ScreenLayout.js

@@ -1,17 +1,17 @@
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { Button } from "../Button";
-import { Typography } from "../Typography";
 import { css } from "@emotion/react";
-import { useHistory, useNavigate } from "./ScreenProvider";
 import ArrowBackIosNewIcon from "@mui/icons-material/ArrowBackIosNew";
 import ArrowForwardIosIcon from "@mui/icons-material/ArrowForwardIos";
+import { Button } from "../Button";
+import { Typography } from "../Typography";
+import { useHistory, useNavigate } from "./ScreenProvider";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "skgbeu",
   styles: "display:flex;justify-content:flex-end"
 } : {
   name: "p1bor1-ScreenLayout",
-  styles: "display:flex;justify-content:flex-end;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL1NjcmVlbkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlSGlzdG9yeSwgdXNlTmF2aWdhdGUgfSBmcm9tIFwiLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IEFycm93QmFja0lvc05ld0ljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvQXJyb3dCYWNrSW9zTmV3XCI7XG5pbXBvcnQgQXJyb3dGb3J3YXJkSW9zSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9BcnJvd0ZvcndhcmRJb3NcIjtcblxuZXhwb3J0IGludGVyZmFjZSBTY3JlZW5MYXlvdXRQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG9uUHJldj86ICgpID0+IHZvaWQ7XG4gIG9uTmV4dD86ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTY3JlZW5MYXlvdXQgPSAoe1xuICBjaGlsZHJlbixcbiAgdGl0bGUsXG4gIG9uTmV4dCxcbn06IFNjcmVlbkxheW91dFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgb25Hb0JhY2sgfSA9IHVzZU5hdmlnYXRlKCk7XG4gIGNvbnN0IGhpc3RvcnkgPSB1c2VIaXN0b3J5KCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogNDhweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIGF1dG8gMWZyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgbWluLWhlaWdodDogNDJweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7aGlzdG9yeS5sZW5ndGggPiAxID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkdvQmFja31cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGljb249ezxBcnJvd0JhY2tJb3NOZXdJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDliY3jgavmiLvjgotcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImgyXCI+e3RpdGxlfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvbk5leHQgJiYgKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbk5leHR9XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBlbmRJY29uPXs8QXJyb3dGb3J3YXJkSW9zSWNvbiAvPn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg5qyh44G46YCy44KAXG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:flex;justify-content:flex-end;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL1NjcmVlbkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBBcnJvd0JhY2tJb3NOZXdJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0Fycm93QmFja0lvc05ld1wiO1xuaW1wb3J0IEFycm93Rm9yd2FyZElvc0ljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvQXJyb3dGb3J3YXJkSW9zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHVzZUhpc3RvcnksIHVzZU5hdmlnYXRlIH0gZnJvbSBcIi4vU2NyZWVuUHJvdmlkZXJcIjtcblxuZXhwb3J0IGludGVyZmFjZSBTY3JlZW5MYXlvdXRQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG9uUHJldj86ICgpID0+IHZvaWQ7XG4gIG9uTmV4dD86ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTY3JlZW5MYXlvdXQgPSAoe1xuICBjaGlsZHJlbixcbiAgdGl0bGUsXG4gIG9uTmV4dCxcbn06IFNjcmVlbkxheW91dFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgb25Hb0JhY2sgfSA9IHVzZU5hdmlnYXRlKCk7XG4gIGNvbnN0IGhpc3RvcnkgPSB1c2VIaXN0b3J5KCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogNDhweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIGF1dG8gMWZyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgbWluLWhlaWdodDogNDJweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7aGlzdG9yeS5sZW5ndGggPiAxID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkdvQmFja31cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGljb249ezxBcnJvd0JhY2tJb3NOZXdJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDliY3jgavmiLvjgotcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImgyXCI+e3RpdGxlfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvbk5leHQgJiYgKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbk5leHR9XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBlbmRJY29uPXs8QXJyb3dGb3J3YXJkSW9zSWNvbiAvPn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg5qyh44G46YCy44KAXG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -19,7 +19,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px"
 } : {
   name: "1vk78b0-ScreenLayout",
-  styles: "display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL1NjcmVlbkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlSGlzdG9yeSwgdXNlTmF2aWdhdGUgfSBmcm9tIFwiLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IEFycm93QmFja0lvc05ld0ljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvQXJyb3dCYWNrSW9zTmV3XCI7XG5pbXBvcnQgQXJyb3dGb3J3YXJkSW9zSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9BcnJvd0ZvcndhcmRJb3NcIjtcblxuZXhwb3J0IGludGVyZmFjZSBTY3JlZW5MYXlvdXRQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG9uUHJldj86ICgpID0+IHZvaWQ7XG4gIG9uTmV4dD86ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTY3JlZW5MYXlvdXQgPSAoe1xuICBjaGlsZHJlbixcbiAgdGl0bGUsXG4gIG9uTmV4dCxcbn06IFNjcmVlbkxheW91dFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgb25Hb0JhY2sgfSA9IHVzZU5hdmlnYXRlKCk7XG4gIGNvbnN0IGhpc3RvcnkgPSB1c2VIaXN0b3J5KCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogNDhweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIGF1dG8gMWZyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgbWluLWhlaWdodDogNDJweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7aGlzdG9yeS5sZW5ndGggPiAxID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkdvQmFja31cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGljb249ezxBcnJvd0JhY2tJb3NOZXdJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDliY3jgavmiLvjgotcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImgyXCI+e3RpdGxlfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvbk5leHQgJiYgKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbk5leHR9XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBlbmRJY29uPXs8QXJyb3dGb3J3YXJkSW9zSWNvbiAvPn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg5qyh44G46YCy44KAXG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL1NjcmVlbkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBBcnJvd0JhY2tJb3NOZXdJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0Fycm93QmFja0lvc05ld1wiO1xuaW1wb3J0IEFycm93Rm9yd2FyZElvc0ljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvQXJyb3dGb3J3YXJkSW9zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHVzZUhpc3RvcnksIHVzZU5hdmlnYXRlIH0gZnJvbSBcIi4vU2NyZWVuUHJvdmlkZXJcIjtcblxuZXhwb3J0IGludGVyZmFjZSBTY3JlZW5MYXlvdXRQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG9uUHJldj86ICgpID0+IHZvaWQ7XG4gIG9uTmV4dD86ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTY3JlZW5MYXlvdXQgPSAoe1xuICBjaGlsZHJlbixcbiAgdGl0bGUsXG4gIG9uTmV4dCxcbn06IFNjcmVlbkxheW91dFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgb25Hb0JhY2sgfSA9IHVzZU5hdmlnYXRlKCk7XG4gIGNvbnN0IGhpc3RvcnkgPSB1c2VIaXN0b3J5KCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogNDhweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIGF1dG8gMWZyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgbWluLWhlaWdodDogNDJweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7aGlzdG9yeS5sZW5ndGggPiAxID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkdvQmFja31cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGljb249ezxBcnJvd0JhY2tJb3NOZXdJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDliY3jgavmiLvjgotcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImgyXCI+e3RpdGxlfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvbk5leHQgJiYgKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbk5leHR9XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBlbmRJY29uPXs8QXJyb3dGb3J3YXJkSW9zSWNvbiAvPn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg5qyh44G46YCy44KAXG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref3 = process.env.NODE_ENV === "production" ? {
@@ -27,7 +27,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   styles: "display:grid;gap:48px"
 } : {
   name: "1mn3i8x-ScreenLayout",
-  styles: "display:grid;gap:48px;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvU2NyZWVuTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VIaXN0b3J5LCB1c2VOYXZpZ2F0ZSB9IGZyb20gXCIuL1NjcmVlblByb3ZpZGVyXCI7XG5pbXBvcnQgQXJyb3dCYWNrSW9zTmV3SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9BcnJvd0JhY2tJb3NOZXdcIjtcbmltcG9ydCBBcnJvd0ZvcndhcmRJb3NJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0Fycm93Rm9yd2FyZElvc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNjcmVlbkxheW91dFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdGl0bGU6IHN0cmluZztcbiAgb25QcmV2PzogKCkgPT4gdm9pZDtcbiAgb25OZXh0PzogKCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNjcmVlbkxheW91dCA9ICh7XG4gIGNoaWxkcmVuLFxuICB0aXRsZSxcbiAgb25OZXh0LFxufTogU2NyZWVuTGF5b3V0UHJvcHMpID0+IHtcbiAgY29uc3QgeyBvbkdvQmFjayB9ID0gdXNlTmF2aWdhdGUoKTtcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ2FwOiA0OHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0byAxZnI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBtaW4taGVpZ2h0OiA0MnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIHtoaXN0b3J5Lmxlbmd0aCA+IDEgPyAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uR29CYWNrfVxuICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgaWNvbj17PEFycm93QmFja0lvc05ld0ljb24gLz59XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIOWJjeOBq+aIu+OCi1xuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PVwiaDJcIj57dGl0bGV9PC9UeXBvZ3JhcGh5PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge29uTmV4dCAmJiAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uTmV4dH1cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGVuZEljb249ezxBcnJvd0ZvcndhcmRJb3NJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDmrKHjgbjpgLLjgoBcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */",
+  styles: "display:grid;gap:48px;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvU2NyZWVuTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IEFycm93QmFja0lvc05ld0ljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvQXJyb3dCYWNrSW9zTmV3XCI7XG5pbXBvcnQgQXJyb3dGb3J3YXJkSW9zSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9BcnJvd0ZvcndhcmRJb3NcIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgdXNlSGlzdG9yeSwgdXNlTmF2aWdhdGUgfSBmcm9tIFwiLi9TY3JlZW5Qcm92aWRlclwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNjcmVlbkxheW91dFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdGl0bGU6IHN0cmluZztcbiAgb25QcmV2PzogKCkgPT4gdm9pZDtcbiAgb25OZXh0PzogKCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNjcmVlbkxheW91dCA9ICh7XG4gIGNoaWxkcmVuLFxuICB0aXRsZSxcbiAgb25OZXh0LFxufTogU2NyZWVuTGF5b3V0UHJvcHMpID0+IHtcbiAgY29uc3QgeyBvbkdvQmFjayB9ID0gdXNlTmF2aWdhdGUoKTtcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ2FwOiA0OHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0byAxZnI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBtaW4taGVpZ2h0OiA0MnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIHtoaXN0b3J5Lmxlbmd0aCA+IDEgPyAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uR29CYWNrfVxuICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgaWNvbj17PEFycm93QmFja0lvc05ld0ljb24gLz59XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIOWJjeOBq+aIu+OCi1xuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PVwiaDJcIj57dGl0bGV9PC9UeXBvZ3JhcGh5PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge29uTmV4dCAmJiAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uTmV4dH1cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGVuZEljb249ezxBcnJvd0ZvcndhcmRJb3NJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDmrKHjgbjpgLLjgoBcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var ScreenLayout = _ref4 => {

package/CSVImportUI/ScreenLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScreenLayout.js","names":["Button","Typography","css","useHistory","useNavigate","ArrowBackIosNewIcon","ArrowForwardIosIcon","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","ScreenLayout","_ref4","children","title","onNext","onGoBack","history","length","onClick","type","icon","variant","endIcon"],"sources":["../../../src/CSVImportUI/ScreenLayout.tsx"],"sourcesContent":["import { Button } from \"../Button\";\nimport { Typography } from \"../Typography\";\nimport { css } from \"@emotion/react\";\nimport { useHistory, useNavigate } from \"./ScreenProvider\";\nimport ArrowBackIosNewIcon from \"@mui/icons-material/ArrowBackIosNew\";\nimport ArrowForwardIosIcon from \"@mui/icons-material/ArrowForwardIos\";\n\nexport interface ScreenLayoutProps {\n  children: React.ReactNode;\n  title: string;\n  onPrev?: () => void;\n  onNext?: () => void;\n}\n\nexport const ScreenLayout = ({\n  children,\n  title,\n  onNext,\n}: ScreenLayoutProps) => {\n  const { onGoBack } = useNavigate();\n  const history = useHistory();\n  return (\n    <div\n      css={css`\n        display: grid;\n        gap: 48px;\n      `}\n    >\n      <div\n        css={css`\n          display: grid;\n          grid-template-columns: 1fr auto 1fr;\n          align-items: center;\n          min-height: 42px;\n        `}\n      >\n        <div>\n          {history.length > 1 ? (\n            <Button\n              onClick={onGoBack}\n              type=\"button\"\n              icon={<ArrowBackIosNewIcon />}\n            >\n              前に戻る\n            </Button>\n          ) : null}\n        </div>\n        <Typography variant=\"h2\">{title}</Typography>\n        <div\n          css={css`\n            display: flex;\n            justify-content: flex-end;\n          `}\n        >\n          {onNext && (\n            <Button\n              onClick={onNext}\n              type=\"button\"\n              endIcon={<ArrowForwardIosIcon />}\n            >\n              次へ進む\n            </Button>\n          )}\n        </div>\n      </div>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";AAAA,SAASA,MAAM,QAAQ,WAAW;AAClC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,UAAU,EAAEC,WAAW,QAAQ,kBAAkB;AAC1D,OAAOC,mBAAmB,MAAM,qCAAqC;AACrE,OAAOC,mBAAmB,MAAM,qCAAqC;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAE,KAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAStE,OAAO,IAAMG,YAAY,GAAGC,KAAA,IAIH;EAAA,IAJI;IAC3BC,QAAQ;IACRC,KAAK;IACLC;EACiB,CAAC,GAAAH,KAAA;EAClB,IAAM;IAAEI;EAAS,CAAC,GAAGpB,WAAW,CAAC,CAAC;EAClC,IAAMqB,OAAO,GAAGtB,UAAU,CAAC,CAAC;EAC5B,OACEK,aAAA;IACEN,GAAG,EAAAgB;EAGD,GAEFV,aAAA;IACEN,GAAG,EAAAe;EAKD,GAEFT,aAAA,cACGiB,OAAO,CAACC,MAAM,GAAG,CAAC,GACjBlB,aAAA,CAACR,MAAM;IACL2B,OAAO,EAAEH,QAAS;IAClBI,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAErB,aAAA,CAACH,mBAAmB,MAAE;EAAE,GAC/B,0BAEO,CAAC,GACP,IACD,CAAC,EACNG,aAAA,CAACP,UAAU;IAAC6B,OAAO,EAAC;EAAI,GAAER,KAAkB,CAAC,EAC7Cd,aAAA;IACEN,GAAG,EAAAO;EAGD,GAEDc,MAAM,IACLf,aAAA,CAACR,MAAM;IACL2B,OAAO,EAAEJ,MAAO;IAChBK,IAAI,EAAC,QAAQ;IACbG,OAAO,EAAEvB,aAAA,CAACF,mBAAmB,MAAE;EAAE,GAClC,0BAEO,CAEP,CACF,CAAC,EACLe,QACE,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"ScreenLayout.js","names":["css","ArrowBackIosNewIcon","ArrowForwardIosIcon","Button","Typography","useHistory","useNavigate","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","ScreenLayout","_ref4","children","title","onNext","onGoBack","history","length","onClick","type","icon","variant","endIcon"],"sources":["../../../src/CSVImportUI/ScreenLayout.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport ArrowBackIosNewIcon from \"@mui/icons-material/ArrowBackIosNew\";\nimport ArrowForwardIosIcon from \"@mui/icons-material/ArrowForwardIos\";\nimport { Button } from \"../Button\";\nimport { Typography } from \"../Typography\";\nimport { useHistory, useNavigate } from \"./ScreenProvider\";\n\nexport interface ScreenLayoutProps {\n  children: React.ReactNode;\n  title: string;\n  onPrev?: () => void;\n  onNext?: () => void;\n}\n\nexport const ScreenLayout = ({\n  children,\n  title,\n  onNext,\n}: ScreenLayoutProps) => {\n  const { onGoBack } = useNavigate();\n  const history = useHistory();\n  return (\n    <div\n      css={css`\n        display: grid;\n        gap: 48px;\n      `}\n    >\n      <div\n        css={css`\n          display: grid;\n          grid-template-columns: 1fr auto 1fr;\n          align-items: center;\n          min-height: 42px;\n        `}\n      >\n        <div>\n          {history.length > 1 ? (\n            <Button\n              onClick={onGoBack}\n              type=\"button\"\n              icon={<ArrowBackIosNewIcon />}\n            >\n              前に戻る\n            </Button>\n          ) : null}\n        </div>\n        <Typography variant=\"h2\">{title}</Typography>\n        <div\n          css={css`\n            display: flex;\n            justify-content: flex-end;\n          `}\n        >\n          {onNext && (\n            <Button\n              onClick={onNext}\n              type=\"button\"\n              endIcon={<ArrowForwardIosIcon />}\n            >\n              次へ進む\n            </Button>\n          )}\n        </div>\n      </div>\n      {children}\n    </div>\n  );\n};\n"],"mappings":";AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,mBAAmB,MAAM,qCAAqC;AACrE,OAAOC,mBAAmB,MAAM,qCAAqC;AACrE,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,UAAU,EAAEC,WAAW,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAC,KAAA,GAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAAA,IAAAE,KAAA,GAAAR,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAS3D,OAAO,IAAMG,YAAY,GAAGC,KAAA,IAIH;EAAA,IAJI;IAC3BC,QAAQ;IACRC,KAAK;IACLC;EACiB,CAAC,GAAAH,KAAA;EAClB,IAAM;IAAEI;EAAS,CAAC,GAAGlB,WAAW,CAAC,CAAC;EAClC,IAAMmB,OAAO,GAAGpB,UAAU,CAAC,CAAC;EAC5B,OACEG,aAAA;IACER,GAAG,EAAAkB;EAGD,GAEFV,aAAA;IACER,GAAG,EAAAiB;EAKD,GAEFT,aAAA,cACGiB,OAAO,CAACC,MAAM,GAAG,CAAC,GACjBlB,aAAA,CAACL,MAAM;IACLwB,OAAO,EAAEH,QAAS;IAClBI,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAErB,aAAA,CAACP,mBAAmB,MAAE;EAAE,GAC/B,0BAEO,CAAC,GACP,IACD,CAAC,EACNO,aAAA,CAACJ,UAAU;IAAC0B,OAAO,EAAC;EAAI,GAAER,KAAkB,CAAC,EAC7Cd,aAAA;IACER,GAAG,EAAAS;EAGD,GAEDc,MAAM,IACLf,aAAA,CAACL,MAAM;IACLwB,OAAO,EAAEJ,MAAO;IAChBK,IAAI,EAAC,QAAQ;IACbG,OAAO,EAAEvB,aAAA,CAACN,mBAAmB,MAAE;EAAE,GAClC,0BAEO,CAEP,CACF,CAAC,EACLmB,QACE,CAAC;AAEV,CAAC","ignoreList":[]}