matsuri-ui 16.6.1-alpha-1736063445138-dc67269.0 → 16.6.1-alpha-1736669614668-b87c8e4.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 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":["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":[]}

package/CSVImportUI/CSVImportUI.d.ts

@@ -18,7 +18,7 @@ export type CSVImportUIColumn = Readonly<{
         value: string;
         header: string;
         row: Record<string, string>;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
 }>;
 /**
  * ライブラリ利用者用の型
@@ -173,7 +173,7 @@ export interface CSVImportUIProps<Columns extends CSVImportUIColumns, Row extend
      * 省略するとonSearchData, searchLabelを用いた単一の検索フィールドが表示される。これを指定するとonSearchData, searchLabelは無視される。
      * (only upload mode)
      */
-    renderSearchField?: (props: CSVImportUIRenderSearchFieldProps<Row>) => JSX.Element;
+    renderSearchField?: (props: CSVImportUIRenderSearchFieldProps<Row>) => React.JSX.Element;
     /**
      * 編集用CSVをダウンロードするページをスキップする
      */

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  }) => 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  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  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  ) => 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":["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  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  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.d.ts

@@ -1,14 +1,14 @@
 import { CSVImportUIRenderSearchFieldProps } from "./CSVImportUI";
 interface CSVImportUISearchScreenProps<Row> {
     searchLabel?: string;
-    renderData: (data: Row[]) => JSX.Element;
+    renderData: (data: Row[]) => React.JSX.Element;
     onSearch?: (args: {
         value: string;
     }) => Promise<{
         data: Row[];
     }>;
     onDownloadTemplate: (data: Row[]) => void;
-    renderSearchField?: (props: CSVImportUIRenderSearchFieldProps<Row>) => JSX.Element;
+    renderSearchField?: (props: CSVImportUIRenderSearchFieldProps<Row>) => React.JSX.Element;
 }
 export declare const CSVImportUISearchScreen: <Row extends Record<string, string>>({ searchLabel, renderData, onSearch, onDownloadTemplate, renderSearchField: RenderSearchField, }: CSVImportUISearchScreenProps<Row>) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

package/CSVImportUI/CSVImportUISearchScreen.js

@@ -11,7 +11,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBKU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBKU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
+  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= */",
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBKU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBKU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBKU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBKU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/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+IEpTWC5FbGVtZW50O1xuICBvblNlYXJjaD86IChhcmdzOiB7IHZhbHVlOiBzdHJpbmcgfSkgPT4gUHJvbWlzZTx7XG4gICAgZGF0YTogUm93W107XG4gIH0+O1xuICBvbkRvd25sb2FkVGVtcGxhdGU6IChkYXRhOiBSb3dbXSkgPT4gdm9pZDtcbiAgcmVuZGVyU2VhcmNoRmllbGQ/OiAoXG4gICAgcHJvcHM6IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wczxSb3c+LFxuICApID0+IEpTWC5FbGVtZW50O1xufVxuXG5leHBvcnQgY29uc3QgQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4gPSA8Um93IGV4dGVuZHMgUmVjb3JkPHN0cmluZywgc3RyaW5nPj4oe1xuICBzZWFyY2hMYWJlbCxcbiAgcmVuZGVyRGF0YSxcbiAgb25TZWFyY2gsXG4gIG9uRG93bmxvYWRUZW1wbGF0ZSxcbiAgcmVuZGVyU2VhcmNoRmllbGQ6IFJlbmRlclNlYXJjaEZpZWxkLFxufTogQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW5Qcm9wczxSb3c+KSA9PiB7XG4gIGNvbnN0IFtkYXRhLCBzZXREYXRhXSA9IHVzZVN0YXRlPFJvd1tdPihbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7UmVuZGVyU2VhcmNoRmllbGQgPyAoXG4gICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxmb3JtXG4gICAgICAgICAgICBvblN1Ym1pdD17YXN5bmMgKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgY29uc3QgZm9ybURhdGEgPSBuZXcgRm9ybURhdGEoZXZlbnQudGFyZ2V0IGFzIEhUTUxGb3JtRWxlbWVudCk7XG5cbiAgICAgICAgICAgICAgaWYgKG9uU2VhcmNoID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICAgICAgICAgICBcIkNTVkltcG9ydFVJOiBJbiB1cGRhdGUgbW9kZSwgb25TZWFyY2hEYXRhIGlzIHJlcXVpcmVkXCIsXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgIHZhbHVlOiBmb3JtRGF0YS5nZXQoXCJ2YWx1ZVwiKSBhcyBzdHJpbmcsXG4gICAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUZXh0RmllbGQgbGFiZWw9e3NlYXJjaExhYmVsfSBuYW1lPVwidmFsdWVcIiAvPlxuXG4gICAgICAgICAgICAgIDxCdXR0b24gdHlwZT1cInN1Ym1pdFwiIHZhcmlhbnQ9XCJvdXRsaW5lZFwiPlxuICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuXG4gICAgICB7cmVuZGVyRGF0YShkYXRhKX1cblxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvbkRvd25sb2FkVGVtcGxhdGUoZGF0YSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  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== */",
   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[]) => JSX.Element;\n  onSearch?: (args: { value: string }) => Promise<{\n    data: Row[];\n  }>;\n  onDownloadTemplate: (data: Row[]) => void;\n  renderSearchField?: (\n    props: CSVImportUIRenderSearchFieldProps<Row>,\n  ) => 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":["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":[]}

package/CSVImportUI/screens/DownloadUpdateTemplateScreen.d.ts

@@ -7,7 +7,7 @@ export interface DownloadUpdateTemplateScreenProps<Row> extends ScreenProps {
     }) => Promise<{
         data: Row[];
     }>;
