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

package/cjs/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["_FieldGroup","require","_theme","_ShimmerEffect","_react","_useClickAnimation","_react2","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","fade","keyframes","wave","resetButtonStyle","exports","process","env","NODE_ENV","name","styles","toString","defaultElement","_ref","_ref2","_ref3","Button","forwardRef","icon","endIcon","children","as","onClick","propsOnClick","variant","size","color","rounded","fullWidth","loading","propsLoading","readOnly","propsReadOnly","disabled","props","ref","Component","clicked","onAnimationEnd","useClickAnimation","theme","useTheme","hasChildren","undefined","hasIcon","hasEndIcon","onlyIcon","expanded","Error","useFieldGroup","jsx","ShimmerEffect","active","css","transitions","duration","shortest","easing","easeIn","palette","action","gray","intentions","main","shadows","disabledBackground","text","primary","contrastText","dark","hover","typography","button","fontSize","height","minHeight","padding","borderRadius","width","marginRight","marginLeft"],"sources":["../../../src/Button/Button.tsx"],"sourcesContent":["import { AsComponentProp, ComponentWithAs } from \"../AsComponentProps\";\nimport { FieldGroupContextValue, useFieldGroup } from \"../FieldGroup\";\nimport { PartialColorProps, useTheme } from \"../theme\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { css, keyframes } from \"@emotion/react\";\nimport { useClickAnimation } from \"../hooks/useClickAnimation\";\nimport React, { forwardRef } from \"react\";\n\nconst fade = keyframes`\n  100% {\n      opacity: 0;\n  }\n`;\nconst wave = keyframes`\n  100% {\n      box-shadow: 0 0 0 6px currentcolor;\n  }\n`;\n\nexport const resetButtonStyle = css`\n  position: relative;\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 0px;\n  margin: 0px;\n  font: inherit;\n  color: inherit;\n  text-align: center;\n  text-decoration: none;\n  white-space: nowrap;\n  touch-action: manipulation;\n  cursor: pointer;\n  user-select: none;\n  background-color: transparent;\n  border: none;\n  appearance: none;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:focus:not(:focus-visible) {\n    outline: none;\n  }\n`;\n\nexport interface BaseButtonProps\n  extends PartialColorProps,\n    FieldGroupContextValue {\n  children?: React.ReactNode;\n  /**\n   * ボタンの見た目を指定します。\n   *\n   * @default text\n   */\n  variant?: \"filled\" | \"outlined\" | \"text\";\n  /**\n   * アイコンとして入れる要素を指定します。\n   *\n   * @default null\n   */\n  icon?: React.ReactNode;\n  /**\n   * 文字列の後ろに入れるアイコンの要素を指定します。\n   * iconが指定されておらず、childrenがある場合のみ表示できます。\n   *\n   * @default null\n   */\n  endIcon?: React.ReactNode;\n  /**\n   * ボタンに丸みをつけます\n   *\n   * @default false\n   */\n  rounded?: boolean;\n  /**\n   * 最大限幅を大きくします。\n   *\n   * @default false\n   */\n  fullWidth?: boolean;\n  /**\n   * Use readOnly instead\n   */\n  disabled?: boolean;\n  /**\n   * 大きさを指定します。\n   *\n   * @default medium\n   */\n  size?: \"small\" | \"medium\" | \"large\" | \"xlarge\";\n}\n/**\n## 仕様について\n\n### カラーリング\n\nButton要素に対して親のカラーを継承したいという需要が理解できなかったため、\nデフォルトの挙動はinheritではなく、Themeの`palette.text.primary`をメインカラーをとしたものになります。\n\n### Icon\n\n近年、Floating Action Button (FAB)に代表されるアイコンのみのボタンが多く用いられるようになってきました。\nこのコンポーネントでもその需要に対応するため、icon属性を導入しています。\n\n子要素を指定せずicon属性を指定した場合、Button要素はrounded属性の有無によって正円または正方形になります。\nrounded属性を指定した場合のButton要素はFAB相当です。\n\nまた子要素が指定された場合、いわゆるExpanded FABと言われるコンポーネントと同等の見た目になります。\nこのときicon属性に指定した要素の右側には自動でマージンが入ります。\n\n\n## Button要素のパターンを増やしたい場合\n\nvariant属性は見た目のみを変化させるべきです。variantの値によって色や形状を変化させてはいけません。\n\nrounded属性は唯一形状を変化させます。ですが属性による形状の変化はそれが同一のコンポーネントである限り最低限であるべきです。\nもしrounded以外に形状を変化させる属性を追加したいと思ったなら、別コンポーネントとして切り出せないか検討してください。\n */\n\nconst defaultElement: keyof React.JSX.IntrinsicElements = \"button\";\n\n/*\nexport type ButtonProps<E> = E extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    ? MergeElementProps<E, BaseButtonProps> & {\n          as: E\n      }\n    : E extends never\n    ? MergeElementProps<\"button\", BaseButtonProps>\n    : never\n*/\n\nexport type ButtonProps<E extends React.ElementType = \"button\"> =\n  AsComponentProp<E, BaseButtonProps>;\n\nexport const Button = forwardRef(\n  <E extends React.ElementType = \"button\">(\n    {\n      icon,\n      endIcon,\n      children,\n      as,\n      onClick: propsOnClick,\n      variant = \"text\",\n      size = \"medium\",\n      color = \"default\",\n      rounded = false,\n      fullWidth,\n      loading: propsLoading,\n      readOnly: propsReadOnly,\n      disabled,\n      ...props\n    }: ButtonProps<E>,\n    ref: React.ForwardedRef<E>,\n  ) => {\n    const Component: React.ElementType = as ?? defaultElement;\n    const { clicked, onClick, onAnimationEnd } =\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      useClickAnimation(propsOnClick);\n    const theme = useTheme();\n    /**\n     * flags\n     */\n    const hasChildren = children !== undefined && children !== null;\n    const hasIcon = icon !== undefined && icon !== null;\n    const hasEndIcon = endIcon !== undefined && endIcon !== null;\n    const onlyIcon = hasIcon && hasChildren === false;\n    const expanded = hasIcon && hasChildren;\n    if ((hasEndIcon && hasChildren === false) || (onlyIcon && hasEndIcon)) {\n      throw new Error(\"endIcon can only be used when children is specified.\");\n    }\n    /**\n     * loading\n     */\n    const { loading, readOnly } = useFieldGroup({\n      loading: propsLoading,\n      readOnly: propsReadOnly,\n    });\n    return (\n      <ShimmerEffect active={loading}>\n        <Component\n          css={[\n            resetButtonStyle,\n            css`\n              border: 1px solid transparent;\n              outline: 0;\n              transition:\n                background-color ${theme.transitions.duration.shortest}\n                  ${theme.transitions.easing.easeIn},\n                border-color ${theme.transitions.duration.shortest}\n                  ${theme.transitions.easing.easeIn};\n              &:hover {\n                transition: none;\n              }\n              &::selection {\n                color: inherit;\n                background-color: transparent;\n              }\n              &:disabled {\n                color: ${theme.palette.action.disabled};\n                text-shadow: none;\n              }\n              &::after {\n                position: absolute;\n                top: -1px;\n                right: -1px;\n                bottom: -1px;\n                left: -1px;\n                z-index: 1;\n                display: block;\n                color: ${color === \"default\"\n                  ? theme.palette.gray[600]\n                  : theme.palette.intentions[color].main};\n                pointer-events: none;\n                content: \"\";\n                border-radius: inherit;\n                opacity: 0.2;\n                transform: scale(1);\n              }\n              &[data-clicked=\"true\"]::after {\n                animation:\n                  ${fade} 2s cubic-bezier(0.08, 0.82, 0.17, 1),\n                  ${wave} 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);\n              }\n            `,\n            variant === \"filled\"\n              ? css`\n                  box-shadow: ${theme.shadows[1]};\n                  &:hover {\n                    box-shadow: ${theme.shadows[3]};\n                  }\n                  &:disabled {\n                    color: ${theme.palette.action.disabled};\n                    background-color: ${theme.palette.action\n                      .disabledBackground};\n                    border-color: ${theme.palette.action.disabledBackground};\n                    box-shadow: none;\n                  }\n                `\n              : null,\n            variant === \"filled\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                    background-color: ${theme.palette.gray[50]};\n                    border-color: ${theme.palette.gray[50]};\n                    &:active {\n                      background-color: ${theme.palette.gray[100]};\n                      border-color: ${theme.palette.gray[100]};\n                    }\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].contrastText};\n                    background-color: ${theme.palette.intentions[color].main};\n                    border-color: ${theme.palette.intentions[color].main};\n                    &:active {\n                      background-color: ${theme.palette.intentions[color].dark};\n                      border-color: ${theme.palette.intentions[color].dark};\n                    }\n                  `\n              : null,\n            variant === \"outlined\"\n              ? css`\n                  &:disabled {\n                    color: ${theme.palette.action.disabled};\n                    border-color: ${theme.palette.action.disabledBackground};\n                  }\n                  &::before {\n                    position: absolute;\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    pointer-events: none;\n                    content: \"\";\n                    background-color: ${color === \"default\"\n                      ? theme.palette.gray[600]\n                      : theme.palette.intentions[color].main};\n                    border-radius: inherit;\n                    opacity: 0;\n                    transition: opacity ${theme.transitions.duration.shortest}\n                      ${theme.transitions.easing.easeIn};\n                  }\n\n                  &:hover::before {\n                    opacity: 0.08;\n                  }\n                `\n              : null,\n            variant === \"outlined\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                    background-color: white;\n                    border-color: ${theme.palette.action.disabled};\n                    &:active {\n                      border-color: ${theme.palette.gray[500]};\n                    }\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].main};\n                    background-color: ${theme.palette.intentions[color]\n                      .contrastText};\n                    border-color: ${theme.palette.intentions[color].main};\n                    &:active {\n                      border-color: ${theme.palette.intentions[color].dark};\n                    }\n                  `\n              : null,\n            variant === \"text\"\n              ? css`\n                  text-decoration: underline;\n                  transition-property: background-color;\n                  &:disabled {\n                    color: ${theme.palette.text.disabled};\n                  }\n                  @media (any-hover: hover) {\n                    &:hover {\n                      background-color: ${theme.palette.action.hover};\n                    }\n                  }\n                  @media not all and (any-hover: hover) {\n                    &[data-clicked=\"true\"] {\n                      background-color: ${theme.palette.action.hover};\n                    }\n                  }\n                `\n              : null,\n            variant === \"text\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].main};\n                  `\n              : null,\n            theme.typography.button,\n            size === \"small\"\n              ? {\n                  fontSize: theme.typography.button.fontSize * 0.8,\n                  height: 32,\n                  minHeight: 32,\n                  padding: \"4px 10px\",\n                  borderRadius: rounded ? 16 : 4,\n                }\n              : size === \"medium\"\n                ? {\n                    height: 42,\n                    minHeight: 42,\n                    padding: `4px 16px`,\n                    borderRadius: rounded ? 21 : 4,\n                  }\n                : size === \"large\"\n                  ? {\n                      fontSize: theme.typography.button.fontSize * 1.1,\n                      height: 48,\n                      minHeight: 48,\n                      padding: `6px 22px`,\n                      borderRadius: rounded ? 24 : 4,\n                    }\n                  : {\n                      fontSize: theme.typography.button.fontSize * 1.1,\n                      height: 56,\n                      minHeight: 56,\n                      padding: `6px 22px`,\n                      borderRadius: rounded ? 28 : 4,\n                    },\n            onlyIcon\n              ? size === \"small\"\n                ? {\n                    width: 32,\n                    padding: 0,\n                  }\n                : size === \"medium\"\n                  ? {\n                      width: 42,\n                      padding: 0,\n                    }\n                  : size === \"large\"\n                    ? {\n                        width: 48,\n                        padding: 0,\n                      }\n                    : {\n                        width: 56,\n                        padding: 0,\n                      }\n              : null,\n            fullWidth &&\n              css`\n                flex: 1 1 100%;\n                width: 100%;\n                max-width: 100%;\n              `,\n          ]}\n          ref={ref}\n          {...props}\n          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n          disabled={disabled || readOnly}\n          onClick={onClick}\n          onAnimationEnd={onAnimationEnd}\n          data-clicked={clicked}\n        >\n          {hasIcon ? (\n            <span\n              css={[\n                expanded\n                  ? {\n                      marginRight: size === \"small\" ? 4 : 8,\n                    }\n                  : null,\n                css`\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                `,\n              ]}\n            >\n              {icon}\n            </span>\n          ) : null}\n          {children}\n          {hasEndIcon ? (\n            <span\n              css={[\n                {\n                  marginLeft: size === \"small\" ? 4 : 8,\n                },\n                css`\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                `,\n              ]}\n            >\n              {endIcon}\n            </span>\n          ) : null}\n        </Component>\n      </ShimmerEffect>\n    );\n  },\n) as ComponentWithAs<\"button\", BaseButtonProps>;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Button.js","names":["_react","require","_react2","_interopRequireWildcard","_FieldGroup","_theme","_ShimmerEffect","_useClickAnimation","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_EMOTION_STRINGIFIED_CSS_ERROR__","fade","keyframes","wave","resetButtonStyle","exports","process","env","NODE_ENV","name","styles","toString","defaultElement","_ref","_ref2","_ref3","Button","forwardRef","icon","endIcon","children","as","onClick","propsOnClick","variant","size","color","rounded","fullWidth","loading","propsLoading","readOnly","propsReadOnly","disabled","props","ref","Component","clicked","onAnimationEnd","useClickAnimation","theme","useTheme","hasChildren","undefined","hasIcon","hasEndIcon","onlyIcon","expanded","Error","useFieldGroup","jsx","ShimmerEffect","active","css","transitions","duration","shortest","easing","easeIn","palette","action","gray","intentions","main","shadows","disabledBackground","text","primary","contrastText","dark","hover","typography","button","fontSize","height","minHeight","padding","borderRadius","width","marginRight","marginLeft"],"sources":["../../../src/Button/Button.tsx"],"sourcesContent":["import { css, keyframes } from \"@emotion/react\";\nimport React, { forwardRef } from \"react\";\nimport { AsComponentProp, ComponentWithAs } from \"../AsComponentProps\";\nimport { FieldGroupContextValue, useFieldGroup } from \"../FieldGroup\";\nimport { PartialColorProps, useTheme } from \"../theme\";\nimport { ShimmerEffect } from \"../ShimmerEffect\";\nimport { useClickAnimation } from \"../hooks/useClickAnimation\";\n\nconst fade = keyframes`\n  100% {\n      opacity: 0;\n  }\n`;\nconst wave = keyframes`\n  100% {\n      box-shadow: 0 0 0 6px currentcolor;\n  }\n`;\n\nexport const resetButtonStyle = css`\n  position: relative;\n  box-sizing: border-box;\n  display: inline-flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  padding: 0px;\n  margin: 0px;\n  font: inherit;\n  color: inherit;\n  text-align: center;\n  text-decoration: none;\n  white-space: nowrap;\n  touch-action: manipulation;\n  cursor: pointer;\n  user-select: none;\n  background-color: transparent;\n  border: none;\n  appearance: none;\n  &:disabled {\n    cursor: not-allowed;\n  }\n  &:focus:not(:focus-visible) {\n    outline: none;\n  }\n`;\n\nexport interface BaseButtonProps\n  extends PartialColorProps,\n    FieldGroupContextValue {\n  children?: React.ReactNode;\n  /**\n   * ボタンの見た目を指定します。\n   *\n   * @default text\n   */\n  variant?: \"filled\" | \"outlined\" | \"text\";\n  /**\n   * アイコンとして入れる要素を指定します。\n   *\n   * @default null\n   */\n  icon?: React.ReactNode;\n  /**\n   * 文字列の後ろに入れるアイコンの要素を指定します。\n   * iconが指定されておらず、childrenがある場合のみ表示できます。\n   *\n   * @default null\n   */\n  endIcon?: React.ReactNode;\n  /**\n   * ボタンに丸みをつけます\n   *\n   * @default false\n   */\n  rounded?: boolean;\n  /**\n   * 最大限幅を大きくします。\n   *\n   * @default false\n   */\n  fullWidth?: boolean;\n  /**\n   * Use readOnly instead\n   */\n  disabled?: boolean;\n  /**\n   * 大きさを指定します。\n   *\n   * @default medium\n   */\n  size?: \"small\" | \"medium\" | \"large\" | \"xlarge\";\n}\n/**\n## 仕様について\n\n### カラーリング\n\nButton要素に対して親のカラーを継承したいという需要が理解できなかったため、\nデフォルトの挙動はinheritではなく、Themeの`palette.text.primary`をメインカラーをとしたものになります。\n\n### Icon\n\n近年、Floating Action Button (FAB)に代表されるアイコンのみのボタンが多く用いられるようになってきました。\nこのコンポーネントでもその需要に対応するため、icon属性を導入しています。\n\n子要素を指定せずicon属性を指定した場合、Button要素はrounded属性の有無によって正円または正方形になります。\nrounded属性を指定した場合のButton要素はFAB相当です。\n\nまた子要素が指定された場合、いわゆるExpanded FABと言われるコンポーネントと同等の見た目になります。\nこのときicon属性に指定した要素の右側には自動でマージンが入ります。\n\n\n## Button要素のパターンを増やしたい場合\n\nvariant属性は見た目のみを変化させるべきです。variantの値によって色や形状を変化させてはいけません。\n\nrounded属性は唯一形状を変化させます。ですが属性による形状の変化はそれが同一のコンポーネントである限り最低限であるべきです。\nもしrounded以外に形状を変化させる属性を追加したいと思ったなら、別コンポーネントとして切り出せないか検討してください。\n */\n\nconst defaultElement: keyof React.JSX.IntrinsicElements = \"button\";\n\n/*\nexport type ButtonProps<E> = E extends\n    | keyof JSX.IntrinsicElements\n    | React.ComponentType<any>\n    ? MergeElementProps<E, BaseButtonProps> & {\n          as: E\n      }\n    : E extends never\n    ? MergeElementProps<\"button\", BaseButtonProps>\n    : never\n*/\n\nexport type ButtonProps<E extends React.ElementType = \"button\"> =\n  AsComponentProp<E, BaseButtonProps>;\n\nexport const Button = forwardRef(\n  <E extends React.ElementType = \"button\">(\n    {\n      icon,\n      endIcon,\n      children,\n      as,\n      onClick: propsOnClick,\n      variant = \"text\",\n      size = \"medium\",\n      color = \"default\",\n      rounded = false,\n      fullWidth,\n      loading: propsLoading,\n      readOnly: propsReadOnly,\n      disabled,\n      ...props\n    }: ButtonProps<E>,\n    ref: React.ForwardedRef<E>,\n  ) => {\n    const Component: React.ElementType = as ?? defaultElement;\n    const { clicked, onClick, onAnimationEnd } =\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      useClickAnimation(propsOnClick);\n    const theme = useTheme();\n    /**\n     * flags\n     */\n    const hasChildren = children !== undefined && children !== null;\n    const hasIcon = icon !== undefined && icon !== null;\n    const hasEndIcon = endIcon !== undefined && endIcon !== null;\n    const onlyIcon = hasIcon && hasChildren === false;\n    const expanded = hasIcon && hasChildren;\n    if ((hasEndIcon && hasChildren === false) || (onlyIcon && hasEndIcon)) {\n      throw new Error(\"endIcon can only be used when children is specified.\");\n    }\n    /**\n     * loading\n     */\n    const { loading, readOnly } = useFieldGroup({\n      loading: propsLoading,\n      readOnly: propsReadOnly,\n    });\n    return (\n      <ShimmerEffect active={loading}>\n        <Component\n          css={[\n            resetButtonStyle,\n            css`\n              border: 1px solid transparent;\n              outline: 0;\n              transition:\n                background-color ${theme.transitions.duration.shortest}\n                  ${theme.transitions.easing.easeIn},\n                border-color ${theme.transitions.duration.shortest}\n                  ${theme.transitions.easing.easeIn};\n              &:hover {\n                transition: none;\n              }\n              &::selection {\n                color: inherit;\n                background-color: transparent;\n              }\n              &:disabled {\n                color: ${theme.palette.action.disabled};\n                text-shadow: none;\n              }\n              &::after {\n                position: absolute;\n                top: -1px;\n                right: -1px;\n                bottom: -1px;\n                left: -1px;\n                z-index: 1;\n                display: block;\n                color: ${color === \"default\"\n                  ? theme.palette.gray[600]\n                  : theme.palette.intentions[color].main};\n                pointer-events: none;\n                content: \"\";\n                border-radius: inherit;\n                opacity: 0.2;\n                transform: scale(1);\n              }\n              &[data-clicked=\"true\"]::after {\n                animation:\n                  ${fade} 2s cubic-bezier(0.08, 0.82, 0.17, 1),\n                  ${wave} 0.4s cubic-bezier(0.08, 0.82, 0.17, 1);\n              }\n            `,\n            variant === \"filled\"\n              ? css`\n                  box-shadow: ${theme.shadows[1]};\n                  &:hover {\n                    box-shadow: ${theme.shadows[3]};\n                  }\n                  &:disabled {\n                    color: ${theme.palette.action.disabled};\n                    background-color: ${theme.palette.action\n                      .disabledBackground};\n                    border-color: ${theme.palette.action.disabledBackground};\n                    box-shadow: none;\n                  }\n                `\n              : null,\n            variant === \"filled\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                    background-color: ${theme.palette.gray[50]};\n                    border-color: ${theme.palette.gray[50]};\n                    &:active {\n                      background-color: ${theme.palette.gray[100]};\n                      border-color: ${theme.palette.gray[100]};\n                    }\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].contrastText};\n                    background-color: ${theme.palette.intentions[color].main};\n                    border-color: ${theme.palette.intentions[color].main};\n                    &:active {\n                      background-color: ${theme.palette.intentions[color].dark};\n                      border-color: ${theme.palette.intentions[color].dark};\n                    }\n                  `\n              : null,\n            variant === \"outlined\"\n              ? css`\n                  &:disabled {\n                    color: ${theme.palette.action.disabled};\n                    border-color: ${theme.palette.action.disabledBackground};\n                  }\n                  &::before {\n                    position: absolute;\n                    display: block;\n                    width: 100%;\n                    height: 100%;\n                    pointer-events: none;\n                    content: \"\";\n                    background-color: ${color === \"default\"\n                      ? theme.palette.gray[600]\n                      : theme.palette.intentions[color].main};\n                    border-radius: inherit;\n                    opacity: 0;\n                    transition: opacity ${theme.transitions.duration.shortest}\n                      ${theme.transitions.easing.easeIn};\n                  }\n\n                  &:hover::before {\n                    opacity: 0.08;\n                  }\n                `\n              : null,\n            variant === \"outlined\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                    background-color: white;\n                    border-color: ${theme.palette.action.disabled};\n                    &:active {\n                      border-color: ${theme.palette.gray[500]};\n                    }\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].main};\n                    background-color: ${theme.palette.intentions[color]\n                      .contrastText};\n                    border-color: ${theme.palette.intentions[color].main};\n                    &:active {\n                      border-color: ${theme.palette.intentions[color].dark};\n                    }\n                  `\n              : null,\n            variant === \"text\"\n              ? css`\n                  text-decoration: underline;\n                  transition-property: background-color;\n                  &:disabled {\n                    color: ${theme.palette.text.disabled};\n                  }\n                  @media (any-hover: hover) {\n                    &:hover {\n                      background-color: ${theme.palette.action.hover};\n                    }\n                  }\n                  @media not all and (any-hover: hover) {\n                    &[data-clicked=\"true\"] {\n                      background-color: ${theme.palette.action.hover};\n                    }\n                  }\n                `\n              : null,\n            variant === \"text\"\n              ? color === \"default\"\n                ? css`\n                    color: ${theme.palette.text.primary};\n                  `\n                : css`\n                    color: ${theme.palette.intentions[color].main};\n                  `\n              : null,\n            theme.typography.button,\n            size === \"small\"\n              ? {\n                  fontSize: theme.typography.button.fontSize * 0.8,\n                  height: 32,\n                  minHeight: 32,\n                  padding: \"4px 10px\",\n                  borderRadius: rounded ? 16 : 4,\n                }\n              : size === \"medium\"\n                ? {\n                    height: 42,\n                    minHeight: 42,\n                    padding: `4px 16px`,\n                    borderRadius: rounded ? 21 : 4,\n                  }\n                : size === \"large\"\n                  ? {\n                      fontSize: theme.typography.button.fontSize * 1.1,\n                      height: 48,\n                      minHeight: 48,\n                      padding: `6px 22px`,\n                      borderRadius: rounded ? 24 : 4,\n                    }\n                  : {\n                      fontSize: theme.typography.button.fontSize * 1.1,\n                      height: 56,\n                      minHeight: 56,\n                      padding: `6px 22px`,\n                      borderRadius: rounded ? 28 : 4,\n                    },\n            onlyIcon\n              ? size === \"small\"\n                ? {\n                    width: 32,\n                    padding: 0,\n                  }\n                : size === \"medium\"\n                  ? {\n                      width: 42,\n                      padding: 0,\n                    }\n                  : size === \"large\"\n                    ? {\n                        width: 48,\n                        padding: 0,\n                      }\n                    : {\n                        width: 56,\n                        padding: 0,\n                      }\n              : null,\n            fullWidth &&\n              css`\n                flex: 1 1 100%;\n                width: 100%;\n                max-width: 100%;\n              `,\n          ]}\n          ref={ref}\n          {...props}\n          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n          disabled={disabled || readOnly}\n          onClick={onClick}\n          onAnimationEnd={onAnimationEnd}\n          data-clicked={clicked}\n        >\n          {hasIcon ? (\n            <span\n              css={[\n                expanded\n                  ? {\n                      marginRight: size === \"small\" ? 4 : 8,\n                    }\n                  : null,\n                css`\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                `,\n              ]}\n            >\n              {icon}\n            </span>\n          ) : null}\n          {children}\n          {hasEndIcon ? (\n            <span\n              css={[\n                {\n                  marginLeft: size === \"small\" ? 4 : 8,\n                },\n                css`\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                `,\n              ]}\n            >\n              {endIcon}\n            </span>\n          ) : null}\n        </Component>\n      </ShimmerEffect>\n    );\n  },\n) as ComponentWithAs<\"button\", BaseButtonProps>;\n"],"mappings":"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","ignoreList":[]}