-    renderSearchField?: (props: CSVImportUIRenderSearchFieldProps<Row>) => JSX.Element;
+    renderSearchField?: (props: CSVImportUIRenderSearchFieldProps<Row>) => React.JSX.Element;
     headers: string[];
     csvPrefix?: string;
     onDownloadCSV?: (args: {

package/CSVImportUI/screens/DownloadUpdateTemplateScreen.js

@@ -15,7 +15,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;justify-content:flex-end"
 } : {
   name: "1en07oy-DownloadUpdateTemplateScreen",
-  styles: "display:flex;justify-content:flex-end;label:DownloadUpdateTemplateScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9zY3JlZW5zL0Rvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThHa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL3NjcmVlbnMvRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uXCI7XG5pbXBvcnQge1xuICBDU1ZJbXBvcnRVSUNvbHVtbnMsXG4gIENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyxcbn0gZnJvbSBcIi4uL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBDU1ZJbXBvcnRVSVRhYmxlIH0gZnJvbSBcIi4uL0NTVkltcG9ydFVJVGFibGVcIjtcbmltcG9ydCB7IFNjcmVlbkxheW91dCB9IGZyb20gXCIuLi9TY3JlZW5MYXlvdXRcIjtcbmltcG9ydCB7IFNjcmVlblByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi8uLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2V0VGVtcGxhdGVGaWxlbmFtZSB9IGZyb20gXCIuLi9nZXRUZW1wbGF0ZUZpbGVuYW1lXCI7XG5pbXBvcnQgeyB1c2VOYXZpZ2F0ZSB9IGZyb20gXCIuLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEb3dubG9hZFVwZGF0ZVRlbXBsYXRlU2NyZWVuUHJvcHM8Um93PiBleHRlbmRzIFNjcmVlblByb3BzIHtcbiAgc2VhcmNoTGFiZWw/OiBzdHJpbmc7XG4gIG9uU2VhcmNoPzogKGFyZ3M6IHsgdmFsdWU6IHN0cmluZyB9KSA9PiBQcm9taXNlPHtcbiAgICBkYXRhOiBSb3dbXTtcbiAgfT47XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBKU1guRWxlbWVudDtcbiAgaGVhZGVyczogc3RyaW5nW107XG4gIGNzdlByZWZpeD86IHN0cmluZztcbiAgb25Eb3dubG9hZENTVj86IChhcmdzOiB7IGRhdGE6IFJvd1tdOyBmaWxlbmFtZTogc3RyaW5nIH0pID0+IHZvaWQ7XG4gIGRlZmF1bHRUZW1wbGF0ZURhdGE/OiBSb3dbXTtcbiAgY29sdW1ucz86IENTVkltcG9ydFVJQ29sdW1ucztcbn1cblxuZXhwb3J0IGNvbnN0IERvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4gPSA8XG4gIFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4sXG4+KHtcbiAgaGVhZGVycyxcbiAgc2VhcmNoTGFiZWwsXG4gIG9uU2VhcmNoLFxuICBjc3ZQcmVmaXgsXG4gIG9uRG93bmxvYWRDU1YsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbiAgZGVmYXVsdFRlbXBsYXRlRGF0YSA9IFtdLFxuICBjb2x1bW5zLFxufTogRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlblByb3BzPFJvdz4pID0+IHtcbiAgY29uc3QgeyBvbk5hdmlnYXRlIH0gPSB1c2VOYXZpZ2F0ZSgpO1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oZGVmYXVsdFRlbXBsYXRlRGF0YSk7XG4gIGNvbnN0IGhhbmRsZURvd25sb2FkVXBkYXRlVGVtcGxhdGUgPSAoKSA9PiB7XG4gICAgb25Eb3dubG9hZENTVj8uKHtcbiAgICAgIGRhdGEsXG4gICAgICBmaWxlbmFtZTogZ2V0VGVtcGxhdGVGaWxlbmFtZShcInVwZGF0ZVwiLCBjc3ZQcmVmaXgpLFxuICAgIH0pO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxTY3JlZW5MYXlvdXRcbiAgICAgIHRpdGxlPVwi5pu05paw55SoQ1NW44Gu44OA44Km44Oz44Ot44O844OJXCJcbiAgICAgIG9uTmV4dD17KCkgPT4ge1xuICAgICAgICBvbk5hdmlnYXRlKFwibG9hZENTVlwiKTtcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdhcDogMTZweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICAgKSA6IG9uU2VhcmNoID8gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGZvcm1cbiAgICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgICBjb25zdCBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YShldmVudC50YXJnZXQgYXMgSFRNTEZvcm1FbGVtZW50KTtcblxuICAgICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgICAgdmFsdWU6IGZvcm1EYXRhLmdldChcInZhbHVlXCIpIGFzIHN0cmluZyxcbiAgICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHRGaWVsZCBsYWJlbD17c2VhcmNoTGFiZWx9IG5hbWU9XCJ2YWx1ZVwiIC8+XG5cbiAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgPENTVkltcG9ydFVJVGFibGVcbiAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgIGhlYWRlcnM9e2hlYWRlcnN9XG4gICAgICAgICAgcm93cz17ZGF0YX1cbiAgICAgICAgICBlcnJvcnM9e1tdfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVEb3dubG9hZFVwZGF0ZVRlbXBsYXRlfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvU2NyZWVuTGF5b3V0PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:flex;justify-content:flex-end;label:DownloadUpdateTemplateScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9zY3JlZW5zL0Rvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThHa0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL3NjcmVlbnMvRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uXCI7XG5pbXBvcnQge1xuICBDU1ZJbXBvcnRVSUNvbHVtbnMsXG4gIENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyxcbn0gZnJvbSBcIi4uL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBDU1ZJbXBvcnRVSVRhYmxlIH0gZnJvbSBcIi4uL0NTVkltcG9ydFVJVGFibGVcIjtcbmltcG9ydCB7IFNjcmVlbkxheW91dCB9IGZyb20gXCIuLi9TY3JlZW5MYXlvdXRcIjtcbmltcG9ydCB7IFNjcmVlblByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi8uLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2V0VGVtcGxhdGVGaWxlbmFtZSB9IGZyb20gXCIuLi9nZXRUZW1wbGF0ZUZpbGVuYW1lXCI7XG5pbXBvcnQgeyB1c2VOYXZpZ2F0ZSB9IGZyb20gXCIuLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEb3dubG9hZFVwZGF0ZVRlbXBsYXRlU2NyZWVuUHJvcHM8Um93PiBleHRlbmRzIFNjcmVlblByb3BzIHtcbiAgc2VhcmNoTGFiZWw/OiBzdHJpbmc7XG4gIG9uU2VhcmNoPzogKGFyZ3M6IHsgdmFsdWU6IHN0cmluZyB9KSA9PiBQcm9taXNlPHtcbiAgICBkYXRhOiBSb3dbXTtcbiAgfT47XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgaGVhZGVyczogc3RyaW5nW107XG4gIGNzdlByZWZpeD86IHN0cmluZztcbiAgb25Eb3dubG9hZENTVj86IChhcmdzOiB7IGRhdGE6IFJvd1tdOyBmaWxlbmFtZTogc3RyaW5nIH0pID0+IHZvaWQ7XG4gIGRlZmF1bHRUZW1wbGF0ZURhdGE/OiBSb3dbXTtcbiAgY29sdW1ucz86IENTVkltcG9ydFVJQ29sdW1ucztcbn1cblxuZXhwb3J0IGNvbnN0IERvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4gPSA8XG4gIFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4sXG4+KHtcbiAgaGVhZGVycyxcbiAgc2VhcmNoTGFiZWwsXG4gIG9uU2VhcmNoLFxuICBjc3ZQcmVmaXgsXG4gIG9uRG93bmxvYWRDU1YsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbiAgZGVmYXVsdFRlbXBsYXRlRGF0YSA9IFtdLFxuICBjb2x1bW5zLFxufTogRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlblByb3BzPFJvdz4pID0+IHtcbiAgY29uc3QgeyBvbk5hdmlnYXRlIH0gPSB1c2VOYXZpZ2F0ZSgpO1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oZGVmYXVsdFRlbXBsYXRlRGF0YSk7XG4gIGNvbnN0IGhhbmRsZURvd25sb2FkVXBkYXRlVGVtcGxhdGUgPSAoKSA9PiB7XG4gICAgb25Eb3dubG9hZENTVj8uKHtcbiAgICAgIGRhdGEsXG4gICAgICBmaWxlbmFtZTogZ2V0VGVtcGxhdGVGaWxlbmFtZShcInVwZGF0ZVwiLCBjc3ZQcmVmaXgpLFxuICAgIH0pO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxTY3JlZW5MYXlvdXRcbiAgICAgIHRpdGxlPVwi5pu05paw55SoQ1NW44Gu44OA44Km44Oz44Ot44O844OJXCJcbiAgICAgIG9uTmV4dD17KCkgPT4ge1xuICAgICAgICBvbk5hdmlnYXRlKFwibG9hZENTVlwiKTtcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdhcDogMTZweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICAgKSA6IG9uU2VhcmNoID8gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGZvcm1cbiAgICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgICBjb25zdCBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YShldmVudC50YXJnZXQgYXMgSFRNTEZvcm1FbGVtZW50KTtcblxuICAgICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgICAgdmFsdWU6IGZvcm1EYXRhLmdldChcInZhbHVlXCIpIGFzIHN0cmluZyxcbiAgICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHRGaWVsZCBsYWJlbD17c2VhcmNoTGFiZWx9IG5hbWU9XCJ2YWx1ZVwiIC8+XG5cbiAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgPENTVkltcG9ydFVJVGFibGVcbiAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgIGhlYWRlcnM9e2hlYWRlcnN9XG4gICAgICAgICAgcm93cz17ZGF0YX1cbiAgICAgICAgICBlcnJvcnM9e1tdfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVEb3dubG9hZFVwZGF0ZVRlbXBsYXRlfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvU2NyZWVuTGF5b3V0PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -23,7 +23,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;gap:8px;align-items:flex-end"
 } : {
   name: "1nxx7cy-DownloadUpdateTemplateScreen",
-  styles: "display:flex;gap:8px;align-items:flex-end;label:DownloadUpdateTemplateScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9zY3JlZW5zL0Rvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNGd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL3NjcmVlbnMvRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uXCI7XG5pbXBvcnQge1xuICBDU1ZJbXBvcnRVSUNvbHVtbnMsXG4gIENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyxcbn0gZnJvbSBcIi4uL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBDU1ZJbXBvcnRVSVRhYmxlIH0gZnJvbSBcIi4uL0NTVkltcG9ydFVJVGFibGVcIjtcbmltcG9ydCB7IFNjcmVlbkxheW91dCB9IGZyb20gXCIuLi9TY3JlZW5MYXlvdXRcIjtcbmltcG9ydCB7IFNjcmVlblByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi8uLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2V0VGVtcGxhdGVGaWxlbmFtZSB9IGZyb20gXCIuLi9nZXRUZW1wbGF0ZUZpbGVuYW1lXCI7XG5pbXBvcnQgeyB1c2VOYXZpZ2F0ZSB9IGZyb20gXCIuLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEb3dubG9hZFVwZGF0ZVRlbXBsYXRlU2NyZWVuUHJvcHM8Um93PiBleHRlbmRzIFNjcmVlblByb3BzIHtcbiAgc2VhcmNoTGFiZWw/OiBzdHJpbmc7XG4gIG9uU2VhcmNoPzogKGFyZ3M6IHsgdmFsdWU6IHN0cmluZyB9KSA9PiBQcm9taXNlPHtcbiAgICBkYXRhOiBSb3dbXTtcbiAgfT47XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBKU1guRWxlbWVudDtcbiAgaGVhZGVyczogc3RyaW5nW107XG4gIGNzdlByZWZpeD86IHN0cmluZztcbiAgb25Eb3dubG9hZENTVj86IChhcmdzOiB7IGRhdGE6IFJvd1tdOyBmaWxlbmFtZTogc3RyaW5nIH0pID0+IHZvaWQ7XG4gIGRlZmF1bHRUZW1wbGF0ZURhdGE/OiBSb3dbXTtcbiAgY29sdW1ucz86IENTVkltcG9ydFVJQ29sdW1ucztcbn1cblxuZXhwb3J0IGNvbnN0IERvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4gPSA8XG4gIFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4sXG4+KHtcbiAgaGVhZGVycyxcbiAgc2VhcmNoTGFiZWwsXG4gIG9uU2VhcmNoLFxuICBjc3ZQcmVmaXgsXG4gIG9uRG93bmxvYWRDU1YsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbiAgZGVmYXVsdFRlbXBsYXRlRGF0YSA9IFtdLFxuICBjb2x1bW5zLFxufTogRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlblByb3BzPFJvdz4pID0+IHtcbiAgY29uc3QgeyBvbk5hdmlnYXRlIH0gPSB1c2VOYXZpZ2F0ZSgpO1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oZGVmYXVsdFRlbXBsYXRlRGF0YSk7XG4gIGNvbnN0IGhhbmRsZURvd25sb2FkVXBkYXRlVGVtcGxhdGUgPSAoKSA9PiB7XG4gICAgb25Eb3dubG9hZENTVj8uKHtcbiAgICAgIGRhdGEsXG4gICAgICBmaWxlbmFtZTogZ2V0VGVtcGxhdGVGaWxlbmFtZShcInVwZGF0ZVwiLCBjc3ZQcmVmaXgpLFxuICAgIH0pO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxTY3JlZW5MYXlvdXRcbiAgICAgIHRpdGxlPVwi5pu05paw55SoQ1NW44Gu44OA44Km44Oz44Ot44O844OJXCJcbiAgICAgIG9uTmV4dD17KCkgPT4ge1xuICAgICAgICBvbk5hdmlnYXRlKFwibG9hZENTVlwiKTtcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdhcDogMTZweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICAgKSA6IG9uU2VhcmNoID8gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGZvcm1cbiAgICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgICBjb25zdCBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YShldmVudC50YXJnZXQgYXMgSFRNTEZvcm1FbGVtZW50KTtcblxuICAgICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgICAgdmFsdWU6IGZvcm1EYXRhLmdldChcInZhbHVlXCIpIGFzIHN0cmluZyxcbiAgICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHRGaWVsZCBsYWJlbD17c2VhcmNoTGFiZWx9IG5hbWU9XCJ2YWx1ZVwiIC8+XG5cbiAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgPENTVkltcG9ydFVJVGFibGVcbiAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgIGhlYWRlcnM9e2hlYWRlcnN9XG4gICAgICAgICAgcm93cz17ZGF0YX1cbiAgICAgICAgICBlcnJvcnM9e1tdfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVEb3dubG9hZFVwZGF0ZVRlbXBsYXRlfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvU2NyZWVuTGF5b3V0PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:flex;gap:8px;align-items:flex-end;label:DownloadUpdateTemplateScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9zY3JlZW5zL0Rvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNGd0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL3NjcmVlbnMvRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uXCI7XG5pbXBvcnQge1xuICBDU1ZJbXBvcnRVSUNvbHVtbnMsXG4gIENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyxcbn0gZnJvbSBcIi4uL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBDU1ZJbXBvcnRVSVRhYmxlIH0gZnJvbSBcIi4uL0NTVkltcG9ydFVJVGFibGVcIjtcbmltcG9ydCB7IFNjcmVlbkxheW91dCB9IGZyb20gXCIuLi9TY3JlZW5MYXlvdXRcIjtcbmltcG9ydCB7IFNjcmVlblByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi8uLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2V0VGVtcGxhdGVGaWxlbmFtZSB9IGZyb20gXCIuLi9nZXRUZW1wbGF0ZUZpbGVuYW1lXCI7XG5pbXBvcnQgeyB1c2VOYXZpZ2F0ZSB9IGZyb20gXCIuLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEb3dubG9hZFVwZGF0ZVRlbXBsYXRlU2NyZWVuUHJvcHM8Um93PiBleHRlbmRzIFNjcmVlblByb3BzIHtcbiAgc2VhcmNoTGFiZWw/OiBzdHJpbmc7XG4gIG9uU2VhcmNoPzogKGFyZ3M6IHsgdmFsdWU6IHN0cmluZyB9KSA9PiBQcm9taXNlPHtcbiAgICBkYXRhOiBSb3dbXTtcbiAgfT47XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgaGVhZGVyczogc3RyaW5nW107XG4gIGNzdlByZWZpeD86IHN0cmluZztcbiAgb25Eb3dubG9hZENTVj86IChhcmdzOiB7IGRhdGE6IFJvd1tdOyBmaWxlbmFtZTogc3RyaW5nIH0pID0+IHZvaWQ7XG4gIGRlZmF1bHRUZW1wbGF0ZURhdGE/OiBSb3dbXTtcbiAgY29sdW1ucz86IENTVkltcG9ydFVJQ29sdW1ucztcbn1cblxuZXhwb3J0IGNvbnN0IERvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4gPSA8XG4gIFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4sXG4+KHtcbiAgaGVhZGVycyxcbiAgc2VhcmNoTGFiZWwsXG4gIG9uU2VhcmNoLFxuICBjc3ZQcmVmaXgsXG4gIG9uRG93bmxvYWRDU1YsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbiAgZGVmYXVsdFRlbXBsYXRlRGF0YSA9IFtdLFxuICBjb2x1bW5zLFxufTogRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlblByb3BzPFJvdz4pID0+IHtcbiAgY29uc3QgeyBvbk5hdmlnYXRlIH0gPSB1c2VOYXZpZ2F0ZSgpO1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oZGVmYXVsdFRlbXBsYXRlRGF0YSk7XG4gIGNvbnN0IGhhbmRsZURvd25sb2FkVXBkYXRlVGVtcGxhdGUgPSAoKSA9PiB7XG4gICAgb25Eb3dubG9hZENTVj8uKHtcbiAgICAgIGRhdGEsXG4gICAgICBmaWxlbmFtZTogZ2V0VGVtcGxhdGVGaWxlbmFtZShcInVwZGF0ZVwiLCBjc3ZQcmVmaXgpLFxuICAgIH0pO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxTY3JlZW5MYXlvdXRcbiAgICAgIHRpdGxlPVwi5pu05paw55SoQ1NW44Gu44OA44Km44Oz44Ot44O844OJXCJcbiAgICAgIG9uTmV4dD17KCkgPT4ge1xuICAgICAgICBvbk5hdmlnYXRlKFwibG9hZENTVlwiKTtcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdhcDogMTZweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICAgKSA6IG9uU2VhcmNoID8gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGZvcm1cbiAgICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgICBjb25zdCBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YShldmVudC50YXJnZXQgYXMgSFRNTEZvcm1FbGVtZW50KTtcblxuICAgICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgICAgdmFsdWU6IGZvcm1EYXRhLmdldChcInZhbHVlXCIpIGFzIHN0cmluZyxcbiAgICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHRGaWVsZCBsYWJlbD17c2VhcmNoTGFiZWx9IG5hbWU9XCJ2YWx1ZVwiIC8+XG5cbiAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgPENTVkltcG9ydFVJVGFibGVcbiAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgIGhlYWRlcnM9e2hlYWRlcnN9XG4gICAgICAgICAgcm93cz17ZGF0YX1cbiAgICAgICAgICBlcnJvcnM9e1tdfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVEb3dubG9hZFVwZGF0ZVRlbXBsYXRlfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvU2NyZWVuTGF5b3V0PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref3 = process.env.NODE_ENV === "production" ? {
@@ -31,7 +31,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;align-items:flex-end;justify-content:space-between"
 } : {
   name: "p61954-DownloadUpdateTemplateScreen",
-  styles: "display:flex;align-items:flex-end;justify-content:space-between;label:DownloadUpdateTemplateScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9zY3JlZW5zL0Rvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFb0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL3NjcmVlbnMvRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uXCI7XG5pbXBvcnQge1xuICBDU1ZJbXBvcnRVSUNvbHVtbnMsXG4gIENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyxcbn0gZnJvbSBcIi4uL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBDU1ZJbXBvcnRVSVRhYmxlIH0gZnJvbSBcIi4uL0NTVkltcG9ydFVJVGFibGVcIjtcbmltcG9ydCB7IFNjcmVlbkxheW91dCB9IGZyb20gXCIuLi9TY3JlZW5MYXlvdXRcIjtcbmltcG9ydCB7IFNjcmVlblByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi8uLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2V0VGVtcGxhdGVGaWxlbmFtZSB9IGZyb20gXCIuLi9nZXRUZW1wbGF0ZUZpbGVuYW1lXCI7XG5pbXBvcnQgeyB1c2VOYXZpZ2F0ZSB9IGZyb20gXCIuLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEb3dubG9hZFVwZGF0ZVRlbXBsYXRlU2NyZWVuUHJvcHM8Um93PiBleHRlbmRzIFNjcmVlblByb3BzIHtcbiAgc2VhcmNoTGFiZWw/OiBzdHJpbmc7XG4gIG9uU2VhcmNoPzogKGFyZ3M6IHsgdmFsdWU6IHN0cmluZyB9KSA9PiBQcm9taXNlPHtcbiAgICBkYXRhOiBSb3dbXTtcbiAgfT47XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBKU1guRWxlbWVudDtcbiAgaGVhZGVyczogc3RyaW5nW107XG4gIGNzdlByZWZpeD86IHN0cmluZztcbiAgb25Eb3dubG9hZENTVj86IChhcmdzOiB7IGRhdGE6IFJvd1tdOyBmaWxlbmFtZTogc3RyaW5nIH0pID0+IHZvaWQ7XG4gIGRlZmF1bHRUZW1wbGF0ZURhdGE/OiBSb3dbXTtcbiAgY29sdW1ucz86IENTVkltcG9ydFVJQ29sdW1ucztcbn1cblxuZXhwb3J0IGNvbnN0IERvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4gPSA8XG4gIFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4sXG4+KHtcbiAgaGVhZGVycyxcbiAgc2VhcmNoTGFiZWwsXG4gIG9uU2VhcmNoLFxuICBjc3ZQcmVmaXgsXG4gIG9uRG93bmxvYWRDU1YsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbiAgZGVmYXVsdFRlbXBsYXRlRGF0YSA9IFtdLFxuICBjb2x1bW5zLFxufTogRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlblByb3BzPFJvdz4pID0+IHtcbiAgY29uc3QgeyBvbk5hdmlnYXRlIH0gPSB1c2VOYXZpZ2F0ZSgpO1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oZGVmYXVsdFRlbXBsYXRlRGF0YSk7XG4gIGNvbnN0IGhhbmRsZURvd25sb2FkVXBkYXRlVGVtcGxhdGUgPSAoKSA9PiB7XG4gICAgb25Eb3dubG9hZENTVj8uKHtcbiAgICAgIGRhdGEsXG4gICAgICBmaWxlbmFtZTogZ2V0VGVtcGxhdGVGaWxlbmFtZShcInVwZGF0ZVwiLCBjc3ZQcmVmaXgpLFxuICAgIH0pO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxTY3JlZW5MYXlvdXRcbiAgICAgIHRpdGxlPVwi5pu05paw55SoQ1NW44Gu44OA44Km44Oz44Ot44O844OJXCJcbiAgICAgIG9uTmV4dD17KCkgPT4ge1xuICAgICAgICBvbk5hdmlnYXRlKFwibG9hZENTVlwiKTtcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdhcDogMTZweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICAgKSA6IG9uU2VhcmNoID8gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGZvcm1cbiAgICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgICBjb25zdCBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YShldmVudC50YXJnZXQgYXMgSFRNTEZvcm1FbGVtZW50KTtcblxuICAgICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgICAgdmFsdWU6IGZvcm1EYXRhLmdldChcInZhbHVlXCIpIGFzIHN0cmluZyxcbiAgICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHRGaWVsZCBsYWJlbD17c2VhcmNoTGFiZWx9IG5hbWU9XCJ2YWx1ZVwiIC8+XG5cbiAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgPENTVkltcG9ydFVJVGFibGVcbiAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgIGhlYWRlcnM9e2hlYWRlcnN9XG4gICAgICAgICAgcm93cz17ZGF0YX1cbiAgICAgICAgICBlcnJvcnM9e1tdfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVEb3dubG9hZFVwZGF0ZVRlbXBsYXRlfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvU2NyZWVuTGF5b3V0PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:flex;align-items:flex-end;justify-content:space-between;label:DownloadUpdateTemplateScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9zY3JlZW5zL0Rvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFb0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL3NjcmVlbnMvRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uXCI7XG5pbXBvcnQge1xuICBDU1ZJbXBvcnRVSUNvbHVtbnMsXG4gIENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyxcbn0gZnJvbSBcIi4uL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBDU1ZJbXBvcnRVSVRhYmxlIH0gZnJvbSBcIi4uL0NTVkltcG9ydFVJVGFibGVcIjtcbmltcG9ydCB7IFNjcmVlbkxheW91dCB9IGZyb20gXCIuLi9TY3JlZW5MYXlvdXRcIjtcbmltcG9ydCB7IFNjcmVlblByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi8uLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2V0VGVtcGxhdGVGaWxlbmFtZSB9IGZyb20gXCIuLi9nZXRUZW1wbGF0ZUZpbGVuYW1lXCI7XG5pbXBvcnQgeyB1c2VOYXZpZ2F0ZSB9IGZyb20gXCIuLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEb3dubG9hZFVwZGF0ZVRlbXBsYXRlU2NyZWVuUHJvcHM8Um93PiBleHRlbmRzIFNjcmVlblByb3BzIHtcbiAgc2VhcmNoTGFiZWw/OiBzdHJpbmc7XG4gIG9uU2VhcmNoPzogKGFyZ3M6IHsgdmFsdWU6IHN0cmluZyB9KSA9PiBQcm9taXNlPHtcbiAgICBkYXRhOiBSb3dbXTtcbiAgfT47XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgaGVhZGVyczogc3RyaW5nW107XG4gIGNzdlByZWZpeD86IHN0cmluZztcbiAgb25Eb3dubG9hZENTVj86IChhcmdzOiB7IGRhdGE6IFJvd1tdOyBmaWxlbmFtZTogc3RyaW5nIH0pID0+IHZvaWQ7XG4gIGRlZmF1bHRUZW1wbGF0ZURhdGE/OiBSb3dbXTtcbiAgY29sdW1ucz86IENTVkltcG9ydFVJQ29sdW1ucztcbn1cblxuZXhwb3J0IGNvbnN0IERvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4gPSA8XG4gIFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4sXG4+KHtcbiAgaGVhZGVycyxcbiAgc2VhcmNoTGFiZWwsXG4gIG9uU2VhcmNoLFxuICBjc3ZQcmVmaXgsXG4gIG9uRG93bmxvYWRDU1YsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbiAgZGVmYXVsdFRlbXBsYXRlRGF0YSA9IFtdLFxuICBjb2x1bW5zLFxufTogRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlblByb3BzPFJvdz4pID0+IHtcbiAgY29uc3QgeyBvbk5hdmlnYXRlIH0gPSB1c2VOYXZpZ2F0ZSgpO1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oZGVmYXVsdFRlbXBsYXRlRGF0YSk7XG4gIGNvbnN0IGhhbmRsZURvd25sb2FkVXBkYXRlVGVtcGxhdGUgPSAoKSA9PiB7XG4gICAgb25Eb3dubG9hZENTVj8uKHtcbiAgICAgIGRhdGEsXG4gICAgICBmaWxlbmFtZTogZ2V0VGVtcGxhdGVGaWxlbmFtZShcInVwZGF0ZVwiLCBjc3ZQcmVmaXgpLFxuICAgIH0pO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxTY3JlZW5MYXlvdXRcbiAgICAgIHRpdGxlPVwi5pu05paw55SoQ1NW44Gu44OA44Km44Oz44Ot44O844OJXCJcbiAgICAgIG9uTmV4dD17KCkgPT4ge1xuICAgICAgICBvbk5hdmlnYXRlKFwibG9hZENTVlwiKTtcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdhcDogMTZweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICAgKSA6IG9uU2VhcmNoID8gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGZvcm1cbiAgICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgICBjb25zdCBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YShldmVudC50YXJnZXQgYXMgSFRNTEZvcm1FbGVtZW50KTtcblxuICAgICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgICAgdmFsdWU6IGZvcm1EYXRhLmdldChcInZhbHVlXCIpIGFzIHN0cmluZyxcbiAgICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHRGaWVsZCBsYWJlbD17c2VhcmNoTGFiZWx9IG5hbWU9XCJ2YWx1ZVwiIC8+XG5cbiAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgPENTVkltcG9ydFVJVGFibGVcbiAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgIGhlYWRlcnM9e2hlYWRlcnN9XG4gICAgICAgICAgcm93cz17ZGF0YX1cbiAgICAgICAgICBlcnJvcnM9e1tdfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVEb3dubG9hZFVwZGF0ZVRlbXBsYXRlfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvU2NyZWVuTGF5b3V0PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref4 = process.env.NODE_ENV === "production" ? {
@@ -39,7 +39,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
   styles: "display:grid;gap:16px"
 } : {
   name: "frvktc-DownloadUpdateTemplateScreen",
-  styles: "display:grid;gap:16px;label:DownloadUpdateTemplateScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9zY3JlZW5zL0Rvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL3NjcmVlbnMvRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uXCI7XG5pbXBvcnQge1xuICBDU1ZJbXBvcnRVSUNvbHVtbnMsXG4gIENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyxcbn0gZnJvbSBcIi4uL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBDU1ZJbXBvcnRVSVRhYmxlIH0gZnJvbSBcIi4uL0NTVkltcG9ydFVJVGFibGVcIjtcbmltcG9ydCB7IFNjcmVlbkxheW91dCB9IGZyb20gXCIuLi9TY3JlZW5MYXlvdXRcIjtcbmltcG9ydCB7IFNjcmVlblByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi8uLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2V0VGVtcGxhdGVGaWxlbmFtZSB9IGZyb20gXCIuLi9nZXRUZW1wbGF0ZUZpbGVuYW1lXCI7XG5pbXBvcnQgeyB1c2VOYXZpZ2F0ZSB9IGZyb20gXCIuLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEb3dubG9hZFVwZGF0ZVRlbXBsYXRlU2NyZWVuUHJvcHM8Um93PiBleHRlbmRzIFNjcmVlblByb3BzIHtcbiAgc2VhcmNoTGFiZWw/OiBzdHJpbmc7XG4gIG9uU2VhcmNoPzogKGFyZ3M6IHsgdmFsdWU6IHN0cmluZyB9KSA9PiBQcm9taXNlPHtcbiAgICBkYXRhOiBSb3dbXTtcbiAgfT47XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBKU1guRWxlbWVudDtcbiAgaGVhZGVyczogc3RyaW5nW107XG4gIGNzdlByZWZpeD86IHN0cmluZztcbiAgb25Eb3dubG9hZENTVj86IChhcmdzOiB7IGRhdGE6IFJvd1tdOyBmaWxlbmFtZTogc3RyaW5nIH0pID0+IHZvaWQ7XG4gIGRlZmF1bHRUZW1wbGF0ZURhdGE/OiBSb3dbXTtcbiAgY29sdW1ucz86IENTVkltcG9ydFVJQ29sdW1ucztcbn1cblxuZXhwb3J0IGNvbnN0IERvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4gPSA8XG4gIFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4sXG4+KHtcbiAgaGVhZGVycyxcbiAgc2VhcmNoTGFiZWwsXG4gIG9uU2VhcmNoLFxuICBjc3ZQcmVmaXgsXG4gIG9uRG93bmxvYWRDU1YsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbiAgZGVmYXVsdFRlbXBsYXRlRGF0YSA9IFtdLFxuICBjb2x1bW5zLFxufTogRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlblByb3BzPFJvdz4pID0+IHtcbiAgY29uc3QgeyBvbk5hdmlnYXRlIH0gPSB1c2VOYXZpZ2F0ZSgpO1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oZGVmYXVsdFRlbXBsYXRlRGF0YSk7XG4gIGNvbnN0IGhhbmRsZURvd25sb2FkVXBkYXRlVGVtcGxhdGUgPSAoKSA9PiB7XG4gICAgb25Eb3dubG9hZENTVj8uKHtcbiAgICAgIGRhdGEsXG4gICAgICBmaWxlbmFtZTogZ2V0VGVtcGxhdGVGaWxlbmFtZShcInVwZGF0ZVwiLCBjc3ZQcmVmaXgpLFxuICAgIH0pO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxTY3JlZW5MYXlvdXRcbiAgICAgIHRpdGxlPVwi5pu05paw55SoQ1NW44Gu44OA44Km44Oz44Ot44O844OJXCJcbiAgICAgIG9uTmV4dD17KCkgPT4ge1xuICAgICAgICBvbk5hdmlnYXRlKFwibG9hZENTVlwiKTtcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdhcDogMTZweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICAgKSA6IG9uU2VhcmNoID8gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGZvcm1cbiAgICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgICBjb25zdCBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YShldmVudC50YXJnZXQgYXMgSFRNTEZvcm1FbGVtZW50KTtcblxuICAgICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgICAgdmFsdWU6IGZvcm1EYXRhLmdldChcInZhbHVlXCIpIGFzIHN0cmluZyxcbiAgICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHRGaWVsZCBsYWJlbD17c2VhcmNoTGFiZWx9IG5hbWU9XCJ2YWx1ZVwiIC8+XG5cbiAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgPENTVkltcG9ydFVJVGFibGVcbiAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgIGhlYWRlcnM9e2hlYWRlcnN9XG4gICAgICAgICAgcm93cz17ZGF0YX1cbiAgICAgICAgICBlcnJvcnM9e1tdfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVEb3dubG9hZFVwZGF0ZVRlbXBsYXRlfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvU2NyZWVuTGF5b3V0PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:grid;gap:16px;label:DownloadUpdateTemplateScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9zY3JlZW5zL0Rvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlEZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL3NjcmVlbnMvRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vLi4vQnV0dG9uXCI7XG5pbXBvcnQge1xuICBDU1ZJbXBvcnRVSUNvbHVtbnMsXG4gIENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyxcbn0gZnJvbSBcIi4uL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBDU1ZJbXBvcnRVSVRhYmxlIH0gZnJvbSBcIi4uL0NTVkltcG9ydFVJVGFibGVcIjtcbmltcG9ydCB7IFNjcmVlbkxheW91dCB9IGZyb20gXCIuLi9TY3JlZW5MYXlvdXRcIjtcbmltcG9ydCB7IFNjcmVlblByb3BzIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi8uLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgZ2V0VGVtcGxhdGVGaWxlbmFtZSB9IGZyb20gXCIuLi9nZXRUZW1wbGF0ZUZpbGVuYW1lXCI7XG5pbXBvcnQgeyB1c2VOYXZpZ2F0ZSB9IGZyb20gXCIuLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEb3dubG9hZFVwZGF0ZVRlbXBsYXRlU2NyZWVuUHJvcHM8Um93PiBleHRlbmRzIFNjcmVlblByb3BzIHtcbiAgc2VhcmNoTGFiZWw/OiBzdHJpbmc7XG4gIG9uU2VhcmNoPzogKGFyZ3M6IHsgdmFsdWU6IHN0cmluZyB9KSA9PiBQcm9taXNlPHtcbiAgICBkYXRhOiBSb3dbXTtcbiAgfT47XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgaGVhZGVyczogc3RyaW5nW107XG4gIGNzdlByZWZpeD86IHN0cmluZztcbiAgb25Eb3dubG9hZENTVj86IChhcmdzOiB7IGRhdGE6IFJvd1tdOyBmaWxlbmFtZTogc3RyaW5nIH0pID0+IHZvaWQ7XG4gIGRlZmF1bHRUZW1wbGF0ZURhdGE/OiBSb3dbXTtcbiAgY29sdW1ucz86IENTVkltcG9ydFVJQ29sdW1ucztcbn1cblxuZXhwb3J0IGNvbnN0IERvd25sb2FkVXBkYXRlVGVtcGxhdGVTY3JlZW4gPSA8XG4gIFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4sXG4+KHtcbiAgaGVhZGVycyxcbiAgc2VhcmNoTGFiZWwsXG4gIG9uU2VhcmNoLFxuICBjc3ZQcmVmaXgsXG4gIG9uRG93bmxvYWRDU1YsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbiAgZGVmYXVsdFRlbXBsYXRlRGF0YSA9IFtdLFxuICBjb2x1bW5zLFxufTogRG93bmxvYWRVcGRhdGVUZW1wbGF0ZVNjcmVlblByb3BzPFJvdz4pID0+IHtcbiAgY29uc3QgeyBvbk5hdmlnYXRlIH0gPSB1c2VOYXZpZ2F0ZSgpO1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oZGVmYXVsdFRlbXBsYXRlRGF0YSk7XG4gIGNvbnN0IGhhbmRsZURvd25sb2FkVXBkYXRlVGVtcGxhdGUgPSAoKSA9PiB7XG4gICAgb25Eb3dubG9hZENTVj8uKHtcbiAgICAgIGRhdGEsXG4gICAgICBmaWxlbmFtZTogZ2V0VGVtcGxhdGVGaWxlbmFtZShcInVwZGF0ZVwiLCBjc3ZQcmVmaXgpLFxuICAgIH0pO1xuICB9O1xuICByZXR1cm4gKFxuICAgIDxTY3JlZW5MYXlvdXRcbiAgICAgIHRpdGxlPVwi5pu05paw55SoQ1NW44Gu44OA44Km44Oz44Ot44O844OJXCJcbiAgICAgIG9uTmV4dD17KCkgPT4ge1xuICAgICAgICBvbk5hdmlnYXRlKFwibG9hZENTVlwiKTtcbiAgICAgIH19XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdhcDogMTZweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICAgKSA6IG9uU2VhcmNoID8gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGZvcm1cbiAgICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgICBjb25zdCBmb3JtRGF0YSA9IG5ldyBGb3JtRGF0YShldmVudC50YXJnZXQgYXMgSFRNTEZvcm1FbGVtZW50KTtcblxuICAgICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgICAgdmFsdWU6IGZvcm1EYXRhLmdldChcInZhbHVlXCIpIGFzIHN0cmluZyxcbiAgICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICAgIH19XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBmbGV4LWVuZDtcbiAgICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFRleHRGaWVsZCBsYWJlbD17c2VhcmNoTGFiZWx9IG5hbWU9XCJ2YWx1ZVwiIC8+XG5cbiAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgPENTVkltcG9ydFVJVGFibGVcbiAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgIGhlYWRlcnM9e2hlYWRlcnN9XG4gICAgICAgICAgcm93cz17ZGF0YX1cbiAgICAgICAgICBlcnJvcnM9e1tdfVxuICAgICAgICAvPlxuXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgICB2YXJpYW50PVwiZmlsbGVkXCJcbiAgICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICBvbkNsaWNrPXtoYW5kbGVEb3dubG9hZFVwZGF0ZVRlbXBsYXRlfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIDwvU2NyZWVuTGF5b3V0PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var DownloadUpdateTemplateScreen = _ref5 => {

package/CSVImportUI/screens/DownloadUpdateTemplateScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"DownloadUpdateTemplateScreen.js","names":["Button","CSVImportUITable","ScreenLayout","TextField","css","getTemplateFilename","useNavigate","useState","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","_ref4","DownloadUpdateTemplateScreen","_ref5","headers","searchLabel","onSearch","csvPrefix","onDownloadCSV","renderSearchField","RenderSearchField","defaultTemplateData","columns","onNavigate","data","setData","handleDownloadUpdateTemplate","filename","title","onNext","onChange","onSubmit","_ref6","_asyncToGenerator","event","preventDefault","formData","FormData","target","value","get","_x","apply","arguments","label","type","variant","rows","errors","disabled","length","color","onClick"],"sources":["../../../../src/CSVImportUI/screens/DownloadUpdateTemplateScreen.tsx"],"sourcesContent":["import { Button } from \"../../Button\";\nimport {\n  CSVImportUIColumns,\n  CSVImportUIRenderSearchFieldProps,\n} from \"../CSVImportUI\";\nimport { CSVImportUITable } from \"../CSVImportUITable\";\nimport { ScreenLayout } from \"../ScreenLayout\";\nimport { ScreenProps } from \"./types\";\nimport { TextField } from \"../../TextField\";\nimport { css } from \"@emotion/react\";\nimport { getTemplateFilename } from \"../getTemplateFilename\";\nimport { useNavigate } from \"../ScreenProvider\";\nimport { useState } from \"react\";\n\nexport interface DownloadUpdateTemplateScreenProps<Row> extends ScreenProps {\n  searchLabel?: string;\n  onSearch?: (args: { value: string }) => Promise<{\n    data: Row[];\n  }>;\n  renderSearchField?: (\n    props: CSVImportUIRenderSearchFieldProps<Row>,\n  ) => JSX.Element;\n  headers: string[];\n  csvPrefix?: string;\n  onDownloadCSV?: (args: { data: Row[]; filename: string }) => void;\n  defaultTemplateData?: Row[];\n  columns?: CSVImportUIColumns;\n}\n\nexport const DownloadUpdateTemplateScreen = <\n  Row extends Record<string, string>,\n>({\n  headers,\n  searchLabel,\n  onSearch,\n  csvPrefix,\n  onDownloadCSV,\n  renderSearchField: RenderSearchField,\n  defaultTemplateData = [],\n  columns,\n}: DownloadUpdateTemplateScreenProps<Row>) => {\n  const { onNavigate } = useNavigate();\n  const [data, setData] = useState<Row[]>(defaultTemplateData);\n  const handleDownloadUpdateTemplate = () => {\n    onDownloadCSV?.({\n      data,\n      filename: getTemplateFilename(\"update\", csvPrefix),\n    });\n  };\n  return (\n    <ScreenLayout\n      title=\"更新用CSVのダウンロード\"\n      onNext={() => {\n        onNavigate(\"loadCSV\");\n      }}\n    >\n      <div\n        css={css`\n          display: grid;\n          gap: 16px;\n        `}\n      >\n        {RenderSearchField ? (\n          <RenderSearchField onChange={setData} />\n        ) : onSearch ? (\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                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        ) : null}\n\n        <CSVImportUITable\n          columns={columns}\n          headers={headers}\n          rows={data}\n          errors={[]}\n        />\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={handleDownloadUpdateTemplate}\n          >\n            更新用CSVをダウンロード\n          </Button>\n        </div>\n      </div>\n    </ScreenLayout>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DownloadUpdateTemplateScreen.js","names":["Button","CSVImportUITable","ScreenLayout","TextField","css","getTemplateFilename","useNavigate","useState","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref2","_ref3","_ref4","DownloadUpdateTemplateScreen","_ref5","headers","searchLabel","onSearch","csvPrefix","onDownloadCSV","renderSearchField","RenderSearchField","defaultTemplateData","columns","onNavigate","data","setData","handleDownloadUpdateTemplate","filename","title","onNext","onChange","onSubmit","_ref6","_asyncToGenerator","event","preventDefault","formData","FormData","target","value","get","_x","apply","arguments","label","type","variant","rows","errors","disabled","length","color","onClick"],"sources":["../../../../src/CSVImportUI/screens/DownloadUpdateTemplateScreen.tsx"],"sourcesContent":["import { Button } from \"../../Button\";\nimport {\n  CSVImportUIColumns,\n  CSVImportUIRenderSearchFieldProps,\n} from \"../CSVImportUI\";\nimport { CSVImportUITable } from \"../CSVImportUITable\";\nimport { ScreenLayout } from \"../ScreenLayout\";\nimport { ScreenProps } from \"./types\";\nimport { TextField } from \"../../TextField\";\nimport { css } from \"@emotion/react\";\nimport { getTemplateFilename } from \"../getTemplateFilename\";\nimport { useNavigate } from \"../ScreenProvider\";\nimport { useState } from \"react\";\n\nexport interface DownloadUpdateTemplateScreenProps<Row> extends ScreenProps {\n  searchLabel?: string;\n  onSearch?: (args: { value: string }) => Promise<{\n    data: Row[];\n  }>;\n  renderSearchField?: (\n    props: CSVImportUIRenderSearchFieldProps<Row>,\n  ) => React.JSX.Element;\n  headers: string[];\n  csvPrefix?: string;\n  onDownloadCSV?: (args: { data: Row[]; filename: string }) => void;\n  defaultTemplateData?: Row[];\n  columns?: CSVImportUIColumns;\n}\n\nexport const DownloadUpdateTemplateScreen = <\n  Row extends Record<string, string>,\n>({\n  headers,\n  searchLabel,\n  onSearch,\n  csvPrefix,\n  onDownloadCSV,\n  renderSearchField: RenderSearchField,\n  defaultTemplateData = [],\n  columns,\n}: DownloadUpdateTemplateScreenProps<Row>) => {\n  const { onNavigate } = useNavigate();\n  const [data, setData] = useState<Row[]>(defaultTemplateData);\n  const handleDownloadUpdateTemplate = () => {\n    onDownloadCSV?.({\n      data,\n      filename: getTemplateFilename(\"update\", csvPrefix),\n    });\n  };\n  return (\n    <ScreenLayout\n      title=\"更新用CSVのダウンロード\"\n      onNext={() => {\n        onNavigate(\"loadCSV\");\n      }}\n    >\n      <div\n        css={css`\n          display: grid;\n          gap: 16px;\n        `}\n      >\n        {RenderSearchField ? (\n          <RenderSearchField onChange={setData} />\n        ) : onSearch ? (\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                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        ) : null}\n\n        <CSVImportUITable\n          columns={columns}\n          headers={headers}\n          rows={data}\n          errors={[]}\n        />\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={handleDownloadUpdateTemplate}\n          >\n            更新用CSVをダウンロード\n          </Button>\n        </div>\n      </div>\n    </ScreenLayout>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/CalendarUI/index.d.ts

@@ -31,4 +31,4 @@ export interface CalendarUIProps<T> extends CalendarProps<T> {
 }
 export declare const CalendarUI: <Props>(props: CalendarUIProps<Props> & {
     ref?: React.Ref<HTMLDivElement>;
-}) => JSX.Element;
+}) => React.JSX.Element;