package/cjs/CSVImportUI/CSVImportUI.js

@@ -2,6 +2,7 @@
 
 exports.__esModule = true;
 exports.CSVImportUI = void 0;
+var _react = require("react");
 var _CompleteScreen = require("./screens/CompleteScreen");
 var _DownloadCreateTemplateScreen = require("./screens/DownloadCreateTemplateScreen");
 var _DownloadUpdateTemplateScreen = require("./screens/DownloadUpdateTemplateScreen");
@@ -9,7 +10,6 @@ var _LoadCSVScreen = require("./screens/LoadCSVScreen");
 var _ScreenProvider = require("./ScreenProvider");
 var _SelectModeScreen = require("./screens/SelectModeScreen");
 var _UploadCSVScreen = require("./screens/UploadCSVScreen");
-var _react = require("react");
 var _react2 = require("@emotion/react");
 /**
  * ライブラリ利用者用の型

package/cjs/CSVImportUI/CSVImportUI.js.map

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

package/cjs/CSVImportUI/CSVImportUISearchScreen.js

@@ -2,17 +2,17 @@
 
 exports.__esModule = true;
 exports.CSVImportUISearchScreen = void 0;
-var _Button = require("../Button/Button");
-var _TextField = require("../TextField");
 var _react = require("@emotion/react");
 var _react2 = require("react");
+var _Button = require("../Button/Button");
+var _TextField = require("../TextField");
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "skgbeu",
   styles: "display:flex;justify-content:flex-end"
 } : {
   name: "1lcoz5b-CSVImportUISearchScreen",
-  styles: "display:flex;justify-content:flex-end;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "display:flex;justify-content:flex-end;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUZnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -20,7 +20,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;gap:8px;align-items:flex-end"
 } : {
   name: "3brfoz-CSVImportUISearchScreen",
-  styles: "display:flex;gap:8px;align-items:flex-end;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "display:flex;gap:8px;align-items:flex-end;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0VzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref3 = process.env.NODE_ENV === "production" ? {
@@ -28,7 +28,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;align-items:flex-end;justify-content:space-between"
 } : {
   name: "u2s9ec-CSVImportUISearchScreen",
-  styles: "display:flex;align-items:flex-end;justify-content:space-between;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5pbXBvcnQgeyBUZXh0RmllbGQgfSBmcm9tIFwiLi4vVGV4dEZpZWxkXCI7XG5pbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
+  styles: "display:flex;align-items:flex-end;justify-content:space-between;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL0J1dHRvbi9CdXR0b25cIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wcyB9IGZyb20gXCIuL0NTVkltcG9ydFVJXCI7XG5cbmludGVyZmFjZSBDU1ZJbXBvcnRVSVNlYXJjaFNjcmVlblByb3BzPFJvdz4ge1xuICBzZWFyY2hMYWJlbD86IHN0cmluZztcbiAgcmVuZGVyRGF0YTogKGRhdGE6IFJvd1tdKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbiAgb25TZWFyY2g/OiAoYXJnczogeyB2YWx1ZTogc3RyaW5nIH0pID0+IFByb21pc2U8e1xuICAgIGRhdGE6IFJvd1tdO1xuICB9PjtcbiAgb25Eb3dubG9hZFRlbXBsYXRlOiAoZGF0YTogUm93W10pID0+IHZvaWQ7XG4gIHJlbmRlclNlYXJjaEZpZWxkPzogKFxuICAgIHByb3BzOiBDU1ZJbXBvcnRVSVJlbmRlclNlYXJjaEZpZWxkUHJvcHM8Um93PixcbiAgKSA9PiBSZWFjdC5KU1guRWxlbWVudDtcbn1cblxuZXhwb3J0IGNvbnN0IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuID0gPFJvdyBleHRlbmRzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4+KHtcbiAgc2VhcmNoTGFiZWwsXG4gIHJlbmRlckRhdGEsXG4gIG9uU2VhcmNoLFxuICBvbkRvd25sb2FkVGVtcGxhdGUsXG4gIHJlbmRlclNlYXJjaEZpZWxkOiBSZW5kZXJTZWFyY2hGaWVsZCxcbn06IENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PikgPT4ge1xuICBjb25zdCBbZGF0YSwgc2V0RGF0YV0gPSB1c2VTdGF0ZTxSb3dbXT4oW10pO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogMTZweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAge1JlbmRlclNlYXJjaEZpZWxkID8gKFxuICAgICAgICA8UmVuZGVyU2VhcmNoRmllbGQgb25DaGFuZ2U9e3NldERhdGF9IC8+XG4gICAgICApIDogKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8Zm9ybVxuICAgICAgICAgICAgb25TdWJtaXQ9e2FzeW5jIChldmVudCkgPT4ge1xuICAgICAgICAgICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuXG4gICAgICAgICAgICAgIGNvbnN0IGZvcm1EYXRhID0gbmV3IEZvcm1EYXRhKGV2ZW50LnRhcmdldCBhcyBIVE1MRm9ybUVsZW1lbnQpO1xuXG4gICAgICAgICAgICAgIGlmIChvblNlYXJjaCA9PT0gdW5kZWZpbmVkKSB7XG4gICAgICAgICAgICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAgICAgICAgICAgXCJDU1ZJbXBvcnRVSTogSW4gdXBkYXRlIG1vZGUsIG9uU2VhcmNoRGF0YSBpcyByZXF1aXJlZFwiLFxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICBjb25zdCB7IGRhdGEgfSA9IGF3YWl0IG9uU2VhcmNoKHtcbiAgICAgICAgICAgICAgICB2YWx1ZTogZm9ybURhdGEuZ2V0KFwidmFsdWVcIikgYXMgc3RyaW5nLFxuICAgICAgICAgICAgICB9KTtcblxuICAgICAgICAgICAgICBzZXREYXRhKGRhdGEpO1xuICAgICAgICAgICAgfX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZ2FwOiA4cHg7XG4gICAgICAgICAgICAgICAgYWxpZ24taXRlbXM6IGZsZXgtZW5kO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8VGV4dEZpZWxkIGxhYmVsPXtzZWFyY2hMYWJlbH0gbmFtZT1cInZhbHVlXCIgLz5cblxuICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJzdWJtaXRcIiB2YXJpYW50PVwib3V0bGluZWRcIj5cbiAgICAgICAgICAgICAgICDmpJzntKJcbiAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Zvcm0+XG4gICAgICAgIDwvZGl2PlxuICAgICAgKX1cblxuICAgICAge3JlbmRlckRhdGEoZGF0YSl9XG5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtZW5kO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgZGlzYWJsZWQ9e2RhdGEubGVuZ3RoID09PSAwfVxuICAgICAgICAgIHZhcmlhbnQ9XCJmaWxsZWRcIlxuICAgICAgICAgIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgb25Eb3dubG9hZFRlbXBsYXRlKGRhdGEpO1xuICAgICAgICAgIH19XG4gICAgICAgID5cbiAgICAgICAgICDmm7TmlrDnlKhDU1bjgpLjg4Djgqbjg7Pjg63jg7zjg4lcbiAgICAgICAgPC9CdXR0b24+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref4 = process.env.NODE_ENV === "production" ? {
@@ -36,7 +36,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
   styles: "display:grid;gap:16px"
 } : {
   name: "1yrtjyi-CSVImportUISearchScreen",
-  styles: "display:grid;gap:16px;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgQ1NWSW1wb3J0VUlSZW5kZXJTZWFyY2hGaWVsZFByb3BzIH0gZnJvbSBcIi4vQ1NWSW1wb3J0VUlcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi9UZXh0RmllbGRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuaW50ZXJmYWNlIENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PiB7XG4gIHNlYXJjaExhYmVsPzogc3RyaW5nO1xuICByZW5kZXJEYXRhOiAoZGF0YTogUm93W10pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuICBvblNlYXJjaD86IChhcmdzOiB7IHZhbHVlOiBzdHJpbmcgfSkgPT4gUHJvbWlzZTx7XG4gICAgZGF0YTogUm93W107XG4gIH0+O1xuICBvbkRvd25sb2FkVGVtcGxhdGU6IChkYXRhOiBSb3dbXSkgPT4gdm9pZDtcbiAgcmVuZGVyU2VhcmNoRmllbGQ/OiAoXG4gICAgcHJvcHM6IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wczxSb3c+LFxuICApID0+IFJlYWN0LkpTWC5FbGVtZW50O1xufVxuXG5leHBvcnQgY29uc3QgQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4gPSA8Um93IGV4dGVuZHMgUmVjb3JkPHN0cmluZywgc3RyaW5nPj4oe1xuICBzZWFyY2hMYWJlbCxcbiAgcmVuZGVyRGF0YSxcbiAgb25TZWFyY2gsXG4gIG9uRG93bmxvYWRUZW1wbGF0ZSxcbiAgcmVuZGVyU2VhcmNoRmllbGQ6IFJlbmRlclNlYXJjaEZpZWxkLFxufTogQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW5Qcm9wczxSb3c+KSA9PiB7XG4gIGNvbnN0IFtkYXRhLCBzZXREYXRhXSA9IHVzZVN0YXRlPFJvd1tdPihbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7UmVuZGVyU2VhcmNoRmllbGQgPyAoXG4gICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxmb3JtXG4gICAgICAgICAgICBvblN1Ym1pdD17YXN5bmMgKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgY29uc3QgZm9ybURhdGEgPSBuZXcgRm9ybURhdGEoZXZlbnQudGFyZ2V0IGFzIEhUTUxGb3JtRWxlbWVudCk7XG5cbiAgICAgICAgICAgICAgaWYgKG9uU2VhcmNoID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICAgICAgICAgICBcIkNTVkltcG9ydFVJOiBJbiB1cGRhdGUgbW9kZSwgb25TZWFyY2hEYXRhIGlzIHJlcXVpcmVkXCIsXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgIHZhbHVlOiBmb3JtRGF0YS5nZXQoXCJ2YWx1ZVwiKSBhcyBzdHJpbmcsXG4gICAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUZXh0RmllbGQgbGFiZWw9e3NlYXJjaExhYmVsfSBuYW1lPVwidmFsdWVcIiAvPlxuXG4gICAgICAgICAgICAgIDxCdXR0b24gdHlwZT1cInN1Ym1pdFwiIHZhcmlhbnQ9XCJvdXRsaW5lZFwiPlxuICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuXG4gICAgICB7cmVuZGVyRGF0YShkYXRhKX1cblxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvbkRvd25sb2FkVGVtcGxhdGUoZGF0YSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:grid;gap:16px;label:CSVImportUISearchScreen;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkJjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9DU1ZJbXBvcnRVSVNlYXJjaFNjcmVlbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgVGV4dEZpZWxkIH0gZnJvbSBcIi4uL1RleHRGaWVsZFwiO1xuaW1wb3J0IHsgQ1NWSW1wb3J0VUlSZW5kZXJTZWFyY2hGaWVsZFByb3BzIH0gZnJvbSBcIi4vQ1NWSW1wb3J0VUlcIjtcblxuaW50ZXJmYWNlIENTVkltcG9ydFVJU2VhcmNoU2NyZWVuUHJvcHM8Um93PiB7XG4gIHNlYXJjaExhYmVsPzogc3RyaW5nO1xuICByZW5kZXJEYXRhOiAoZGF0YTogUm93W10pID0+IFJlYWN0LkpTWC5FbGVtZW50O1xuICBvblNlYXJjaD86IChhcmdzOiB7IHZhbHVlOiBzdHJpbmcgfSkgPT4gUHJvbWlzZTx7XG4gICAgZGF0YTogUm93W107XG4gIH0+O1xuICBvbkRvd25sb2FkVGVtcGxhdGU6IChkYXRhOiBSb3dbXSkgPT4gdm9pZDtcbiAgcmVuZGVyU2VhcmNoRmllbGQ/OiAoXG4gICAgcHJvcHM6IENTVkltcG9ydFVJUmVuZGVyU2VhcmNoRmllbGRQcm9wczxSb3c+LFxuICApID0+IFJlYWN0LkpTWC5FbGVtZW50O1xufVxuXG5leHBvcnQgY29uc3QgQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW4gPSA8Um93IGV4dGVuZHMgUmVjb3JkPHN0cmluZywgc3RyaW5nPj4oe1xuICBzZWFyY2hMYWJlbCxcbiAgcmVuZGVyRGF0YSxcbiAgb25TZWFyY2gsXG4gIG9uRG93bmxvYWRUZW1wbGF0ZSxcbiAgcmVuZGVyU2VhcmNoRmllbGQ6IFJlbmRlclNlYXJjaEZpZWxkLFxufTogQ1NWSW1wb3J0VUlTZWFyY2hTY3JlZW5Qcm9wczxSb3c+KSA9PiB7XG4gIGNvbnN0IFtkYXRhLCBzZXREYXRhXSA9IHVzZVN0YXRlPFJvd1tdPihbXSk7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ2FwOiAxNnB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7UmVuZGVyU2VhcmNoRmllbGQgPyAoXG4gICAgICAgIDxSZW5kZXJTZWFyY2hGaWVsZCBvbkNoYW5nZT17c2V0RGF0YX0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIDxmb3JtXG4gICAgICAgICAgICBvblN1Ym1pdD17YXN5bmMgKGV2ZW50KSA9PiB7XG4gICAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG5cbiAgICAgICAgICAgICAgY29uc3QgZm9ybURhdGEgPSBuZXcgRm9ybURhdGEoZXZlbnQudGFyZ2V0IGFzIEhUTUxGb3JtRWxlbWVudCk7XG5cbiAgICAgICAgICAgICAgaWYgKG9uU2VhcmNoID09PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICAgICAgICAgICBcIkNTVkltcG9ydFVJOiBJbiB1cGRhdGUgbW9kZSwgb25TZWFyY2hEYXRhIGlzIHJlcXVpcmVkXCIsXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgIGNvbnN0IHsgZGF0YSB9ID0gYXdhaXQgb25TZWFyY2goe1xuICAgICAgICAgICAgICAgIHZhbHVlOiBmb3JtRGF0YS5nZXQoXCJ2YWx1ZVwiKSBhcyBzdHJpbmcsXG4gICAgICAgICAgICAgIH0pO1xuXG4gICAgICAgICAgICAgIHNldERhdGEoZGF0YSk7XG4gICAgICAgICAgICB9fVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgICAgICBhbGlnbi1pdGVtczogZmxleC1lbmQ7XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxUZXh0RmllbGQgbGFiZWw9e3NlYXJjaExhYmVsfSBuYW1lPVwidmFsdWVcIiAvPlxuXG4gICAgICAgICAgICAgIDxCdXR0b24gdHlwZT1cInN1Ym1pdFwiIHZhcmlhbnQ9XCJvdXRsaW5lZFwiPlxuICAgICAgICAgICAgICAgIOaknOe0olxuICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgPC9kaXY+XG4gICAgICApfVxuXG4gICAgICB7cmVuZGVyRGF0YShkYXRhKX1cblxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxCdXR0b25cbiAgICAgICAgICBkaXNhYmxlZD17ZGF0YS5sZW5ndGggPT09IDB9XG4gICAgICAgICAgdmFyaWFudD1cImZpbGxlZFwiXG4gICAgICAgICAgY29sb3I9XCJwcmltYXJ5XCJcbiAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB7XG4gICAgICAgICAgICBvbkRvd25sb2FkVGVtcGxhdGUoZGF0YSk7XG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIOabtOaWsOeUqENTVuOCkuODgOOCpuODs+ODreODvOODiVxuICAgICAgICA8L0J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const CSVImportUISearchScreen = ({

package/cjs/CSVImportUI/CSVImportUISearchScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"CSVImportUISearchScreen.js","names":["_Button","require","_TextField","_react","_react2","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","_ref2","_ref3","_ref4","CSVImportUISearchScreen","searchLabel","renderData","onSearch","onDownloadTemplate","renderSearchField","RenderSearchField","data","setData","useState","jsx","css","onChange","onSubmit","event","preventDefault","formData","FormData","target","undefined","Error","value","get","TextField","label","Button","type","variant","disabled","length","color","onClick","exports"],"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":"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","ignoreList":[]}
+{"version":3,"file":"CSVImportUISearchScreen.js","names":["_react","require","_react2","_Button","_TextField","_EMOTION_STRINGIFIED_CSS_ERROR__","_ref","process","env","NODE_ENV","name","styles","toString","_ref2","_ref3","_ref4","CSVImportUISearchScreen","searchLabel","renderData","onSearch","onDownloadTemplate","renderSearchField","RenderSearchField","data","setData","useState","jsx","css","onChange","onSubmit","event","preventDefault","formData","FormData","target","undefined","Error","value","get","TextField","label","Button","type","variant","disabled","length","color","onClick","exports"],"sources":["../../../src/CSVImportUI/CSVImportUISearchScreen.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useState } from \"react\";\nimport { Button } from \"../Button/Button\";\nimport { TextField } from \"../TextField\";\nimport { CSVImportUIRenderSearchFieldProps } from \"./CSVImportUI\";\n\ninterface CSVImportUISearchScreenProps<Row> {\n  searchLabel?: string;\n  renderData: (data: Row[]) => React.JSX.Element;\n  onSearch?: (args: { value: string }) => Promise<{\n    data: Row[];\n  }>;\n  onDownloadTemplate: (data: Row[]) => void;\n  renderSearchField?: (\n    props: CSVImportUIRenderSearchFieldProps<Row>,\n  ) => React.JSX.Element;\n}\n\nexport const CSVImportUISearchScreen = <Row extends Record<string, string>>({\n  searchLabel,\n  renderData,\n  onSearch,\n  onDownloadTemplate,\n  renderSearchField: RenderSearchField,\n}: CSVImportUISearchScreenProps<Row>) => {\n  const [data, setData] = useState<Row[]>([]);\n\n  return (\n    <div\n      css={css`\n        display: grid;\n        gap: 16px;\n      `}\n    >\n      {RenderSearchField ? (\n        <RenderSearchField onChange={setData} />\n      ) : (\n        <div\n          css={css`\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n          `}\n        >\n          <form\n            onSubmit={async (event) => {\n              event.preventDefault();\n\n              const formData = new FormData(event.target as HTMLFormElement);\n\n              if (onSearch === undefined) {\n                throw new Error(\n                  \"CSVImportUI: In update mode, onSearchData is required\",\n                );\n              }\n\n              const { data } = await onSearch({\n                value: formData.get(\"value\") as string,\n              });\n\n              setData(data);\n            }}\n          >\n            <div\n              css={css`\n                display: flex;\n                gap: 8px;\n                align-items: flex-end;\n              `}\n            >\n              <TextField label={searchLabel} name=\"value\" />\n\n              <Button type=\"submit\" variant=\"outlined\">\n                検索\n              </Button>\n            </div>\n          </form>\n        </div>\n      )}\n\n      {renderData(data)}\n\n      <div\n        css={css`\n          display: flex;\n          justify-content: flex-end;\n        `}\n      >\n        <Button\n          disabled={data.length === 0}\n          variant=\"filled\"\n          color=\"primary\"\n          onClick={() => {\n            onDownloadTemplate(data);\n          }}\n        >\n          更新用CSVをダウンロード\n        </Button>\n      </div>\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/cjs/CSVImportUI/CSVImportUITable.js

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

package/cjs/CSVImportUI/CSVImportUITable.js.map

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

package/cjs/CSVImportUI/ScreenLayout.js

@@ -2,12 +2,12 @@
 
 exports.__esModule = true;
 exports.ScreenLayout = void 0;
-var _Button = require("../Button");
-var _Typography = require("../Typography");
 var _react = require("@emotion/react");
-var _ScreenProvider = require("./ScreenProvider");
 var _ArrowBackIosNew = _interopRequireDefault(require("@mui/icons-material/ArrowBackIosNew"));
 var _ArrowForwardIos = _interopRequireDefault(require("@mui/icons-material/ArrowForwardIos"));
+var _Button = require("../Button");
+var _Typography = require("../Typography");
+var _ScreenProvider = require("./ScreenProvider");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 var _ref = process.env.NODE_ENV === "production" ? {
@@ -15,7 +15,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   styles: "display:flex;justify-content:flex-end"
 } : {
   name: "p1bor1-ScreenLayout",
-  styles: "display:flex;justify-content:flex-end;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL1NjcmVlbkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlSGlzdG9yeSwgdXNlTmF2aWdhdGUgfSBmcm9tIFwiLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IEFycm93QmFja0lvc05ld0ljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvQXJyb3dCYWNrSW9zTmV3XCI7XG5pbXBvcnQgQXJyb3dGb3J3YXJkSW9zSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9BcnJvd0ZvcndhcmRJb3NcIjtcblxuZXhwb3J0IGludGVyZmFjZSBTY3JlZW5MYXlvdXRQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG9uUHJldj86ICgpID0+IHZvaWQ7XG4gIG9uTmV4dD86ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTY3JlZW5MYXlvdXQgPSAoe1xuICBjaGlsZHJlbixcbiAgdGl0bGUsXG4gIG9uTmV4dCxcbn06IFNjcmVlbkxheW91dFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgb25Hb0JhY2sgfSA9IHVzZU5hdmlnYXRlKCk7XG4gIGNvbnN0IGhpc3RvcnkgPSB1c2VIaXN0b3J5KCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogNDhweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIGF1dG8gMWZyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgbWluLWhlaWdodDogNDJweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7aGlzdG9yeS5sZW5ndGggPiAxID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkdvQmFja31cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGljb249ezxBcnJvd0JhY2tJb3NOZXdJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDliY3jgavmiLvjgotcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImgyXCI+e3RpdGxlfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvbk5leHQgJiYgKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbk5leHR9XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBlbmRJY29uPXs8QXJyb3dGb3J3YXJkSW9zSWNvbiAvPn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg5qyh44G46YCy44KAXG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:flex;justify-content:flex-end;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlEa0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL1NjcmVlbkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBBcnJvd0JhY2tJb3NOZXdJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0Fycm93QmFja0lvc05ld1wiO1xuaW1wb3J0IEFycm93Rm9yd2FyZElvc0ljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvQXJyb3dGb3J3YXJkSW9zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHVzZUhpc3RvcnksIHVzZU5hdmlnYXRlIH0gZnJvbSBcIi4vU2NyZWVuUHJvdmlkZXJcIjtcblxuZXhwb3J0IGludGVyZmFjZSBTY3JlZW5MYXlvdXRQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG9uUHJldj86ICgpID0+IHZvaWQ7XG4gIG9uTmV4dD86ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTY3JlZW5MYXlvdXQgPSAoe1xuICBjaGlsZHJlbixcbiAgdGl0bGUsXG4gIG9uTmV4dCxcbn06IFNjcmVlbkxheW91dFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgb25Hb0JhY2sgfSA9IHVzZU5hdmlnYXRlKCk7XG4gIGNvbnN0IGhpc3RvcnkgPSB1c2VIaXN0b3J5KCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogNDhweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIGF1dG8gMWZyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgbWluLWhlaWdodDogNDJweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7aGlzdG9yeS5sZW5ndGggPiAxID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkdvQmFja31cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGljb249ezxBcnJvd0JhY2tJb3NOZXdJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDliY3jgavmiLvjgotcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImgyXCI+e3RpdGxlfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvbk5leHQgJiYgKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbk5leHR9XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBlbmRJY29uPXs8QXJyb3dGb3J3YXJkSW9zSWNvbiAvPn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg5qyh44G46YCy44KAXG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref2 = process.env.NODE_ENV === "production" ? {
@@ -23,7 +23,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
   styles: "display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px"
 } : {
   name: "1vk78b0-ScreenLayout",
-  styles: "display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL1NjcmVlbkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgdXNlSGlzdG9yeSwgdXNlTmF2aWdhdGUgfSBmcm9tIFwiLi9TY3JlZW5Qcm92aWRlclwiO1xuaW1wb3J0IEFycm93QmFja0lvc05ld0ljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvQXJyb3dCYWNrSW9zTmV3XCI7XG5pbXBvcnQgQXJyb3dGb3J3YXJkSW9zSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9BcnJvd0ZvcndhcmRJb3NcIjtcblxuZXhwb3J0IGludGVyZmFjZSBTY3JlZW5MYXlvdXRQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG9uUHJldj86ICgpID0+IHZvaWQ7XG4gIG9uTmV4dD86ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTY3JlZW5MYXlvdXQgPSAoe1xuICBjaGlsZHJlbixcbiAgdGl0bGUsXG4gIG9uTmV4dCxcbn06IFNjcmVlbkxheW91dFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgb25Hb0JhY2sgfSA9IHVzZU5hdmlnYXRlKCk7XG4gIGNvbnN0IGhpc3RvcnkgPSB1c2VIaXN0b3J5KCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogNDhweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIGF1dG8gMWZyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgbWluLWhlaWdodDogNDJweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7aGlzdG9yeS5sZW5ndGggPiAxID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkdvQmFja31cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGljb249ezxBcnJvd0JhY2tJb3NOZXdJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDliY3jgavmiLvjgotcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImgyXCI+e3RpdGxlfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvbk5leHQgJiYgKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbk5leHR9XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBlbmRJY29uPXs8QXJyb3dGb3J3YXJkSW9zSWNvbiAvPn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg5qyh44G46YCy44KAXG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:42px;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0NTVkltcG9ydFVJL1NjcmVlbkxheW91dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBBcnJvd0JhY2tJb3NOZXdJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0Fycm93QmFja0lvc05ld1wiO1xuaW1wb3J0IEFycm93Rm9yd2FyZElvc0ljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvQXJyb3dGb3J3YXJkSW9zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uXCI7XG5pbXBvcnQgeyBUeXBvZ3JhcGh5IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IHVzZUhpc3RvcnksIHVzZU5hdmlnYXRlIH0gZnJvbSBcIi4vU2NyZWVuUHJvdmlkZXJcIjtcblxuZXhwb3J0IGludGVyZmFjZSBTY3JlZW5MYXlvdXRQcm9wcyB7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIG9uUHJldj86ICgpID0+IHZvaWQ7XG4gIG9uTmV4dD86ICgpID0+IHZvaWQ7XG59XG5cbmV4cG9ydCBjb25zdCBTY3JlZW5MYXlvdXQgPSAoe1xuICBjaGlsZHJlbixcbiAgdGl0bGUsXG4gIG9uTmV4dCxcbn06IFNjcmVlbkxheW91dFByb3BzKSA9PiB7XG4gIGNvbnN0IHsgb25Hb0JhY2sgfSA9IHVzZU5hdmlnYXRlKCk7XG4gIGNvbnN0IGhpc3RvcnkgPSB1c2VIaXN0b3J5KCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgIGdhcDogNDhweDtcbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgIGdyaWQtdGVtcGxhdGUtY29sdW1uczogMWZyIGF1dG8gMWZyO1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgbWluLWhlaWdodDogNDJweDtcbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICB7aGlzdG9yeS5sZW5ndGggPiAxID8gKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbkdvQmFja31cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGljb249ezxBcnJvd0JhY2tJb3NOZXdJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDliY3jgavmiLvjgotcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICkgOiBudWxsfVxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPFR5cG9ncmFwaHkgdmFyaWFudD1cImgyXCI+e3RpdGxlfTwvVHlwb2dyYXBoeT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1lbmQ7XG4gICAgICAgICAgYH1cbiAgICAgICAgPlxuICAgICAgICAgIHtvbk5leHQgJiYgKFxuICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICBvbkNsaWNrPXtvbk5leHR9XG4gICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICBlbmRJY29uPXs8QXJyb3dGb3J3YXJkSW9zSWNvbiAvPn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAg5qyh44G46YCy44KAXG4gICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICApfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvZGl2PlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var _ref3 = process.env.NODE_ENV === "production" ? {
@@ -31,7 +31,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
   styles: "display:grid;gap:48px"
 } : {
   name: "1mn3i8x-ScreenLayout",
-  styles: "display:grid;gap:48px;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvU2NyZWVuTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VIaXN0b3J5LCB1c2VOYXZpZ2F0ZSB9IGZyb20gXCIuL1NjcmVlblByb3ZpZGVyXCI7XG5pbXBvcnQgQXJyb3dCYWNrSW9zTmV3SWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9BcnJvd0JhY2tJb3NOZXdcIjtcbmltcG9ydCBBcnJvd0ZvcndhcmRJb3NJY29uIGZyb20gXCJAbXVpL2ljb25zLW1hdGVyaWFsL0Fycm93Rm9yd2FyZElvc1wiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNjcmVlbkxheW91dFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdGl0bGU6IHN0cmluZztcbiAgb25QcmV2PzogKCkgPT4gdm9pZDtcbiAgb25OZXh0PzogKCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNjcmVlbkxheW91dCA9ICh7XG4gIGNoaWxkcmVuLFxuICB0aXRsZSxcbiAgb25OZXh0LFxufTogU2NyZWVuTGF5b3V0UHJvcHMpID0+IHtcbiAgY29uc3QgeyBvbkdvQmFjayB9ID0gdXNlTmF2aWdhdGUoKTtcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ2FwOiA0OHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0byAxZnI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBtaW4taGVpZ2h0OiA0MnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIHtoaXN0b3J5Lmxlbmd0aCA+IDEgPyAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uR29CYWNrfVxuICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgaWNvbj17PEFycm93QmFja0lvc05ld0ljb24gLz59XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIOWJjeOBq+aIu+OCi1xuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PVwiaDJcIj57dGl0bGV9PC9UeXBvZ3JhcGh5PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge29uTmV4dCAmJiAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uTmV4dH1cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGVuZEljb249ezxBcnJvd0ZvcndhcmRJb3NJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDmrKHjgbjpgLLjgoBcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */",
+  styles: "display:grid;gap:48px;label:ScreenLayout;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9DU1ZJbXBvcnRVSS9TY3JlZW5MYXlvdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVCYyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvQ1NWSW1wb3J0VUkvU2NyZWVuTGF5b3V0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IEFycm93QmFja0lvc05ld0ljb24gZnJvbSBcIkBtdWkvaWNvbnMtbWF0ZXJpYWwvQXJyb3dCYWNrSW9zTmV3XCI7XG5pbXBvcnQgQXJyb3dGb3J3YXJkSW9zSWNvbiBmcm9tIFwiQG11aS9pY29ucy1tYXRlcmlhbC9BcnJvd0ZvcndhcmRJb3NcIjtcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9CdXR0b25cIjtcbmltcG9ydCB7IFR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVwiO1xuaW1wb3J0IHsgdXNlSGlzdG9yeSwgdXNlTmF2aWdhdGUgfSBmcm9tIFwiLi9TY3JlZW5Qcm92aWRlclwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNjcmVlbkxheW91dFByb3BzIHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgdGl0bGU6IHN0cmluZztcbiAgb25QcmV2PzogKCkgPT4gdm9pZDtcbiAgb25OZXh0PzogKCkgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IFNjcmVlbkxheW91dCA9ICh7XG4gIGNoaWxkcmVuLFxuICB0aXRsZSxcbiAgb25OZXh0LFxufTogU2NyZWVuTGF5b3V0UHJvcHMpID0+IHtcbiAgY29uc3QgeyBvbkdvQmFjayB9ID0gdXNlTmF2aWdhdGUoKTtcbiAgY29uc3QgaGlzdG9yeSA9IHVzZUhpc3RvcnkoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ2FwOiA0OHB4O1xuICAgICAgYH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgYXV0byAxZnI7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBtaW4taGVpZ2h0OiA0MnB4O1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8ZGl2PlxuICAgICAgICAgIHtoaXN0b3J5Lmxlbmd0aCA+IDEgPyAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uR29CYWNrfVxuICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgaWNvbj17PEFycm93QmFja0lvc05ld0ljb24gLz59XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIOWJjeOBq+aIu+OCi1xuICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8VHlwb2dyYXBoeSB2YXJpYW50PVwiaDJcIj57dGl0bGV9PC9UeXBvZ3JhcGh5PlxuICAgICAgICA8ZGl2XG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAge29uTmV4dCAmJiAoXG4gICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e29uTmV4dH1cbiAgICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICAgIGVuZEljb249ezxBcnJvd0ZvcndhcmRJb3NJY29uIC8+fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICDmrKHjgbjpgLLjgoBcbiAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9kaXY+XG4gICk7XG59O1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 const ScreenLayout = ({