matsuri-ui 18.0.1-alpha-1759542532579-eee5af3.0 → 18.0.1-alpha-1759716595435-a37743a.0

package/DateField/DateField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateField.js","names":["CalendarUI","FormControl","FormHelperText","InputBase","InputLabel","Paper","Popper","css","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useOnClickOutside","useTheme","useValidation","React","useCallback","useId","useMemo","useRef","useState","dayjs","jsx","___EmotionJSX","today","todayEvent","start","end","type","props","variant","color","disableAnimation","DATE_FORMAT","formatDate","value","format","undefined","DateField","className","style","id","label","onChange","onFocus","validationMessages","customValidations","disablePortal","defaultValue","min","max","readOnly","propsReadOnly","loading","propsLoading","disabled","helperText","onKeyDown","invalid","popperProps","inputRef","others","_objectWithoutPropertiesLoose","_excluded","anchorEl","setAnchorEl","ref","refs","setValue","isControlled","onLoaded","validation","open","setOpen","handleClick","containerRef","selectedDate","selectedEventDay","handleChange","event","nextValue","currentTarget","daysProps","handleClickDay","dataset","eventDate","onClick","handleRef","node","touched","additionalProps","theme","internalInputId","inputId","required","htmlFor","_extends","code","preventDefault","valid","message","placement","options","modifiers","name","roundOffsets","_ref","y","x","Math","round","enabled","spacing","process","env","NODE_ENV","size","date","events"],"sources":["../../../src/DateField/DateField.tsx"],"sourcesContent":["import { CalendarEvent } from \"../Calendar\";\nimport { CalendarUI } from \"../CalendarUI\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { Paper } from \"../Paper\";\nimport { Popper, PopperProps } from \"../Popper\";\nimport { css } from \"@emotion/react\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useOnClickOutside } from \"../hooks\";\nimport { useTheme } from \"../theme\";\nimport { useValidation } from \"../FieldBase/useValidation\";\nimport React, { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport dayjs from \"dayjs\";\n\nconst today = dayjs();\nconst todayEvent: CalendarEvent = {\n  start: today,\n  end: today,\n  type: \"today\",\n  props: {\n    variant: \"outlined\",\n    color: \"primary\",\n    disableAnimation: true,\n  },\n};\n\nexport const DATE_FORMAT = \"YYYY-MM-DD\";\n\nexport interface DateFieldProps\n  extends FieldProps<string | undefined>,\n    Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\">,\n    Pick<PopperProps, \"disablePortal\"> {\n  type?: never;\n  popperProps?: PopperProps;\n}\n\nconst formatDate = (value?: string) => {\n  return value ? dayjs(value).format(\"YYYY-MM-DD\") : undefined;\n};\n\n/**\n * ## 入力値のフォーマットについて\n *\n * 入力値のフォーマットは`YYYY-MM-DD`に限定されます。フォーマットするのが面倒な場合は`dayjs`を推奨します。\n * `dayjs`では次のようにしてフォーマットできます。\n *\n * ```tsx\n * dayjs().format(\"YYYY-MM-DD\")\n *```\n */\nexport const DateField = (props: DateFieldProps) => {\n  const {\n    className,\n    style,\n    id,\n    label,\n    onChange,\n    onFocus,\n    validationMessages,\n    customValidations,\n    value: _propsValue,\n    disablePortal = true,\n    defaultValue,\n    min,\n    max,\n    readOnly: propsReadOnly,\n    loading: propsLoading,\n    disabled,\n    helperText,\n    onKeyDown,\n    invalid,\n    popperProps,\n    inputRef,\n    ...others\n  } = props;\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLInputElement>(null);\n  const ref = useRef<HTMLInputElement | null>(undefined);\n  const refs = useMergeRefs(inputRef, ref);\n\n  const [value, setValue, isControlled] = useInputValue(props);\n  const { readOnly, loading } = useFieldGroup({\n    loading: propsLoading,\n    readOnly: propsReadOnly,\n    onLoaded: () => {\n      if (isControlled === false) {\n        setValue(defaultValue);\n      }\n    },\n  });\n\n  const validation = useValidation<string | undefined>({\n    ref,\n    validationMessages,\n    customValidations,\n    value,\n  });\n\n  /**\n   * Popper\n   */\n  const [open, setOpen] = useState(false);\n  const handleClick = useCallback(() => {\n    setOpen(true);\n  }, []);\n  const containerRef = useRef(null);\n  useOnClickOutside(\n    containerRef,\n    useCallback(() => {\n      setOpen(false);\n    }, []),\n  );\n\n  /**\n   * CalendarUI\n   */\n  const selectedDate = useMemo(\n    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n    () => value || defaultValue,\n    [defaultValue, value],\n  );\n  const selectedEventDay: CalendarEvent[] | undefined = useMemo(() => {\n    if (selectedDate === undefined) return undefined;\n    return [\n      todayEvent,\n      {\n        start: selectedDate,\n        end: selectedDate,\n        type: \"selected\",\n        props: {\n          variant: \"filled\",\n          color: \"primary\",\n          disableAnimation: true,\n        },\n      },\n    ];\n  }, [selectedDate]);\n  /**\n   * Handling\n   */\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const nextValue = event.currentTarget.value;\n      setValue(nextValue);\n      if (onChange) {\n        onChange(nextValue, event);\n      }\n    },\n    [onChange, setValue],\n  );\n\n  const daysProps = useMemo(() => {\n    const handleClickDay = (\n      event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n    ) => {\n      const nextValue = formatDate(event.currentTarget.dataset.eventDate);\n      setValue(nextValue);\n      setOpen(false);\n      if (onChange) {\n        onChange(nextValue);\n      }\n    };\n    return {\n      onClick: handleClickDay,\n    };\n  }, [onChange, setValue]);\n\n  const handleRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      setAnchorEl(node);\n      refs(node);\n    },\n    [refs],\n  );\n\n  const [touched, additionalProps] = useDitectInputTouched(onFocus);\n\n  const theme = useTheme();\n\n  const internalInputId = useId();\n  const inputId = id ?? internalInputId;\n\n  return (\n    <FormControl style={style} className={className}>\n      <InputLabel\n        aria-disabled={disabled}\n        required={others.required}\n        loading={loading}\n        htmlFor={inputId}\n      >\n        {label}\n      </InputLabel>\n      <InputBase\n        id={inputId}\n        onKeyDown={(event) => {\n          /**\n           * input[type=\"date\"]の場合、Spaceキーでカレンダーを開くことができる。\n           * この挙動を無効化する。\n           */\n          if (event.code === \"Space\") {\n            event.preventDefault();\n          }\n          onKeyDown?.(event);\n        }}\n        onChange={handleChange}\n        ref={handleRef}\n        type=\"date\"\n        readOnly={readOnly}\n        {...others}\n        disabled={disabled}\n        onClick={readOnly ? undefined : handleClick}\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n        value={value || \"\"}\n        min={min}\n        data-invalid={!validation.valid}\n        max={max}\n        loading={loading}\n        {...additionalProps}\n      />\n      <FormHelperText\n        invalid={!validation.valid || invalid}\n        loading={loading}\n        touched={touched}\n        value={value}\n      >\n        {\n          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n          validation.message || helperText\n        }\n      </FormHelperText>\n      {selectedDate !== \"Invalid Date\" && (\n        <Popper\n          disablePortal={disablePortal}\n          anchorEl={anchorEl}\n          open={open}\n          placement=\"bottom-start\"\n          options={{\n            modifiers: [\n              disablePortal\n                ? {\n                    name: \"computeStyles\",\n                    options: {\n                      roundOffsets: ({ y }: { y: number }) => ({\n                        x: 0,\n                        y: Math.round(y),\n                      }),\n                    },\n                  }\n                : {},\n              {\n                name: \"flip\",\n                enabled: false,\n              },\n            ],\n          }}\n          {...popperProps}\n        >\n          <Paper\n            ref={containerRef}\n            css={css`\n              padding: 1em;\n              margin-top: ${theme.spacing}px;\n              margin-bottom: ${theme.spacing * 2}px;\n            `}\n          >\n            <CalendarUI\n              min={min}\n              max={max}\n              size=\"small\"\n              date={selectedDate}\n              events={selectedEventDay}\n              daysProps={daysProps}\n            />\n          </Paper>\n        </Popper>\n      )}\n    </FormControl>\n  );\n};\n"],"mappings":";;;AACA,SAASA,UAAU,QAAQ,eAAe;AAE1C,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,cAAc,QAAQ,6BAA6B;AAC5D,SAASC,SAAS,QAAwB,cAAc;AACxD,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,MAAM,QAAqB,WAAW;AAC/C,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,qBAAqB,QAAQ,oCAAoC;AAC1E,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,iBAAiB,QAAQ,UAAU;AAC5C,SAASC,QAAQ,QAAQ,UAAU;AACnC,SAASC,aAAa,QAAQ,4BAA4B;AAC1D,OAAOC,KAAK,IAAIC,WAAW,EAAEC,KAAK,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC5E,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAE1B,IAAMC,KAAK,GAAGH,KAAK,CAAC,CAAC;AACrB,IAAMI,UAAyB,GAAG;EAChCC,KAAK,EAAEF,KAAK;EACZG,GAAG,EAAEH,KAAK;EACVI,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;IACLC,OAAO,EAAE,UAAU;IACnBC,KAAK,EAAE,SAAS;IAChBC,gBAAgB,EAAE;EACpB;AACF,CAAC;AAED,OAAO,IAAMC,WAAW,GAAG,YAAY;AAUvC,IAAMC,UAAU,GAAIC,KAAc,IAAK;EACrC,OAAOA,KAAK,GAAGd,KAAK,CAACc,KAAK,CAAC,CAACC,MAAM,CAAC,YAAY,CAAC,GAAGC,SAAS;AAC9D,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,SAAS,GAAIT,KAAqB,IAAK;EAClD,IAAM;MACJU,SAAS;MACTC,KAAK;MACLC,EAAE;MACFC,KAAK;MACLC,QAAQ;MACRC,OAAO;MACPC,kBAAkB;MAClBC,iBAAiB;MAEjBC,aAAa,GAAG,IAAI;MACpBC,YAAY;MACZC,GAAG;MACHC,GAAG;MACHC,QAAQ,EAAEC,aAAa;MACvBC,OAAO,EAAEC,YAAY;MACrBC,QAAQ;MACRC,UAAU;MACVC,SAAS,EAATA,UAAS;MACTC,OAAO;MACPC,WAAW;MACXC;IAEF,CAAC,GAAG/B,KAAK;IADJgC,MAAM,GAAAC,6BAAA,CACPjC,KAAK,EAAAkC,SAAA;EAET,IAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAG7C,QAAQ,CAA0B,IAAI,CAAC;EACvE,IAAM8C,GAAG,GAAG/C,MAAM,CAA0BkB,SAAS,CAAC;EACtD,IAAM8B,IAAI,GAAGxD,YAAY,CAACiD,QAAQ,EAAEM,GAAG,CAAC;EAExC,IAAM,CAAC/B,KAAK,EAAEiC,QAAQ,EAAEC,YAAY,CAAC,GAAG3D,aAAa,CAACmB,KAAK,CAAC;EAC5D,IAAM;IAAEsB,QAAQ;IAAEE;EAAQ,CAAC,GAAG5C,aAAa,CAAC;IAC1C4C,OAAO,EAAEC,YAAY;IACrBH,QAAQ,EAAEC,aAAa;IACvBkB,QAAQ,EAAEA,CAAA,KAAM;MACd,IAAID,YAAY,KAAK,KAAK,EAAE;QAC1BD,QAAQ,CAACpB,YAAY,CAAC;MACxB;IACF;EACF,CAAC,CAAC;EAEF,IAAMuB,UAAU,GAAGzD,aAAa,CAAqB;IACnDoD,GAAG;IACHrB,kBAAkB;IAClBC,iBAAiB;IACjBX;EACF,CAAC,CAAC;;EAEF;AACF;AACA;EACE,IAAM,CAACqC,IAAI,EAAEC,OAAO,CAAC,GAAGrD,QAAQ,CAAC,KAAK,CAAC;EACvC,IAAMsD,WAAW,GAAG1D,WAAW,CAAC,MAAM;IACpCyD,OAAO,CAAC,IAAI,CAAC;EACf,CAAC,EAAE,EAAE,CAAC;EACN,IAAME,YAAY,GAAGxD,MAAM,CAAC,IAAI,CAAC;EACjCP,iBAAiB,CACf+D,YAAY,EACZ3D,WAAW,CAAC,MAAM;IAChByD,OAAO,CAAC,KAAK,CAAC;EAChB,CAAC,EAAE,EAAE,CACP,CAAC;;EAED;AACF;AACA;EACE,IAAMG,YAAY,GAAG1D,OAAO;EAC1B;EACA,MAAMiB,KAAK,IAAIa,YAAY,EAC3B,CAACA,YAAY,EAAEb,KAAK,CACtB,CAAC;EACD,IAAM0C,gBAA6C,GAAG3D,OAAO,CAAC,MAAM;IAClE,IAAI0D,YAAY,KAAKvC,SAAS,EAAE,OAAOA,SAAS;IAChD,OAAO,CACLZ,UAAU,EACV;MACEC,KAAK,EAAEkD,YAAY;MACnBjD,GAAG,EAAEiD,YAAY;MACjBhD,IAAI,EAAE,UAAU;MAChBC,KAAK,EAAE;QACLC,OAAO,EAAE,QAAQ;QACjBC,KAAK,EAAE,SAAS;QAChBC,gBAAgB,EAAE;MACpB;IACF,CAAC,CACF;EACH,CAAC,EAAE,CAAC4C,YAAY,CAAC,CAAC;EAClB;AACF;AACA;EACE,IAAME,YAAY,GAAG9D,WAAW,CAC7B+D,KAA0C,IAAK;IAC9C,IAAMC,SAAS,GAAGD,KAAK,CAACE,aAAa,CAAC9C,KAAK;IAC3CiC,QAAQ,CAACY,SAAS,CAAC;IACnB,IAAIrC,QAAQ,EAAE;MACZA,QAAQ,CAACqC,SAAS,EAAED,KAAK,CAAC;IAC5B;EACF,CAAC,EACD,CAACpC,QAAQ,EAAEyB,QAAQ,CACrB,CAAC;EAED,IAAMc,SAAS,GAAGhE,OAAO,CAAC,MAAM;IAC9B,IAAMiE,cAAc,GAClBJ,KAAmD,IAChD;MACH,IAAMC,SAAS,GAAG9C,UAAU,CAAC6C,KAAK,CAACE,aAAa,CAACG,OAAO,CAACC,SAAS,CAAC;MACnEjB,QAAQ,CAACY,SAAS,CAAC;MACnBP,OAAO,CAAC,KAAK,CAAC;MACd,IAAI9B,QAAQ,EAAE;QACZA,QAAQ,CAACqC,SAAS,CAAC;MACrB;IACF,CAAC;IACD,OAAO;MACLM,OAAO,EAAEH;IACX,CAAC;EACH,CAAC,EAAE,CAACxC,QAAQ,EAAEyB,QAAQ,CAAC,CAAC;EAExB,IAAMmB,SAAS,GAAGvE,WAAW,CAC1BwE,IAA6B,IAAK;IACjCvB,WAAW,CAACuB,IAAI,CAAC;IACjBrB,IAAI,CAACqB,IAAI,CAAC;EACZ,CAAC,EACD,CAACrB,IAAI,CACP,CAAC;EAED,IAAM,CAACsB,OAAO,EAAEC,eAAe,CAAC,GAAGlF,qBAAqB,CAACoC,OAAO,CAAC;EAEjE,IAAM+C,KAAK,GAAG9E,QAAQ,CAAC,CAAC;EAExB,IAAM+E,eAAe,GAAG3E,KAAK,CAAC,CAAC;EAC/B,IAAM4E,OAAO,GAAGpD,EAAE,WAAFA,EAAE,GAAImD,eAAe;EAErC,OACErE,aAAA,CAACtB,WAAW;IAACuC,KAAK,EAAEA,KAAM;IAACD,SAAS,EAAEA;EAAU,GAC9ChB,aAAA,CAACnB,UAAU;IACT,iBAAemD,QAAS;IACxBuC,QAAQ,EAAEjC,MAAM,CAACiC,QAAS;IAC1BzC,OAAO,EAAEA,OAAQ;IACjB0C,OAAO,EAAEF;EAAQ,GAEhBnD,KACS,CAAC,EACbnB,aAAA,CAACpB,SAAS,EAAA6F,QAAA;IACRvD,EAAE,EAAEoD,OAAQ;IACZpC,SAAS,EAAGsB,KAAK,IAAK;MACpB;AACV;AACA;AACA;MACU,IAAIA,KAAK,CAACkB,IAAI,KAAK,OAAO,EAAE;QAC1BlB,KAAK,CAACmB,cAAc,CAAC,CAAC;MACxB;MACAzC,UAAS,YAATA,UAAS,CAAGsB,KAAK,CAAC;IACpB,CAAE;IACFpC,QAAQ,EAAEmC,YAAa;IACvBZ,GAAG,EAAEqB,SAAU;IACf3D,IAAI,EAAC,MAAM;IACXuB,QAAQ,EAAEA;EAAS,GACfU,MAAM;IACVN,QAAQ,EAAEA,QAAS;IACnB+B,OAAO,EAAEnC,QAAQ,GAAGd,SAAS,GAAGqC;IAChC;IAAA;IACAvC,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBc,GAAG,EAAEA,GAAI;IACT,gBAAc,CAACsB,UAAU,CAAC4B,KAAM;IAChCjD,GAAG,EAAEA,GAAI;IACTG,OAAO,EAAEA;EAAQ,GACbqC,eAAe,CACpB,CAAC,EACFnE,aAAA,CAACrB,cAAc;IACbwD,OAAO,EAAE,CAACa,UAAU,CAAC4B,KAAK,IAAIzC,OAAQ;IACtCL,OAAO,EAAEA,OAAQ;IACjBoC,OAAO,EAAEA,OAAQ;IACjBtD,KAAK,EAAEA;EAAM;EAGX;EACAoC,UAAU,CAAC6B,OAAO,IAAI5C,UAEV,CAAC,EAChBoB,YAAY,KAAK,cAAc,IAC9BrD,aAAA,CAACjB,MAAM,EAAA0F,QAAA;IACLjD,aAAa,EAAEA,aAAc;IAC7BiB,QAAQ,EAAEA,QAAS;IACnBQ,IAAI,EAAEA,IAAK;IACX6B,SAAS,EAAC,cAAc;IACxBC,OAAO,EAAE;MACPC,SAAS,EAAE,CACTxD,aAAa,GACT;QACEyD,IAAI,EAAE,eAAe;QACrBF,OAAO,EAAE;UACPG,YAAY,EAAEC,IAAA;YAAA,IAAC;cAAEC;YAAiB,CAAC,GAAAD,IAAA;YAAA,OAAM;cACvCE,CAAC,EAAE,CAAC;cACJD,CAAC,EAAEE,IAAI,CAACC,KAAK,CAACH,CAAC;YACjB,CAAC;UAAA;QACH;MACF,CAAC,GACD,CAAC,CAAC,EACN;QACEH,IAAI,EAAE,MAAM;QACZO,OAAO,EAAE;MACX,CAAC;IAEL;EAAE,GACEpD,WAAW,GAEfpC,aAAA,CAAClB,KAAK;IACJ6D,GAAG,EAAES,YAAa;IAClBpE,GAAG,eAAEA,GAAG,4BAEQoF,KAAK,CAACqB,OAAO,uBACVrB,KAAK,CAACqB,OAAO,GAAG,CAAC,WAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,+CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAClC,GAEF5F,aAAA,CAACvB,UAAU;IACTiD,GAAG,EAAEA,GAAI;IACTC,GAAG,EAAEA,GAAI;IACTkE,IAAI,EAAC,OAAO;IACZC,IAAI,EAAEzC,YAAa;IACnB0C,MAAM,EAAEzC,gBAAiB;IACzBK,SAAS,EAAEA;EAAU,CACtB,CACI,CACD,CAEC,CAAC;AAElB,CAAC","ignoreList":[]}
+{"version":3,"file":"DateField.js","names":["css","React","useCallback","useId","useMemo","useRef","useState","dayjs","CalendarUI","FormControl","FormHelperText","InputBase","InputLabel","Paper","Popper","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useOnClickOutside","useTheme","useValidation","jsx","___EmotionJSX","today","todayEvent","start","end","type","props","variant","color","disableAnimation","DATE_FORMAT","formatDate","value","format","undefined","DateField","className","style","id","label","onChange","onFocus","validationMessages","customValidations","disablePortal","defaultValue","min","max","readOnly","propsReadOnly","loading","propsLoading","disabled","helperText","onKeyDown","invalid","popperProps","inputRef","others","_objectWithoutPropertiesLoose","_excluded","anchorEl","setAnchorEl","ref","refs","setValue","isControlled","onLoaded","validation","open","setOpen","handleClick","containerRef","selectedDate","selectedEventDay","handleChange","event","nextValue","currentTarget","daysProps","handleClickDay","dataset","eventDate","onClick","handleRef","node","touched","additionalProps","theme","internalInputId","inputId","required","htmlFor","_extends","code","preventDefault","valid","message","placement","options","modifiers","name","roundOffsets","_ref","y","x","Math","round","enabled","spacing","process","env","NODE_ENV","size","date","events"],"sources":["../../../src/DateField/DateField.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useCallback, useId, useMemo, useRef, useState } from \"react\";\nimport dayjs from \"dayjs\";\nimport { CalendarEvent } from \"../Calendar\";\nimport { CalendarUI } from \"../CalendarUI\";\nimport { FieldProps } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { FormHelperText } from \"../FieldBase/FormHelperText\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { Paper } from \"../Paper\";\nimport { Popper, PopperProps } from \"../Popper\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useOnClickOutside } from \"../hooks\";\nimport { useTheme } from \"../theme\";\nimport { useValidation } from \"../FieldBase/useValidation\";\n\nconst today = dayjs();\nconst todayEvent: CalendarEvent = {\n  start: today,\n  end: today,\n  type: \"today\",\n  props: {\n    variant: \"outlined\",\n    color: \"primary\",\n    disableAnimation: true,\n  },\n};\n\nexport const DATE_FORMAT = \"YYYY-MM-DD\";\n\nexport interface DateFieldProps\n  extends FieldProps<string | undefined>,\n    Omit<InputBaseProps, \"defaultValue\" | \"value\" | \"onChange\">,\n    Pick<PopperProps, \"disablePortal\"> {\n  type?: never;\n  popperProps?: PopperProps;\n}\n\nconst formatDate = (value?: string) => {\n  return value ? dayjs(value).format(\"YYYY-MM-DD\") : undefined;\n};\n\n/**\n * ## 入力値のフォーマットについて\n *\n * 入力値のフォーマットは`YYYY-MM-DD`に限定されます。フォーマットするのが面倒な場合は`dayjs`を推奨します。\n * `dayjs`では次のようにしてフォーマットできます。\n *\n * ```tsx\n * dayjs().format(\"YYYY-MM-DD\")\n *```\n */\nexport const DateField = (props: DateFieldProps) => {\n  const {\n    className,\n    style,\n    id,\n    label,\n    onChange,\n    onFocus,\n    validationMessages,\n    customValidations,\n    value: _propsValue,\n    disablePortal = true,\n    defaultValue,\n    min,\n    max,\n    readOnly: propsReadOnly,\n    loading: propsLoading,\n    disabled,\n    helperText,\n    onKeyDown,\n    invalid,\n    popperProps,\n    inputRef,\n    ...others\n  } = props;\n\n  const [anchorEl, setAnchorEl] = useState<null | HTMLInputElement>(null);\n  const ref = useRef<HTMLInputElement | null>(undefined);\n  const refs = useMergeRefs(inputRef, ref);\n\n  const [value, setValue, isControlled] = useInputValue(props);\n  const { readOnly, loading } = useFieldGroup({\n    loading: propsLoading,\n    readOnly: propsReadOnly,\n    onLoaded: () => {\n      if (isControlled === false) {\n        setValue(defaultValue);\n      }\n    },\n  });\n\n  const validation = useValidation<string | undefined>({\n    ref,\n    validationMessages,\n    customValidations,\n    value,\n  });\n\n  /**\n   * Popper\n   */\n  const [open, setOpen] = useState(false);\n  const handleClick = useCallback(() => {\n    setOpen(true);\n  }, []);\n  const containerRef = useRef(null);\n  useOnClickOutside(\n    containerRef,\n    useCallback(() => {\n      setOpen(false);\n    }, []),\n  );\n\n  /**\n   * CalendarUI\n   */\n  const selectedDate = useMemo(\n    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n    () => value || defaultValue,\n    [defaultValue, value],\n  );\n  const selectedEventDay: CalendarEvent[] | undefined = useMemo(() => {\n    if (selectedDate === undefined) return undefined;\n    return [\n      todayEvent,\n      {\n        start: selectedDate,\n        end: selectedDate,\n        type: \"selected\",\n        props: {\n          variant: \"filled\",\n          color: \"primary\",\n          disableAnimation: true,\n        },\n      },\n    ];\n  }, [selectedDate]);\n  /**\n   * Handling\n   */\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const nextValue = event.currentTarget.value;\n      setValue(nextValue);\n      if (onChange) {\n        onChange(nextValue, event);\n      }\n    },\n    [onChange, setValue],\n  );\n\n  const daysProps = useMemo(() => {\n    const handleClickDay = (\n      event: React.MouseEvent<HTMLDivElement, MouseEvent>,\n    ) => {\n      const nextValue = formatDate(event.currentTarget.dataset.eventDate);\n      setValue(nextValue);\n      setOpen(false);\n      if (onChange) {\n        onChange(nextValue);\n      }\n    };\n    return {\n      onClick: handleClickDay,\n    };\n  }, [onChange, setValue]);\n\n  const handleRef = useCallback(\n    (node: HTMLInputElement | null) => {\n      setAnchorEl(node);\n      refs(node);\n    },\n    [refs],\n  );\n\n  const [touched, additionalProps] = useDitectInputTouched(onFocus);\n\n  const theme = useTheme();\n\n  const internalInputId = useId();\n  const inputId = id ?? internalInputId;\n\n  return (\n    <FormControl style={style} className={className}>\n      <InputLabel\n        aria-disabled={disabled}\n        required={others.required}\n        loading={loading}\n        htmlFor={inputId}\n      >\n        {label}\n      </InputLabel>\n      <InputBase\n        id={inputId}\n        onKeyDown={(event) => {\n          /**\n           * input[type=\"date\"]の場合、Spaceキーでカレンダーを開くことができる。\n           * この挙動を無効化する。\n           */\n          if (event.code === \"Space\") {\n            event.preventDefault();\n          }\n          onKeyDown?.(event);\n        }}\n        onChange={handleChange}\n        ref={handleRef}\n        type=\"date\"\n        readOnly={readOnly}\n        {...others}\n        disabled={disabled}\n        onClick={readOnly ? undefined : handleClick}\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n        value={value || \"\"}\n        min={min}\n        data-invalid={!validation.valid}\n        max={max}\n        loading={loading}\n        {...additionalProps}\n      />\n      <FormHelperText\n        invalid={!validation.valid || invalid}\n        loading={loading}\n        touched={touched}\n        value={value}\n      >\n        {\n          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n          validation.message || helperText\n        }\n      </FormHelperText>\n      {selectedDate !== \"Invalid Date\" && (\n        <Popper\n          disablePortal={disablePortal}\n          anchorEl={anchorEl}\n          open={open}\n          placement=\"bottom-start\"\n          options={{\n            modifiers: [\n              disablePortal\n                ? {\n                    name: \"computeStyles\",\n                    options: {\n                      roundOffsets: ({ y }: { y: number }) => ({\n                        x: 0,\n                        y: Math.round(y),\n                      }),\n                    },\n                  }\n                : {},\n              {\n                name: \"flip\",\n                enabled: false,\n              },\n            ],\n          }}\n          {...popperProps}\n        >\n          <Paper\n            ref={containerRef}\n            css={css`\n              padding: 1em;\n              margin-top: ${theme.spacing}px;\n              margin-bottom: ${theme.spacing * 2}px;\n            `}\n          >\n            <CalendarUI\n              min={min}\n              max={max}\n              size=\"small\"\n              date={selectedDate}\n              events={selectedEventDay}\n              daysProps={daysProps}\n            />\n          </Paper>\n        </Popper>\n      )}\n    </FormControl>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/DateTextField/DateTextField.d.ts

@@ -1,6 +1,6 @@
+import dayjs from "dayjs";
 import { FieldProps } from "../FieldBase";
 import { InputBaseProps } from "../InputBase";
-import dayjs from "dayjs";
 export interface DateTextFieldProps extends FieldProps<dayjs.Dayjs | undefined>, Omit<InputBaseProps, "value" | "onChange" | "defaultValue"> {
     type?: "never";
     /**

package/DateTextField/DateTextField.js

@@ -1,18 +1,18 @@
 var _excluded = ["label", "style", "className", "onChange", "onFocus", "onBlur", "defaultValue", "value", "disabled", "validationMessages", "customValidations", "helperText", "invalid", "loading", "readOnly", "id", "inputRef", "format", "required", "name", "minDate", "maxDate"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { useCallback, useId, useRef, useState } from "react";
 import { FormHelperText } from "../FieldBase";
 import { FormControl } from "../FormControl";
 import { InputBase } from "../InputBase";
 import { InputLabel } from "../InputLabel";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden";
-import { getDayjs } from "./getDayjs";
-import { useCallback, useId, useRef, useState } from "react";
 import { useDitectInputTouched } from "../FieldBase/useDitectInputTouched";
 import { useFieldGroup } from "../FieldGroup";
 import { useInputValue } from "../hooks/useInputValue";
 import { useMergeRefs } from "../hooks/useMergeRefs";
 import { useValidation } from "../FieldBase/useValidation";
+import { getDayjs } from "./getDayjs";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export var DateTextField = props => {
   var _value$format, _value$format3;

package/DateTextField/DateTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTextField.js","names":["FormHelperText","FormControl","InputBase","InputLabel","VisuallyHidden","getDayjs","useCallback","useId","useRef","useState","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useValidation","jsx","___EmotionJSX","DateTextField","props","_value$format","_value$format3","label","style","className","onChange","onFocus","onBlur","defaultValue","disabled","validationMessages","customValidations","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","format","required","name","minDate","maxDate","restProps","_objectWithoutPropertiesLoose","_excluded","ref","refs","value","setValue","isControlled","query","setQuery","onLoaded","validation","isBefore","isAfter","handleChange","event","currentTarget","date","handleBlur","_value$format2","touched","inputProps","internalInputId","inputId","formattedValue","htmlFor","type","key","autoCapitalize","autoComplete","autoCorrect","spellCheck","tabIndex","_extends","onKeyDown","valid","inputMode","placeholder","message"],"sources":["../../../src/DateTextField/DateTextField.tsx"],"sourcesContent":["import { FieldProps, FormHelperText } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\nimport { getDayjs } from \"./getDayjs\";\nimport { useCallback, useId, useRef, useState } from \"react\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useValidation } from \"../FieldBase/useValidation\";\nimport dayjs from \"dayjs\";\n\nexport interface DateTextFieldProps\n  extends FieldProps<dayjs.Dayjs | undefined>,\n    Omit<InputBaseProps, \"value\" | \"onChange\" | \"defaultValue\"> {\n  type?: \"never\";\n  /**\n   * 日付のフォーマットを指定します。\n   * @default \"YYYY-MM-DD\"\n   */\n  format?: string;\n  /**\n   * デフォルトでは、formatがplaceholderとして表示されます。\n   */\n  placeholder?: string;\n\n  /**\n   * 最小の日付を指定します。\n   * minDate未満の場合、バリデーションエラーが発生します。\n   */\n  minDate?: dayjs.Dayjs;\n  /**\n   * 最大の日付を指定します。\n   * maxDateより大きい場合、バリデーションエラーが発生します。\n   */\n  maxDate?: dayjs.Dayjs;\n}\n\nexport const DateTextField = (props: DateTextFieldProps) => {\n  const {\n    label,\n    style,\n    className,\n    onChange,\n    onFocus,\n    onBlur,\n    defaultValue,\n    value: _propsValue,\n    disabled,\n    validationMessages,\n    customValidations,\n    helperText,\n    invalid,\n    loading: propsLoading,\n    readOnly: propsReadonly,\n    id,\n    inputRef,\n    format = \"YYYY-MM-DD\",\n    required,\n    name,\n    minDate,\n    maxDate,\n    ...restProps\n  } = props;\n  const ref = useRef<HTMLInputElement>(null);\n  const refs = useMergeRefs(inputRef, ref);\n\n  const [value, setValue, isControlled] = useInputValue(props);\n  const [query, setQuery] = useState<string>(value?.format(format) ?? \"\");\n  const { loading, readOnly } = useFieldGroup({\n    loading: propsLoading,\n    readOnly: propsReadonly,\n    onLoaded: () => {\n      if (isControlled === false) {\n        setValue(defaultValue);\n      }\n    },\n  });\n\n  const validation = useValidation({\n    ref,\n    validationMessages,\n    customValidations: [\n      ...(customValidations ?? []),\n      (value) => {\n        if (!value) {\n          return \"\";\n        }\n        if (minDate && value.isBefore(minDate, \"day\")) {\n          return `${minDate.format(format)}以降の日付を入力してください。`;\n        }\n        if (maxDate && value.isAfter(maxDate, \"day\")) {\n          return `${maxDate.format(format)}以前の日付を入力してください。`;\n        }\n        return \"\";\n      },\n    ],\n    value,\n  });\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = event.currentTarget.value;\n      setQuery(value);\n      const date = getDayjs(value);\n      setValue(date);\n      if (onChange) {\n        onChange(date, event);\n      }\n    },\n    [onChange, setValue],\n  );\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      if (onBlur) {\n        onBlur(event);\n      }\n      setQuery(value?.format(format) ?? \"\");\n    },\n    [format, onBlur, value],\n  );\n\n  const [touched, inputProps] = useDitectInputTouched(onFocus);\n\n  const internalInputId = useId();\n  const inputId = id ?? internalInputId;\n\n  const formattedValue = value?.format(format) ?? \"\";\n\n  return (\n    <FormControl style={style} className={className}>\n      <InputLabel\n        htmlFor={inputId}\n        aria-disabled={disabled}\n        required={required}\n        loading={loading}\n      >\n        {label}\n      </InputLabel>\n      <VisuallyHidden>\n        <input\n          type=\"text\"\n          required={required}\n          name={name}\n          /**\n           * value + readOnlyなどの場合、requiredなどのチェックが行われなくなるため\n           * defaultValue + keyで代用している。\n           */\n          defaultValue={formattedValue}\n          key={formattedValue}\n          autoCapitalize=\"none\"\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          spellCheck=\"false\"\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      <InputBase\n        id={inputId}\n        disabled={disabled}\n        loading={loading}\n        readOnly={readOnly}\n        type=\"text\"\n        value={query}\n        onChange={handleChange}\n        onKeyDown={(event) => {\n          /**\n           * Enterキーが押された場合、クエリをフォーマット済みの値に変換してセットする。\n           */\n          if (event.key === \"Enter\") {\n            setQuery(formattedValue);\n          }\n        }}\n        data-invalid={!validation.valid}\n        ref={refs}\n        onBlur={handleBlur}\n        inputMode=\"numeric\"\n        placeholder={format}\n        {...restProps}\n        {...inputProps}\n      />\n      <FormHelperText\n        invalid={!validation.valid || invalid}\n        loading={loading}\n        touched={touched}\n        value={value}\n      >\n        {\n          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n          validation.message || helperText\n        }\n      </FormHelperText>\n    </FormControl>\n  );\n};\n"],"mappings":";;;AAAA,SAAqBA,cAAc,QAAQ,cAAc;AACzD,SAASC,WAAW,QAAQ,gBAAgB;AAC5C,SAASC,SAAS,QAAwB,cAAc;AACxD,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,cAAc,QAAQ,kCAAkC;AACjE,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,WAAW,EAAEC,KAAK,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC5D,SAASC,qBAAqB,QAAQ,oCAAoC;AAC1E,SAASC,aAAa,QAAQ,eAAe;AAC7C,SAASC,aAAa,QAAQ,wBAAwB;AACtD,SAASC,YAAY,QAAQ,uBAAuB;AACpD,SAASC,aAAa,QAAQ,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,aAAA;AA6B3D,OAAO,IAAMC,aAAa,GAAIC,KAAyB,IAAK;EAAA,IAAAC,aAAA,EAAAC,cAAA;EAC1D,IAAM;MACJC,KAAK;MACLC,KAAK;MACLC,SAAS;MACTC,QAAQ;MACRC,OAAO;MACPC,MAAM;MACNC,YAAY;MAEZC,QAAQ;MACRC,kBAAkB;MAClBC,iBAAiB;MACjBC,UAAU;MACVC,OAAO;MACPC,OAAO,EAAEC,YAAY;MACrBC,QAAQ,EAAEC,aAAa;MACvBC,EAAE;MACFC,QAAQ;MACRC,MAAM,GAAG,YAAY;MACrBC,QAAQ;MACRC,IAAI;MACJC,OAAO;MACPC;IAEF,CAAC,GAAGzB,KAAK;IADJ0B,SAAS,GAAAC,6BAAA,CACV3B,KAAK,EAAA4B,SAAA;EACT,IAAMC,GAAG,GAAGvC,MAAM,CAAmB,IAAI,CAAC;EAC1C,IAAMwC,IAAI,GAAGnC,YAAY,CAACyB,QAAQ,EAAES,GAAG,CAAC;EAExC,IAAM,CAACE,KAAK,EAAEC,QAAQ,EAAEC,YAAY,CAAC,GAAGvC,aAAa,CAACM,KAAK,CAAC;EAC5D,IAAM,CAACkC,KAAK,EAAEC,QAAQ,CAAC,GAAG5C,QAAQ,EAAAU,aAAA,GAAS8B,KAAK,oBAALA,KAAK,CAAEV,MAAM,CAACA,MAAM,CAAC,YAAApB,aAAA,GAAI,EAAE,CAAC;EACvE,IAAM;IAAEc,OAAO;IAAEE;EAAS,CAAC,GAAGxB,aAAa,CAAC;IAC1CsB,OAAO,EAAEC,YAAY;IACrBC,QAAQ,EAAEC,aAAa;IACvBkB,QAAQ,EAAEA,CAAA,KAAM;MACd,IAAIH,YAAY,KAAK,KAAK,EAAE;QAC1BD,QAAQ,CAACvB,YAAY,CAAC;MACxB;IACF;EACF,CAAC,CAAC;EAEF,IAAM4B,UAAU,GAAGzC,aAAa,CAAC;IAC/BiC,GAAG;IACHlB,kBAAkB;IAClBC,iBAAiB,EAAE,CACjB,IAAIA,iBAAiB,WAAjBA,iBAAiB,GAAI,EAAE,CAAC,EAC3BmB,KAAK,IAAK;MACT,IAAI,CAACA,KAAK,EAAE;QACV,OAAO,EAAE;MACX;MACA,IAAIP,OAAO,IAAIO,KAAK,CAACO,QAAQ,CAACd,OAAO,EAAE,KAAK,CAAC,EAAE;QAC7C,OAAUA,OAAO,CAACH,MAAM,CAACA,MAAM,CAAC;MAClC;MACA,IAAII,OAAO,IAAIM,KAAK,CAACQ,OAAO,CAACd,OAAO,EAAE,KAAK,CAAC,EAAE;QAC5C,OAAUA,OAAO,CAACJ,MAAM,CAACA,MAAM,CAAC;MAClC;MACA,OAAO,EAAE;IACX,CAAC,CACF;IACDU;EACF,CAAC,CAAC;EACF,IAAMS,YAAY,GAAGpD,WAAW,CAC7BqD,KAA0C,IAAK;IAC9C,IAAMV,KAAK,GAAGU,KAAK,CAACC,aAAa,CAACX,KAAK;IACvCI,QAAQ,CAACJ,KAAK,CAAC;IACf,IAAMY,IAAI,GAAGxD,QAAQ,CAAC4C,KAAK,CAAC;IAC5BC,QAAQ,CAACW,IAAI,CAAC;IACd,IAAIrC,QAAQ,EAAE;MACZA,QAAQ,CAACqC,IAAI,EAAEF,KAAK,CAAC;IACvB;EACF,CAAC,EACD,CAACnC,QAAQ,EAAE0B,QAAQ,CACrB,CAAC;EAED,IAAMY,UAAU,GAAGxD,WAAW,CAC3BqD,KAAyC,IAAK;IAAA,IAAAI,cAAA;IAC7C,IAAIrC,MAAM,EAAE;MACVA,MAAM,CAACiC,KAAK,CAAC;IACf;IACAN,QAAQ,EAAAU,cAAA,GAACd,KAAK,oBAALA,KAAK,CAAEV,MAAM,CAACA,MAAM,CAAC,YAAAwB,cAAA,GAAI,EAAE,CAAC;EACvC,CAAC,EACD,CAACxB,MAAM,EAAEb,MAAM,EAAEuB,KAAK,CACxB,CAAC;EAED,IAAM,CAACe,OAAO,EAAEC,UAAU,CAAC,GAAGvD,qBAAqB,CAACe,OAAO,CAAC;EAE5D,IAAMyC,eAAe,GAAG3D,KAAK,CAAC,CAAC;EAC/B,IAAM4D,OAAO,GAAG9B,EAAE,WAAFA,EAAE,GAAI6B,eAAe;EAErC,IAAME,cAAc,IAAAhD,cAAA,GAAG6B,KAAK,oBAALA,KAAK,CAAEV,MAAM,CAACA,MAAM,CAAC,YAAAnB,cAAA,GAAI,EAAE;EAElD,OACEJ,aAAA,CAACf,WAAW;IAACqB,KAAK,EAAEA,KAAM;IAACC,SAAS,EAAEA;EAAU,GAC9CP,aAAA,CAACb,UAAU;IACTkE,OAAO,EAAEF,OAAQ;IACjB,iBAAevC,QAAS;IACxBY,QAAQ,EAAEA,QAAS;IACnBP,OAAO,EAAEA;EAAQ,GAEhBZ,KACS,CAAC,EACbL,aAAA,CAACZ,cAAc,QACbY,aAAA;IACEsD,IAAI,EAAC,MAAM;IACX9B,QAAQ,EAAEA,QAAS;IACnBC,IAAI,EAAEA;IACN;AACV;AACA;AACA,OAHU;IAIAd,YAAY,EAAEyC,cAAe;IAC7BG,GAAG,EAAEH,cAAe;IACpBI,cAAc,EAAC,MAAM;IACrBC,YAAY,EAAC,KAAK;IAClBC,WAAW,EAAC,KAAK;IACjBC,UAAU,EAAC,OAAO;IAClBC,QAAQ,EAAE,CAAC;EAAE,CACd,CACa,CAAC,EACjB5D,aAAA,CAACd,SAAS,EAAA2E,QAAA;IACRxC,EAAE,EAAE8B,OAAQ;IACZvC,QAAQ,EAAEA,QAAS;IACnBK,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBmC,IAAI,EAAC,MAAM;IACXrB,KAAK,EAAEG,KAAM;IACb5B,QAAQ,EAAEkC,YAAa;IACvBoB,SAAS,EAAGnB,KAAK,IAAK;MACpB;AACV;AACA;MACU,IAAIA,KAAK,CAACY,GAAG,KAAK,OAAO,EAAE;QACzBlB,QAAQ,CAACe,cAAc,CAAC;MAC1B;IACF,CAAE;IACF,gBAAc,CAACb,UAAU,CAACwB,KAAM;IAChChC,GAAG,EAAEC,IAAK;IACVtB,MAAM,EAAEoC,UAAW;IACnBkB,SAAS,EAAC,SAAS;IACnBC,WAAW,EAAE1C;EAAO,GAChBK,SAAS,EACTqB,UAAU,CACf,CAAC,EACFjD,aAAA,CAAChB,cAAc;IACbgC,OAAO,EAAE,CAACuB,UAAU,CAACwB,KAAK,IAAI/C,OAAQ;IACtCC,OAAO,EAAEA,OAAQ;IACjB+B,OAAO,EAAEA,OAAQ;IACjBf,KAAK,EAAEA;EAAM;EAGX;EACAM,UAAU,CAAC2B,OAAO,IAAInD,UAEV,CACL,CAAC;AAElB,CAAC","ignoreList":[]}
+{"version":3,"file":"DateTextField.js","names":["useCallback","useId","useRef","useState","FormHelperText","FormControl","InputBase","InputLabel","VisuallyHidden","useDitectInputTouched","useFieldGroup","useInputValue","useMergeRefs","useValidation","getDayjs","jsx","___EmotionJSX","DateTextField","props","_value$format","_value$format3","label","style","className","onChange","onFocus","onBlur","defaultValue","disabled","validationMessages","customValidations","helperText","invalid","loading","propsLoading","readOnly","propsReadonly","id","inputRef","format","required","name","minDate","maxDate","restProps","_objectWithoutPropertiesLoose","_excluded","ref","refs","value","setValue","isControlled","query","setQuery","onLoaded","validation","isBefore","isAfter","handleChange","event","currentTarget","date","handleBlur","_value$format2","touched","inputProps","internalInputId","inputId","formattedValue","htmlFor","type","key","autoCapitalize","autoComplete","autoCorrect","spellCheck","tabIndex","_extends","onKeyDown","valid","inputMode","placeholder","message"],"sources":["../../../src/DateTextField/DateTextField.tsx"],"sourcesContent":["import { useCallback, useId, useRef, useState } from \"react\";\nimport dayjs from \"dayjs\";\nimport { FieldProps, FormHelperText } from \"../FieldBase\";\nimport { FormControl } from \"../FormControl\";\nimport { InputBase, InputBaseProps } from \"../InputBase\";\nimport { InputLabel } from \"../InputLabel\";\nimport { VisuallyHidden } from \"../VisuallyHidden/VisuallyHidden\";\nimport { useDitectInputTouched } from \"../FieldBase/useDitectInputTouched\";\nimport { useFieldGroup } from \"../FieldGroup\";\nimport { useInputValue } from \"../hooks/useInputValue\";\nimport { useMergeRefs } from \"../hooks/useMergeRefs\";\nimport { useValidation } from \"../FieldBase/useValidation\";\nimport { getDayjs } from \"./getDayjs\";\n\nexport interface DateTextFieldProps\n  extends FieldProps<dayjs.Dayjs | undefined>,\n    Omit<InputBaseProps, \"value\" | \"onChange\" | \"defaultValue\"> {\n  type?: \"never\";\n  /**\n   * 日付のフォーマットを指定します。\n   * @default \"YYYY-MM-DD\"\n   */\n  format?: string;\n  /**\n   * デフォルトでは、formatがplaceholderとして表示されます。\n   */\n  placeholder?: string;\n\n  /**\n   * 最小の日付を指定します。\n   * minDate未満の場合、バリデーションエラーが発生します。\n   */\n  minDate?: dayjs.Dayjs;\n  /**\n   * 最大の日付を指定します。\n   * maxDateより大きい場合、バリデーションエラーが発生します。\n   */\n  maxDate?: dayjs.Dayjs;\n}\n\nexport const DateTextField = (props: DateTextFieldProps) => {\n  const {\n    label,\n    style,\n    className,\n    onChange,\n    onFocus,\n    onBlur,\n    defaultValue,\n    value: _propsValue,\n    disabled,\n    validationMessages,\n    customValidations,\n    helperText,\n    invalid,\n    loading: propsLoading,\n    readOnly: propsReadonly,\n    id,\n    inputRef,\n    format = \"YYYY-MM-DD\",\n    required,\n    name,\n    minDate,\n    maxDate,\n    ...restProps\n  } = props;\n  const ref = useRef<HTMLInputElement>(null);\n  const refs = useMergeRefs(inputRef, ref);\n\n  const [value, setValue, isControlled] = useInputValue(props);\n  const [query, setQuery] = useState<string>(value?.format(format) ?? \"\");\n  const { loading, readOnly } = useFieldGroup({\n    loading: propsLoading,\n    readOnly: propsReadonly,\n    onLoaded: () => {\n      if (isControlled === false) {\n        setValue(defaultValue);\n      }\n    },\n  });\n\n  const validation = useValidation({\n    ref,\n    validationMessages,\n    customValidations: [\n      ...(customValidations ?? []),\n      (value) => {\n        if (!value) {\n          return \"\";\n        }\n        if (minDate && value.isBefore(minDate, \"day\")) {\n          return `${minDate.format(format)}以降の日付を入力してください。`;\n        }\n        if (maxDate && value.isAfter(maxDate, \"day\")) {\n          return `${maxDate.format(format)}以前の日付を入力してください。`;\n        }\n        return \"\";\n      },\n    ],\n    value,\n  });\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const value = event.currentTarget.value;\n      setQuery(value);\n      const date = getDayjs(value);\n      setValue(date);\n      if (onChange) {\n        onChange(date, event);\n      }\n    },\n    [onChange, setValue],\n  );\n\n  const handleBlur = useCallback(\n    (event: React.FocusEvent<HTMLInputElement>) => {\n      if (onBlur) {\n        onBlur(event);\n      }\n      setQuery(value?.format(format) ?? \"\");\n    },\n    [format, onBlur, value],\n  );\n\n  const [touched, inputProps] = useDitectInputTouched(onFocus);\n\n  const internalInputId = useId();\n  const inputId = id ?? internalInputId;\n\n  const formattedValue = value?.format(format) ?? \"\";\n\n  return (\n    <FormControl style={style} className={className}>\n      <InputLabel\n        htmlFor={inputId}\n        aria-disabled={disabled}\n        required={required}\n        loading={loading}\n      >\n        {label}\n      </InputLabel>\n      <VisuallyHidden>\n        <input\n          type=\"text\"\n          required={required}\n          name={name}\n          /**\n           * value + readOnlyなどの場合、requiredなどのチェックが行われなくなるため\n           * defaultValue + keyで代用している。\n           */\n          defaultValue={formattedValue}\n          key={formattedValue}\n          autoCapitalize=\"none\"\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          spellCheck=\"false\"\n          tabIndex={-1}\n        />\n      </VisuallyHidden>\n      <InputBase\n        id={inputId}\n        disabled={disabled}\n        loading={loading}\n        readOnly={readOnly}\n        type=\"text\"\n        value={query}\n        onChange={handleChange}\n        onKeyDown={(event) => {\n          /**\n           * Enterキーが押された場合、クエリをフォーマット済みの値に変換してセットする。\n           */\n          if (event.key === \"Enter\") {\n            setQuery(formattedValue);\n          }\n        }}\n        data-invalid={!validation.valid}\n        ref={refs}\n        onBlur={handleBlur}\n        inputMode=\"numeric\"\n        placeholder={format}\n        {...restProps}\n        {...inputProps}\n      />\n      <FormHelperText\n        invalid={!validation.valid || invalid}\n        loading={loading}\n        touched={touched}\n        value={value}\n      >\n        {\n          // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n          validation.message || helperText\n        }\n      </FormHelperText>\n    </FormControl>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/DropArea/DropArea.js

@@ -3,8 +3,8 @@ var _excluded = ["accepted"],
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { css } from "@emotion/react";
-import { useTheme } from "../theme";
 import React, { useCallback, useEffect, useState } from "react";
+import { useTheme } from "../theme";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var DefaultDropAreaInner = _ref => {
   var {
@@ -16,7 +16,7 @@ var DefaultDropAreaInner = _ref => {
     transitions
   } = useTheme();
   return ___EmotionJSX("div", _extends({}, props, {
-    css: [/*#__PURE__*/css("box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:", palette.background.paper, ";border:2px dashed ", palette.gray[300], ";border-radius:4px;" + (process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHMgQmFzZURyb3BBcmVhUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIGtleW9mIEJhc2VEcm9wQXJlYVByb3BzPiB7fVxuXG5leHBvcnQgY29uc3QgRHJvcEFyZWEgPSAoeyBvbkRyb3AsIGFjY2VwdCwgLi4ucHJvcHMgfTogRHJvcEFyZWFQcm9wcykgPT4ge1xuICBjb25zdCBoYW5kbGVDYW5jZWwgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGlmIChlLmRhdGFUcmFuc2Zlci5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uRHJvcChcbiAgICAgICAgICBhY2NlcHRcbiAgICAgICAgICAgID8gQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcykuZmlsdGVyKChmaWxlKSA9PlxuICAgICAgICAgICAgICAgIGFjY2VwdD8udGVzdChmaWxlLnR5cGUpLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IEFycmF5LmZyb20oZS5kYXRhVHJhbnNmZXIuZmlsZXMpLFxuICAgICAgICApO1xuICAgICAgICBlLmRhdGFUcmFuc2Zlci5jbGVhckRhdGEoKTtcbiAgICAgIH1cbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcm9wQXJlYVN0YXR1cztcbiAgICB9LFxuICAgIFthY2NlcHQsIG9uRHJvcF0sXG4gICk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZShcIlwiKTtcbiAgY29uc3QgW2FjY2VwdGVkLCBzZXRBY2NlcHRlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlciA9IChldmVudDogRHJhZ0V2ZW50KSA9PiB7XG4gICAgICBzZXRBY2NlcHRlZChldmVudC5kYXRhVHJhbnNmZXI/LnR5cGVzLmluY2x1ZGVzKFwiRmlsZXNcIikgPz8gZmFsc2UpO1xuICAgICAgc2V0U3RhdHVzKGV2ZW50LnR5cGUpO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH07XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgaGFuZGxlcik7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJkcm9wXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICB9O1xuICB9LCBbXSk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHREcm9wQXJlYUlubmVyXG4gICAgICBkYXRhLWRyb3B6b25lLXN0YXR1cz17c3RhdHVzfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgYWNjZXB0ZWQ9e2FjY2VwdGVkfVxuICAgICAgb25EcmFnRW50ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ0xlYXZlPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyYWdPdmVyPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */"), (accepted === undefined || accepted) && /*#__PURE__*/css("transition:border-color ", transitions.duration.shorter, " ", transitions.easing.easeIn, ";&[data-dropzone-status=\"dragover\"]{background-color:", palette.intentions.primary.light, ";border-color:", palette.intentions.primary.main, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJhIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHMgQmFzZURyb3BBcmVhUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIGtleW9mIEJhc2VEcm9wQXJlYVByb3BzPiB7fVxuXG5leHBvcnQgY29uc3QgRHJvcEFyZWEgPSAoeyBvbkRyb3AsIGFjY2VwdCwgLi4ucHJvcHMgfTogRHJvcEFyZWFQcm9wcykgPT4ge1xuICBjb25zdCBoYW5kbGVDYW5jZWwgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGlmIChlLmRhdGFUcmFuc2Zlci5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uRHJvcChcbiAgICAgICAgICBhY2NlcHRcbiAgICAgICAgICAgID8gQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcykuZmlsdGVyKChmaWxlKSA9PlxuICAgICAgICAgICAgICAgIGFjY2VwdD8udGVzdChmaWxlLnR5cGUpLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IEFycmF5LmZyb20oZS5kYXRhVHJhbnNmZXIuZmlsZXMpLFxuICAgICAgICApO1xuICAgICAgICBlLmRhdGFUcmFuc2Zlci5jbGVhckRhdGEoKTtcbiAgICAgIH1cbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcm9wQXJlYVN0YXR1cztcbiAgICB9LFxuICAgIFthY2NlcHQsIG9uRHJvcF0sXG4gICk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZShcIlwiKTtcbiAgY29uc3QgW2FjY2VwdGVkLCBzZXRBY2NlcHRlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlciA9IChldmVudDogRHJhZ0V2ZW50KSA9PiB7XG4gICAgICBzZXRBY2NlcHRlZChldmVudC5kYXRhVHJhbnNmZXI/LnR5cGVzLmluY2x1ZGVzKFwiRmlsZXNcIikgPz8gZmFsc2UpO1xuICAgICAgc2V0U3RhdHVzKGV2ZW50LnR5cGUpO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH07XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgaGFuZGxlcik7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJkcm9wXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICB9O1xuICB9LCBbXSk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHREcm9wQXJlYUlubmVyXG4gICAgICBkYXRhLWRyb3B6b25lLXN0YXR1cz17c3RhdHVzfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgYWNjZXB0ZWQ9e2FjY2VwdGVkfVxuICAgICAgb25EcmFnRW50ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ0xlYXZlPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyYWdPdmVyPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJNIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uL3RoZW1lXCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHMgQmFzZURyb3BBcmVhUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIGtleW9mIEJhc2VEcm9wQXJlYVByb3BzPiB7fVxuXG5leHBvcnQgY29uc3QgRHJvcEFyZWEgPSAoeyBvbkRyb3AsIGFjY2VwdCwgLi4ucHJvcHMgfTogRHJvcEFyZWFQcm9wcykgPT4ge1xuICBjb25zdCBoYW5kbGVDYW5jZWwgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGlmIChlLmRhdGFUcmFuc2Zlci5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uRHJvcChcbiAgICAgICAgICBhY2NlcHRcbiAgICAgICAgICAgID8gQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcykuZmlsdGVyKChmaWxlKSA9PlxuICAgICAgICAgICAgICAgIGFjY2VwdD8udGVzdChmaWxlLnR5cGUpLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IEFycmF5LmZyb20oZS5kYXRhVHJhbnNmZXIuZmlsZXMpLFxuICAgICAgICApO1xuICAgICAgICBlLmRhdGFUcmFuc2Zlci5jbGVhckRhdGEoKTtcbiAgICAgIH1cbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcm9wQXJlYVN0YXR1cztcbiAgICB9LFxuICAgIFthY2NlcHQsIG9uRHJvcF0sXG4gICk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZShcIlwiKTtcbiAgY29uc3QgW2FjY2VwdGVkLCBzZXRBY2NlcHRlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlciA9IChldmVudDogRHJhZ0V2ZW50KSA9PiB7XG4gICAgICBzZXRBY2NlcHRlZChldmVudC5kYXRhVHJhbnNmZXI/LnR5cGVzLmluY2x1ZGVzKFwiRmlsZXNcIikgPz8gZmFsc2UpO1xuICAgICAgc2V0U3RhdHVzKGV2ZW50LnR5cGUpO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH07XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgaGFuZGxlcik7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJkcm9wXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICB9O1xuICB9LCBbXSk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHREcm9wQXJlYUlubmVyXG4gICAgICBkYXRhLWRyb3B6b25lLXN0YXR1cz17c3RhdHVzfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgYWNjZXB0ZWQ9e2FjY2VwdGVkfVxuICAgICAgb25EcmFnRW50ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ0xlYXZlPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyYWdPdmVyPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */"]
+    css: [/*#__PURE__*/css("box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:", palette.background.paper, ";border:2px dashed ", palette.gray[300], ";border-radius:4px;" + (process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHMgQmFzZURyb3BBcmVhUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIGtleW9mIEJhc2VEcm9wQXJlYVByb3BzPiB7fVxuXG5leHBvcnQgY29uc3QgRHJvcEFyZWEgPSAoeyBvbkRyb3AsIGFjY2VwdCwgLi4ucHJvcHMgfTogRHJvcEFyZWFQcm9wcykgPT4ge1xuICBjb25zdCBoYW5kbGVDYW5jZWwgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGlmIChlLmRhdGFUcmFuc2Zlci5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uRHJvcChcbiAgICAgICAgICBhY2NlcHRcbiAgICAgICAgICAgID8gQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcykuZmlsdGVyKChmaWxlKSA9PlxuICAgICAgICAgICAgICAgIGFjY2VwdD8udGVzdChmaWxlLnR5cGUpLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IEFycmF5LmZyb20oZS5kYXRhVHJhbnNmZXIuZmlsZXMpLFxuICAgICAgICApO1xuICAgICAgICBlLmRhdGFUcmFuc2Zlci5jbGVhckRhdGEoKTtcbiAgICAgIH1cbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcm9wQXJlYVN0YXR1cztcbiAgICB9LFxuICAgIFthY2NlcHQsIG9uRHJvcF0sXG4gICk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZShcIlwiKTtcbiAgY29uc3QgW2FjY2VwdGVkLCBzZXRBY2NlcHRlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlciA9IChldmVudDogRHJhZ0V2ZW50KSA9PiB7XG4gICAgICBzZXRBY2NlcHRlZChldmVudC5kYXRhVHJhbnNmZXI/LnR5cGVzLmluY2x1ZGVzKFwiRmlsZXNcIikgPz8gZmFsc2UpO1xuICAgICAgc2V0U3RhdHVzKGV2ZW50LnR5cGUpO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH07XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgaGFuZGxlcik7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJkcm9wXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICB9O1xuICB9LCBbXSk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHREcm9wQXJlYUlubmVyXG4gICAgICBkYXRhLWRyb3B6b25lLXN0YXR1cz17c3RhdHVzfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgYWNjZXB0ZWQ9e2FjY2VwdGVkfVxuICAgICAgb25EcmFnRW50ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ0xlYXZlPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyYWdPdmVyPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */"), (accepted === undefined || accepted) && /*#__PURE__*/css("transition:border-color ", transitions.duration.shorter, " ", transitions.easing.easeIn, ";&[data-dropzone-status=\"dragover\"]{background-color:", palette.intentions.primary.light, ";border-color:", palette.intentions.primary.main, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJhIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHMgQmFzZURyb3BBcmVhUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIGtleW9mIEJhc2VEcm9wQXJlYVByb3BzPiB7fVxuXG5leHBvcnQgY29uc3QgRHJvcEFyZWEgPSAoeyBvbkRyb3AsIGFjY2VwdCwgLi4ucHJvcHMgfTogRHJvcEFyZWFQcm9wcykgPT4ge1xuICBjb25zdCBoYW5kbGVDYW5jZWwgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGlmIChlLmRhdGFUcmFuc2Zlci5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uRHJvcChcbiAgICAgICAgICBhY2NlcHRcbiAgICAgICAgICAgID8gQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcykuZmlsdGVyKChmaWxlKSA9PlxuICAgICAgICAgICAgICAgIGFjY2VwdD8udGVzdChmaWxlLnR5cGUpLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IEFycmF5LmZyb20oZS5kYXRhVHJhbnNmZXIuZmlsZXMpLFxuICAgICAgICApO1xuICAgICAgICBlLmRhdGFUcmFuc2Zlci5jbGVhckRhdGEoKTtcbiAgICAgIH1cbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcm9wQXJlYVN0YXR1cztcbiAgICB9LFxuICAgIFthY2NlcHQsIG9uRHJvcF0sXG4gICk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZShcIlwiKTtcbiAgY29uc3QgW2FjY2VwdGVkLCBzZXRBY2NlcHRlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlciA9IChldmVudDogRHJhZ0V2ZW50KSA9PiB7XG4gICAgICBzZXRBY2NlcHRlZChldmVudC5kYXRhVHJhbnNmZXI/LnR5cGVzLmluY2x1ZGVzKFwiRmlsZXNcIikgPz8gZmFsc2UpO1xuICAgICAgc2V0U3RhdHVzKGV2ZW50LnR5cGUpO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH07XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgaGFuZGxlcik7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJkcm9wXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICB9O1xuICB9LCBbXSk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHREcm9wQXJlYUlubmVyXG4gICAgICBkYXRhLWRyb3B6b25lLXN0YXR1cz17c3RhdHVzfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgYWNjZXB0ZWQ9e2FjY2VwdGVkfVxuICAgICAgb25EcmFnRW50ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ0xlYXZlPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyYWdPdmVyPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : ";label:DefaultDropAreaInner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJNIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9Ecm9wQXJlYS9Ecm9wQXJlYS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vdGhlbWVcIjtcblxuZXhwb3J0IGludGVyZmFjZSBEZWZhdWx0RHJvcEFyZWFJbm5lclByb3BzXG4gIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPFwiZGl2XCI+IHtcbiAgYWNjZXB0ZWQ/OiBib29sZWFuO1xufVxuXG5jb25zdCBEZWZhdWx0RHJvcEFyZWFJbm5lciA9ICh7XG4gIGFjY2VwdGVkLFxuICAuLi5wcm9wc1xufTogRGVmYXVsdERyb3BBcmVhSW5uZXJQcm9wcykgPT4ge1xuICBjb25zdCB7IHBhbGV0dGUsIHRyYW5zaXRpb25zIH0gPSB1c2VUaGVtZSgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGNzcz17W1xuICAgICAgICBjc3NgXG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwYWxldHRlLmJhY2tncm91bmQucGFwZXJ9O1xuICAgICAgICAgIGJvcmRlcjogMnB4IGRhc2hlZCAke3BhbGV0dGUuZ3JheVszMDBdfTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgIGAsXG4gICAgICAgIChhY2NlcHRlZCA9PT0gdW5kZWZpbmVkIHx8IGFjY2VwdGVkKSAmJlxuICAgICAgICAgIGNzc2BcbiAgICAgICAgICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke3RyYW5zaXRpb25zLmR1cmF0aW9uLnNob3J0ZXJ9XG4gICAgICAgICAgICAgICR7dHJhbnNpdGlvbnMuZWFzaW5nLmVhc2VJbn07XG4gICAgICAgICAgICAmW2RhdGEtZHJvcHpvbmUtc3RhdHVzPVwiZHJhZ292ZXJcIl0ge1xuICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5LmxpZ2h0fTtcbiAgICAgICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3BhbGV0dGUuaW50ZW50aW9ucy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgfVxuICAgICAgICAgIGAsXG4gICAgICBdfVxuICAgIC8+XG4gICk7XG59O1xuXG5pbnRlcmZhY2UgQmFzZURyb3BBcmVhUHJvcHMge1xuICBvbkRyb3A6IChmaWxlczogRmlsZVtdKSA9PiB2b2lkO1xuICBvbkRyYWdFbnRlcj86IG5ldmVyO1xuICBvbkRyYWdMZWF2ZT86IG5ldmVyO1xuICBvbkRyYWdPdmVyPzogbmV2ZXI7XG4gIGFjY2VwdD86IFJlZ0V4cDtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBEcm9wQXJlYVByb3BzXG4gIGV4dGVuZHMgQmFzZURyb3BBcmVhUHJvcHMsXG4gICAgT21pdDxSZWFjdC5Db21wb25lbnRQcm9wc1dpdGhvdXRSZWY8XCJkaXZcIj4sIGtleW9mIEJhc2VEcm9wQXJlYVByb3BzPiB7fVxuXG5leHBvcnQgY29uc3QgRHJvcEFyZWEgPSAoeyBvbkRyb3AsIGFjY2VwdCwgLi4ucHJvcHMgfTogRHJvcEFyZWFQcm9wcykgPT4ge1xuICBjb25zdCBoYW5kbGVDYW5jZWwgPSB1c2VDYWxsYmFjaygoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICBlLnN0b3BQcm9wYWdhdGlvbigpO1xuICB9LCBbXSk7XG4gIGNvbnN0IGhhbmRsZURyb3AgPSB1c2VDYWxsYmFjayhcbiAgICAoZTogUmVhY3QuRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgIGlmIChlLmRhdGFUcmFuc2Zlci5maWxlcy5sZW5ndGggPiAwKSB7XG4gICAgICAgIG9uRHJvcChcbiAgICAgICAgICBhY2NlcHRcbiAgICAgICAgICAgID8gQXJyYXkuZnJvbShlLmRhdGFUcmFuc2Zlci5maWxlcykuZmlsdGVyKChmaWxlKSA9PlxuICAgICAgICAgICAgICAgIGFjY2VwdD8udGVzdChmaWxlLnR5cGUpLFxuICAgICAgICAgICAgICApXG4gICAgICAgICAgICA6IEFycmF5LmZyb20oZS5kYXRhVHJhbnNmZXIuZmlsZXMpLFxuICAgICAgICApO1xuICAgICAgICBlLmRhdGFUcmFuc2Zlci5jbGVhckRhdGEoKTtcbiAgICAgIH1cbiAgICAgIGRlbGV0ZSBlLmN1cnJlbnRUYXJnZXQuZGF0YXNldC5kcm9wQXJlYVN0YXR1cztcbiAgICB9LFxuICAgIFthY2NlcHQsIG9uRHJvcF0sXG4gICk7XG4gIGNvbnN0IFtzdGF0dXMsIHNldFN0YXR1c10gPSB1c2VTdGF0ZShcIlwiKTtcbiAgY29uc3QgW2FjY2VwdGVkLCBzZXRBY2NlcHRlZF0gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgY29uc3QgaGFuZGxlciA9IChldmVudDogRHJhZ0V2ZW50KSA9PiB7XG4gICAgICBzZXRBY2NlcHRlZChldmVudC5kYXRhVHJhbnNmZXI/LnR5cGVzLmluY2x1ZGVzKFwiRmlsZXNcIikgPz8gZmFsc2UpO1xuICAgICAgc2V0U3RhdHVzKGV2ZW50LnR5cGUpO1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgIH07XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyb3BcIiwgaGFuZGxlcik7XG4gICAgZG9jdW1lbnQuYWRkRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgIGRvY3VtZW50LmFkZEV2ZW50TGlzdGVuZXIoXCJkcmFnbGVhdmVcIiwgaGFuZGxlcik7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGRvY3VtZW50LnJlbW92ZUV2ZW50TGlzdGVuZXIoXCJkcm9wXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdvdmVyXCIsIGhhbmRsZXIpO1xuICAgICAgZG9jdW1lbnQucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImRyYWdsZWF2ZVwiLCBoYW5kbGVyKTtcbiAgICB9O1xuICB9LCBbXSk7XG4gIHJldHVybiAoXG4gICAgPERlZmF1bHREcm9wQXJlYUlubmVyXG4gICAgICBkYXRhLWRyb3B6b25lLXN0YXR1cz17c3RhdHVzfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgYWNjZXB0ZWQ9e2FjY2VwdGVkfVxuICAgICAgb25EcmFnRW50ZXI9e2hhbmRsZUNhbmNlbH1cbiAgICAgIG9uRHJhZ0xlYXZlPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyYWdPdmVyPXtoYW5kbGVDYW5jZWx9XG4gICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgLz5cbiAgKTtcbn07XG4iXX0= */"]
   }));
 };
 export var DropArea = _ref2 => {

package/DropArea/DropArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropArea.js","names":["css","useTheme","React","useCallback","useEffect","useState","jsx","___EmotionJSX","DefaultDropAreaInner","_ref","accepted","props","_objectWithoutPropertiesLoose","_excluded","palette","transitions","_extends","background","paper","gray","process","env","NODE_ENV","undefined","duration","shorter","easing","easeIn","intentions","primary","light","main","DropArea","_ref2","onDrop","accept","_excluded2","handleCancel","e","preventDefault","stopPropagation","handleDrop","dataTransfer","files","length","Array","from","filter","file","test","type","clearData","currentTarget","dataset","dropAreaStatus","status","setStatus","setAccepted","handler","event","_event$dataTransfer$t","_event$dataTransfer","types","includes","document","addEventListener","removeEventListener","onDragEnter","onDragLeave","onDragOver"],"sources":["../../../src/DropArea/DropArea.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React, { useCallback, useEffect, useState } from \"react\";\n\nexport interface DefaultDropAreaInnerProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {\n  accepted?: boolean;\n}\n\nconst DefaultDropAreaInner = ({\n  accepted,\n  ...props\n}: DefaultDropAreaInnerProps) => {\n  const { palette, transitions } = useTheme();\n  return (\n    <div\n      {...props}\n      css={[\n        css`\n          box-sizing: border-box;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          background-color: ${palette.background.paper};\n          border: 2px dashed ${palette.gray[300]};\n          border-radius: 4px;\n        `,\n        (accepted === undefined || accepted) &&\n          css`\n            transition: border-color ${transitions.duration.shorter}\n              ${transitions.easing.easeIn};\n            &[data-dropzone-status=\"dragover\"] {\n              background-color: ${palette.intentions.primary.light};\n              border-color: ${palette.intentions.primary.main};\n            }\n          `,\n      ]}\n    />\n  );\n};\n\ninterface BaseDropAreaProps {\n  onDrop: (files: File[]) => void;\n  onDragEnter?: never;\n  onDragLeave?: never;\n  onDragOver?: never;\n  accept?: RegExp;\n}\n\nexport interface DropAreaProps\n  extends BaseDropAreaProps,\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof BaseDropAreaProps> {}\n\nexport const DropArea = ({ onDrop, accept, ...props }: DropAreaProps) => {\n  const handleCancel = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n  }, []);\n  const handleDrop = useCallback(\n    (e: React.DragEvent<HTMLDivElement>) => {\n      e.preventDefault();\n      e.stopPropagation();\n      if (e.dataTransfer.files.length > 0) {\n        onDrop(\n          accept\n            ? Array.from(e.dataTransfer.files).filter((file) =>\n                accept?.test(file.type),\n              )\n            : Array.from(e.dataTransfer.files),\n        );\n        e.dataTransfer.clearData();\n      }\n      delete e.currentTarget.dataset.dropAreaStatus;\n    },\n    [accept, onDrop],\n  );\n  const [status, setStatus] = useState(\"\");\n  const [accepted, setAccepted] = useState<boolean>(false);\n  useEffect(() => {\n    const handler = (event: DragEvent) => {\n      setAccepted(event.dataTransfer?.types.includes(\"Files\") ?? false);\n      setStatus(event.type);\n      event.preventDefault();\n      event.stopPropagation();\n    };\n    document.addEventListener(\"drop\", handler);\n    document.addEventListener(\"dragover\", handler);\n    document.addEventListener(\"dragleave\", handler);\n    return () => {\n      document.removeEventListener(\"drop\", handler);\n      document.removeEventListener(\"dragover\", handler);\n      document.removeEventListener(\"dragleave\", handler);\n    };\n  }, []);\n  return (\n    <DefaultDropAreaInner\n      data-dropzone-status={status}\n      {...props}\n      accepted={accepted}\n      onDragEnter={handleCancel}\n      onDragLeave={handleCancel}\n      onDragOver={handleCancel}\n      onDrop={handleDrop}\n    />\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAOhE,IAAMC,oBAAoB,GAAGC,IAAA,IAGI;EAAA,IAHH;MAC5BC;IAEyB,CAAC,GAAAD,IAAA;IADvBE,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAER,IAAM;IAAEC,OAAO;IAAEC;EAAY,CAAC,GAAGd,QAAQ,CAAC,CAAC;EAC3C,OACEM,aAAA,QAAAS,QAAA,KACML,KAAK;IACTX,GAAG,gBACDA,GAAG,mGAKmBc,OAAO,CAACG,UAAU,CAACC,KAAK,yBACvBJ,OAAO,CAACK,IAAI,CAAC,GAAG,CAAC,2BAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,0DAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,qiJAGxC,CAACZ,QAAQ,KAAKa,SAAS,IAAIb,QAAQ,kBACjCV,GAAG,6BAC0Be,WAAW,CAACS,QAAQ,CAACC,OAAO,OACnDV,WAAW,CAACW,MAAM,CAACC,MAAM,6DAEPb,OAAO,CAACc,UAAU,CAACC,OAAO,CAACC,KAAK,oBACpChB,OAAO,CAACc,UAAU,CAACC,OAAO,CAACE,IAAI,UAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA,0DAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,miJAElD,EAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,yDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACH,EACH,CAAC;AAEN,CAAC;AAcD,OAAO,IAAMU,QAAQ,GAAGC,KAAA,IAAiD;EAAA,IAAhD;MAAEC,MAAM;MAAEC;IAAgC,CAAC,GAAAF,KAAA;IAAtBtB,KAAK,GAAAC,6BAAA,CAAAqB,KAAA,EAAAG,UAAA;EACjD,IAAMC,YAAY,GAAGlC,WAAW,CAAEmC,CAAkC,IAAK;IACvEA,CAAC,CAACC,cAAc,CAAC,CAAC;IAClBD,CAAC,CAACE,eAAe,CAAC,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EACN,IAAMC,UAAU,GAAGtC,WAAW,CAC3BmC,CAAkC,IAAK;IACtCA,CAAC,CAACC,cAAc,CAAC,CAAC;IAClBD,CAAC,CAACE,eAAe,CAAC,CAAC;IACnB,IAAIF,CAAC,CAACI,YAAY,CAACC,KAAK,CAACC,MAAM,GAAG,CAAC,EAAE;MACnCV,MAAM,CACJC,MAAM,GACFU,KAAK,CAACC,IAAI,CAACR,CAAC,CAACI,YAAY,CAACC,KAAK,CAAC,CAACI,MAAM,CAAEC,IAAI,IAC3Cb,MAAM,oBAANA,MAAM,CAAEc,IAAI,CAACD,IAAI,CAACE,IAAI,CACxB,CAAC,GACDL,KAAK,CAACC,IAAI,CAACR,CAAC,CAACI,YAAY,CAACC,KAAK,CACrC,CAAC;MACDL,CAAC,CAACI,YAAY,CAACS,SAAS,CAAC,CAAC;IAC5B;IACA,OAAOb,CAAC,CAACc,aAAa,CAACC,OAAO,CAACC,cAAc;EAC/C,CAAC,EACD,CAACnB,MAAM,EAAED,MAAM,CACjB,CAAC;EACD,IAAM,CAACqB,MAAM,EAAEC,SAAS,CAAC,GAAGnD,QAAQ,CAAC,EAAE,CAAC;EACxC,IAAM,CAACK,QAAQ,EAAE+C,WAAW,CAAC,GAAGpD,QAAQ,CAAU,KAAK,CAAC;EACxDD,SAAS,CAAC,MAAM;IACd,IAAMsD,OAAO,GAAIC,KAAgB,IAAK;MAAA,IAAAC,qBAAA,EAAAC,mBAAA;MACpCJ,WAAW,EAAAG,qBAAA,IAAAC,mBAAA,GAACF,KAAK,CAACjB,YAAY,qBAAlBmB,mBAAA,CAAoBC,KAAK,CAACC,QAAQ,CAAC,OAAO,CAAC,YAAAH,qBAAA,GAAI,KAAK,CAAC;MACjEJ,SAAS,CAACG,KAAK,CAACT,IAAI,CAAC;MACrBS,KAAK,CAACpB,cAAc,CAAC,CAAC;MACtBoB,KAAK,CAACnB,eAAe,CAAC,CAAC;IACzB,CAAC;IACDwB,QAAQ,CAACC,gBAAgB,CAAC,MAAM,EAAEP,OAAO,CAAC;IAC1CM,QAAQ,CAACC,gBAAgB,CAAC,UAAU,EAAEP,OAAO,CAAC;IAC9CM,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEP,OAAO,CAAC;IAC/C,OAAO,MAAM;MACXM,QAAQ,CAACE,mBAAmB,CAAC,MAAM,EAAER,OAAO,CAAC;MAC7CM,QAAQ,CAACE,mBAAmB,CAAC,UAAU,EAAER,OAAO,CAAC;MACjDM,QAAQ,CAACE,mBAAmB,CAAC,WAAW,EAAER,OAAO,CAAC;IACpD,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EACN,OACEnD,aAAA,CAACC,oBAAoB,EAAAQ,QAAA;IACnB,wBAAsBuC;EAAO,GACzB5C,KAAK;IACTD,QAAQ,EAAEA,QAAS;IACnByD,WAAW,EAAE9B,YAAa;IAC1B+B,WAAW,EAAE/B,YAAa;IAC1BgC,UAAU,EAAEhC,YAAa;IACzBH,MAAM,EAAEO;EAAW,EACpB,CAAC;AAEN,CAAC","ignoreList":[]}
+{"version":3,"file":"DropArea.js","names":["css","React","useCallback","useEffect","useState","useTheme","jsx","___EmotionJSX","DefaultDropAreaInner","_ref","accepted","props","_objectWithoutPropertiesLoose","_excluded","palette","transitions","_extends","background","paper","gray","process","env","NODE_ENV","undefined","duration","shorter","easing","easeIn","intentions","primary","light","main","DropArea","_ref2","onDrop","accept","_excluded2","handleCancel","e","preventDefault","stopPropagation","handleDrop","dataTransfer","files","length","Array","from","filter","file","test","type","clearData","currentTarget","dataset","dropAreaStatus","status","setStatus","setAccepted","handler","event","_event$dataTransfer$t","_event$dataTransfer","types","includes","document","addEventListener","removeEventListener","onDragEnter","onDragLeave","onDragOver"],"sources":["../../../src/DropArea/DropArea.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React, { useCallback, useEffect, useState } from \"react\";\nimport { useTheme } from \"../theme\";\n\nexport interface DefaultDropAreaInnerProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {\n  accepted?: boolean;\n}\n\nconst DefaultDropAreaInner = ({\n  accepted,\n  ...props\n}: DefaultDropAreaInnerProps) => {\n  const { palette, transitions } = useTheme();\n  return (\n    <div\n      {...props}\n      css={[\n        css`\n          box-sizing: border-box;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          background-color: ${palette.background.paper};\n          border: 2px dashed ${palette.gray[300]};\n          border-radius: 4px;\n        `,\n        (accepted === undefined || accepted) &&\n          css`\n            transition: border-color ${transitions.duration.shorter}\n              ${transitions.easing.easeIn};\n            &[data-dropzone-status=\"dragover\"] {\n              background-color: ${palette.intentions.primary.light};\n              border-color: ${palette.intentions.primary.main};\n            }\n          `,\n      ]}\n    />\n  );\n};\n\ninterface BaseDropAreaProps {\n  onDrop: (files: File[]) => void;\n  onDragEnter?: never;\n  onDragLeave?: never;\n  onDragOver?: never;\n  accept?: RegExp;\n}\n\nexport interface DropAreaProps\n  extends BaseDropAreaProps,\n    Omit<React.ComponentPropsWithoutRef<\"div\">, keyof BaseDropAreaProps> {}\n\nexport const DropArea = ({ onDrop, accept, ...props }: DropAreaProps) => {\n  const handleCancel = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n  }, []);\n  const handleDrop = useCallback(\n    (e: React.DragEvent<HTMLDivElement>) => {\n      e.preventDefault();\n      e.stopPropagation();\n      if (e.dataTransfer.files.length > 0) {\n        onDrop(\n          accept\n            ? Array.from(e.dataTransfer.files).filter((file) =>\n                accept?.test(file.type),\n              )\n            : Array.from(e.dataTransfer.files),\n        );\n        e.dataTransfer.clearData();\n      }\n      delete e.currentTarget.dataset.dropAreaStatus;\n    },\n    [accept, onDrop],\n  );\n  const [status, setStatus] = useState(\"\");\n  const [accepted, setAccepted] = useState<boolean>(false);\n  useEffect(() => {\n    const handler = (event: DragEvent) => {\n      setAccepted(event.dataTransfer?.types.includes(\"Files\") ?? false);\n      setStatus(event.type);\n      event.preventDefault();\n      event.stopPropagation();\n    };\n    document.addEventListener(\"drop\", handler);\n    document.addEventListener(\"dragover\", handler);\n    document.addEventListener(\"dragleave\", handler);\n    return () => {\n      document.removeEventListener(\"drop\", handler);\n      document.removeEventListener(\"dragover\", handler);\n      document.removeEventListener(\"dragleave\", handler);\n    };\n  }, []);\n  return (\n    <DefaultDropAreaInner\n      data-dropzone-status={status}\n      {...props}\n      accepted={accepted}\n      onDragEnter={handleCancel}\n      onDragLeave={handleCancel}\n      onDragOver={handleCancel}\n      onDrop={handleDrop}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/FieldBase/FieldProps.d.ts

@@ -1,5 +1,5 @@
-import { FieldGroupContextValue } from "../FieldGroup";
 import React from "react";
+import { FieldGroupContextValue } from "../FieldGroup";
 interface CommonFieldProps<T> extends FieldGroupContextValue {
     /**
      * ラベルの文字列を指定します。ラベルは左上に表示されます。

package/FieldBase/FieldProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldProps.js","names":[],"sources":["../../../src/FieldBase/FieldProps.tsx"],"sourcesContent":["import { FieldGroupContextValue } from \"../FieldGroup\";\nimport React from \"react\";\n\ninterface CommonFieldProps<T> extends FieldGroupContextValue {\n  /**\n   * ラベルの文字列を指定します。ラベルは左上に表示されます。\n   */\n  label?: string;\n  /**\n   * input要素本来のバリデーションに任意のバリデーションを追加することができます。\n   */\n  customValidations?: ((value?: T) => string | undefined | false)[];\n  /**\n   * input要素本来のバリーデーションメッセージを変更することができます。\n   */\n  validationMessages?: {\n    [key in keyof ValidityState]?: string;\n  };\n\n  /**\n   * 任意のヘルパーテキストを挿入できます。ただしinput要素本来のバリデーションの方が優先されます。\n   */\n  helperText?: React.ReactNode | ((props: { value?: T }) => React.ReactNode);\n  /**\n   * 任意のヘルパーテキストをinvalidなものとして扱いたい場合に使用できます。\n   */\n  invalid?: boolean;\n}\n\nexport interface FieldProps<T, El = HTMLInputElement>\n  extends CommonFieldProps<T> {\n  value?: T;\n  defaultValue?: T;\n  /**\n   * inputの値が更新された場合に発火します。\n   *\n   * onChangeが呼ばれるタイミングと内部実装の値が変更されるタイミングは異なります。\n   * そのため、onChange発火直後にformなどのrefから値を取得しようとするとズレが発生する場合があります。\n   */\n  onChange?: (value: T, event?: React.SyntheticEvent<El>) => void;\n  /**\n   * 実体である`input`要素に対するrefを指定します。\n   */\n  inputRef?: React.Ref<El>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"FieldProps.js","names":[],"sources":["../../../src/FieldBase/FieldProps.tsx"],"sourcesContent":["import React from \"react\";\nimport { FieldGroupContextValue } from \"../FieldGroup\";\n\ninterface CommonFieldProps<T> extends FieldGroupContextValue {\n  /**\n   * ラベルの文字列を指定します。ラベルは左上に表示されます。\n   */\n  label?: string;\n  /**\n   * input要素本来のバリデーションに任意のバリデーションを追加することができます。\n   */\n  customValidations?: ((value?: T) => string | undefined | false)[];\n  /**\n   * input要素本来のバリーデーションメッセージを変更することができます。\n   */\n  validationMessages?: {\n    [key in keyof ValidityState]?: string;\n  };\n\n  /**\n   * 任意のヘルパーテキストを挿入できます。ただしinput要素本来のバリデーションの方が優先されます。\n   */\n  helperText?: React.ReactNode | ((props: { value?: T }) => React.ReactNode);\n  /**\n   * 任意のヘルパーテキストをinvalidなものとして扱いたい場合に使用できます。\n   */\n  invalid?: boolean;\n}\n\nexport interface FieldProps<T, El = HTMLInputElement>\n  extends CommonFieldProps<T> {\n  value?: T;\n  defaultValue?: T;\n  /**\n   * inputの値が更新された場合に発火します。\n   *\n   * onChangeが呼ばれるタイミングと内部実装の値が変更されるタイミングは異なります。\n   * そのため、onChange発火直後にformなどのrefから値を取得しようとするとズレが発生する場合があります。\n   */\n  onChange?: (value: T, event?: React.SyntheticEvent<El>) => void;\n  /**\n   * 実体である`input`要素に対するrefを指定します。\n   */\n  inputRef?: React.Ref<El>;\n}\n"],"mappings":"","ignoreList":[]}

package/FieldBase/FormHelperText.js

@@ -2,17 +2,17 @@ var _excluded = ["invalid", "children", "loading", "value", "touched"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import { ShimmerEffectBox } from "../ShimmerEffect";
 import { css } from "@emotion/react";
-import { useTheme } from "../theme";
 import React from "react";
+import { ShimmerEffectBox } from "../ShimmerEffect";
+import { useTheme } from "../theme";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1fuih0q",
   styles: "display:block;height:19px;text-align:right"
 } : {
   name: "1yzjmd1-FormHelperText",
-  styles: "display:block;height:19px;text-align:right;label:FormHelperText;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9GaWVsZEJhc2UvRm9ybUhlbHBlclRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRmllbGRCYXNlL0Zvcm1IZWxwZXJUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNoaW1tZXJFZmZlY3RCb3ggfSBmcm9tIFwiLi4vU2hpbW1lckVmZmVjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZvcm1IZWxwZXJUZXh0UHJvcHM8Vj4ge1xuICAvKipcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIGludmFsaWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxvYWRpbmc6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIHRvdWNoZWQ6IGJvb2xlYW47XG4gIHZhbHVlOiBWO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB8ICgocHJvcHM6IHsgdmFsdWU6IFYgfSkgPT4gUmVhY3QuUmVhY3ROb2RlKTtcbn1cblxuZXhwb3J0IGNvbnN0IEZvcm1IZWxwZXJUZXh0ID0gPFYsPih7XG4gIGludmFsaWQgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIGxvYWRpbmcsXG4gIHZhbHVlLFxuICB0b3VjaGVkLFxuICAuLi5wcm9wc1xufTogRm9ybUhlbHBlclRleHRQcm9wczxWPikgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgLyoqXG4gICAqIElmIHRoZSBpbnB1dCBpcyBub3QgdG91Y2hlZCwgZG8gbm90IHNob3cgdGhlIGVycm9yIG1lc3NhZ2UuXG4gICAqIEJ1dCBpZiBpdCBpcyBub3QgYW4gZXJyb3IgYW5kIGlzIGludGVuZGVkIHRvIGhlbHAgdGhlIHVzZXIsIGRpc3BsYXkgaXQuXG4gICAqL1xuICBpZiAodG91Y2hlZCA9PT0gZmFsc2UgJiYgaW52YWxpZCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3QgbWVzc2FnZSA9XG4gICAgdHlwZW9mIGNoaWxkcmVuID09PSBcImZ1bmN0aW9uXCIgPyBjaGlsZHJlbih7IHZhbHVlIH0pIDogY2hpbGRyZW47XG5cbiAgaWYgKG1lc3NhZ2UgPT09IHVuZGVmaW5lZCB8fCBtZXNzYWdlID09PSBudWxsKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICByb2xlPXtpbnZhbGlkID8gXCJhbGVydFwiIDogdW5kZWZpbmVkfVxuICAgICAgYXJpYS1saXZlPXtpbnZhbGlkID8gXCJhc3NlcnRpdmVcIiA6IHVuZGVmaW5lZH1cbiAgICAgIGNzcz17W1xuICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmNhcHRpb24sXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBoZWlnaHQ6IDE5cHg7XG4gICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgIGAsXG4gICAgICAgIGludmFsaWRcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yLm1haW59O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgXX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7bG9hZGluZyA/IChcbiAgICAgICAgPFNoaW1tZXJFZmZlY3RCb3hcbiAgICAgICAgICB3aWR0aD17MTg0fVxuICAgICAgICAgIGhlaWdodD17MTl9XG4gICAgICAgICAgZm9udFNpemU9e3RoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbi5mb250U2l6ZX1cbiAgICAgICAgICBpbmxpbmVcbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIG1lc3NhZ2VcbiAgICAgICl9XG4gICAgPC9zcGFuPlxuICApO1xufTtcbiJdfQ== */",
+  styles: "display:block;height:19px;text-align:right;label:FormHelperText;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9GaWVsZEJhc2UvRm9ybUhlbHBlclRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQStDVyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRmllbGRCYXNlL0Zvcm1IZWxwZXJUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgU2hpbW1lckVmZmVjdEJveCB9IGZyb20gXCIuLi9TaGltbWVyRWZmZWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZvcm1IZWxwZXJUZXh0UHJvcHM8Vj4ge1xuICAvKipcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIGludmFsaWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxvYWRpbmc6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIHRvdWNoZWQ6IGJvb2xlYW47XG4gIHZhbHVlOiBWO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB8ICgocHJvcHM6IHsgdmFsdWU6IFYgfSkgPT4gUmVhY3QuUmVhY3ROb2RlKTtcbn1cblxuZXhwb3J0IGNvbnN0IEZvcm1IZWxwZXJUZXh0ID0gPFYsPih7XG4gIGludmFsaWQgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIGxvYWRpbmcsXG4gIHZhbHVlLFxuICB0b3VjaGVkLFxuICAuLi5wcm9wc1xufTogRm9ybUhlbHBlclRleHRQcm9wczxWPikgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgLyoqXG4gICAqIElmIHRoZSBpbnB1dCBpcyBub3QgdG91Y2hlZCwgZG8gbm90IHNob3cgdGhlIGVycm9yIG1lc3NhZ2UuXG4gICAqIEJ1dCBpZiBpdCBpcyBub3QgYW4gZXJyb3IgYW5kIGlzIGludGVuZGVkIHRvIGhlbHAgdGhlIHVzZXIsIGRpc3BsYXkgaXQuXG4gICAqL1xuICBpZiAodG91Y2hlZCA9PT0gZmFsc2UgJiYgaW52YWxpZCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3QgbWVzc2FnZSA9XG4gICAgdHlwZW9mIGNoaWxkcmVuID09PSBcImZ1bmN0aW9uXCIgPyBjaGlsZHJlbih7IHZhbHVlIH0pIDogY2hpbGRyZW47XG5cbiAgaWYgKG1lc3NhZ2UgPT09IHVuZGVmaW5lZCB8fCBtZXNzYWdlID09PSBudWxsKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICByb2xlPXtpbnZhbGlkID8gXCJhbGVydFwiIDogdW5kZWZpbmVkfVxuICAgICAgYXJpYS1saXZlPXtpbnZhbGlkID8gXCJhc3NlcnRpdmVcIiA6IHVuZGVmaW5lZH1cbiAgICAgIGNzcz17W1xuICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmNhcHRpb24sXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBoZWlnaHQ6IDE5cHg7XG4gICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgIGAsXG4gICAgICAgIGludmFsaWRcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yLm1haW59O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgXX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7bG9hZGluZyA/IChcbiAgICAgICAgPFNoaW1tZXJFZmZlY3RCb3hcbiAgICAgICAgICB3aWR0aD17MTg0fVxuICAgICAgICAgIGhlaWdodD17MTl9XG4gICAgICAgICAgZm9udFNpemU9e3RoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbi5mb250U2l6ZX1cbiAgICAgICAgICBpbmxpbmVcbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIG1lc3NhZ2VcbiAgICAgICl9XG4gICAgPC9zcGFuPlxuICApO1xufTtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 export var FormHelperText = _ref2 => {
@@ -42,7 +42,7 @@ export var FormHelperText = _ref2 => {
   return ___EmotionJSX("span", _extends({
     role: invalid ? "alert" : undefined,
     "aria-live": invalid ? "assertive" : undefined,
-    css: [theme.typography.caption, _ref, invalid ? /*#__PURE__*/css("color:", theme.palette.intentions.error.main, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FormHelperText;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9GaWVsZEJhc2UvRm9ybUhlbHBlclRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRmllbGRCYXNlL0Zvcm1IZWxwZXJUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNoaW1tZXJFZmZlY3RCb3ggfSBmcm9tIFwiLi4vU2hpbW1lckVmZmVjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZvcm1IZWxwZXJUZXh0UHJvcHM8Vj4ge1xuICAvKipcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIGludmFsaWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxvYWRpbmc6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIHRvdWNoZWQ6IGJvb2xlYW47XG4gIHZhbHVlOiBWO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB8ICgocHJvcHM6IHsgdmFsdWU6IFYgfSkgPT4gUmVhY3QuUmVhY3ROb2RlKTtcbn1cblxuZXhwb3J0IGNvbnN0IEZvcm1IZWxwZXJUZXh0ID0gPFYsPih7XG4gIGludmFsaWQgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIGxvYWRpbmcsXG4gIHZhbHVlLFxuICB0b3VjaGVkLFxuICAuLi5wcm9wc1xufTogRm9ybUhlbHBlclRleHRQcm9wczxWPikgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgLyoqXG4gICAqIElmIHRoZSBpbnB1dCBpcyBub3QgdG91Y2hlZCwgZG8gbm90IHNob3cgdGhlIGVycm9yIG1lc3NhZ2UuXG4gICAqIEJ1dCBpZiBpdCBpcyBub3QgYW4gZXJyb3IgYW5kIGlzIGludGVuZGVkIHRvIGhlbHAgdGhlIHVzZXIsIGRpc3BsYXkgaXQuXG4gICAqL1xuICBpZiAodG91Y2hlZCA9PT0gZmFsc2UgJiYgaW52YWxpZCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3QgbWVzc2FnZSA9XG4gICAgdHlwZW9mIGNoaWxkcmVuID09PSBcImZ1bmN0aW9uXCIgPyBjaGlsZHJlbih7IHZhbHVlIH0pIDogY2hpbGRyZW47XG5cbiAgaWYgKG1lc3NhZ2UgPT09IHVuZGVmaW5lZCB8fCBtZXNzYWdlID09PSBudWxsKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICByb2xlPXtpbnZhbGlkID8gXCJhbGVydFwiIDogdW5kZWZpbmVkfVxuICAgICAgYXJpYS1saXZlPXtpbnZhbGlkID8gXCJhc3NlcnRpdmVcIiA6IHVuZGVmaW5lZH1cbiAgICAgIGNzcz17W1xuICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmNhcHRpb24sXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBoZWlnaHQ6IDE5cHg7XG4gICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgIGAsXG4gICAgICAgIGludmFsaWRcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yLm1haW59O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgXX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7bG9hZGluZyA/IChcbiAgICAgICAgPFNoaW1tZXJFZmZlY3RCb3hcbiAgICAgICAgICB3aWR0aD17MTg0fVxuICAgICAgICAgIGhlaWdodD17MTl9XG4gICAgICAgICAgZm9udFNpemU9e3RoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbi5mb250U2l6ZX1cbiAgICAgICAgICBpbmxpbmVcbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIG1lc3NhZ2VcbiAgICAgICl9XG4gICAgPC9zcGFuPlxuICApO1xufTtcbiJdfQ== */") : undefined, process.env.NODE_ENV === "production" ? "" : ";label:FormHelperText;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9GaWVsZEJhc2UvRm9ybUhlbHBlclRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRmllbGRCYXNlL0Zvcm1IZWxwZXJUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFNoaW1tZXJFZmZlY3RCb3ggfSBmcm9tIFwiLi4vU2hpbW1lckVmZmVjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZvcm1IZWxwZXJUZXh0UHJvcHM8Vj4ge1xuICAvKipcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIGludmFsaWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxvYWRpbmc6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIHRvdWNoZWQ6IGJvb2xlYW47XG4gIHZhbHVlOiBWO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB8ICgocHJvcHM6IHsgdmFsdWU6IFYgfSkgPT4gUmVhY3QuUmVhY3ROb2RlKTtcbn1cblxuZXhwb3J0IGNvbnN0IEZvcm1IZWxwZXJUZXh0ID0gPFYsPih7XG4gIGludmFsaWQgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIGxvYWRpbmcsXG4gIHZhbHVlLFxuICB0b3VjaGVkLFxuICAuLi5wcm9wc1xufTogRm9ybUhlbHBlclRleHRQcm9wczxWPikgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgLyoqXG4gICAqIElmIHRoZSBpbnB1dCBpcyBub3QgdG91Y2hlZCwgZG8gbm90IHNob3cgdGhlIGVycm9yIG1lc3NhZ2UuXG4gICAqIEJ1dCBpZiBpdCBpcyBub3QgYW4gZXJyb3IgYW5kIGlzIGludGVuZGVkIHRvIGhlbHAgdGhlIHVzZXIsIGRpc3BsYXkgaXQuXG4gICAqL1xuICBpZiAodG91Y2hlZCA9PT0gZmFsc2UgJiYgaW52YWxpZCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3QgbWVzc2FnZSA9XG4gICAgdHlwZW9mIGNoaWxkcmVuID09PSBcImZ1bmN0aW9uXCIgPyBjaGlsZHJlbih7IHZhbHVlIH0pIDogY2hpbGRyZW47XG5cbiAgaWYgKG1lc3NhZ2UgPT09IHVuZGVmaW5lZCB8fCBtZXNzYWdlID09PSBudWxsKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICByb2xlPXtpbnZhbGlkID8gXCJhbGVydFwiIDogdW5kZWZpbmVkfVxuICAgICAgYXJpYS1saXZlPXtpbnZhbGlkID8gXCJhc3NlcnRpdmVcIiA6IHVuZGVmaW5lZH1cbiAgICAgIGNzcz17W1xuICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmNhcHRpb24sXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBoZWlnaHQ6IDE5cHg7XG4gICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgIGAsXG4gICAgICAgIGludmFsaWRcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yLm1haW59O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgXX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7bG9hZGluZyA/IChcbiAgICAgICAgPFNoaW1tZXJFZmZlY3RCb3hcbiAgICAgICAgICB3aWR0aD17MTg0fVxuICAgICAgICAgIGhlaWdodD17MTl9XG4gICAgICAgICAgZm9udFNpemU9e3RoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbi5mb250U2l6ZX1cbiAgICAgICAgICBpbmxpbmVcbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIG1lc3NhZ2VcbiAgICAgICl9XG4gICAgPC9zcGFuPlxuICApO1xufTtcbiJdfQ== */"]
+    css: [theme.typography.caption, _ref, invalid ? /*#__PURE__*/css("color:", theme.palette.intentions.error.main, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:FormHelperText;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9GaWVsZEJhc2UvRm9ybUhlbHBlclRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRmllbGRCYXNlL0Zvcm1IZWxwZXJUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgU2hpbW1lckVmZmVjdEJveCB9IGZyb20gXCIuLi9TaGltbWVyRWZmZWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZvcm1IZWxwZXJUZXh0UHJvcHM8Vj4ge1xuICAvKipcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIGludmFsaWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxvYWRpbmc6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIHRvdWNoZWQ6IGJvb2xlYW47XG4gIHZhbHVlOiBWO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB8ICgocHJvcHM6IHsgdmFsdWU6IFYgfSkgPT4gUmVhY3QuUmVhY3ROb2RlKTtcbn1cblxuZXhwb3J0IGNvbnN0IEZvcm1IZWxwZXJUZXh0ID0gPFYsPih7XG4gIGludmFsaWQgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIGxvYWRpbmcsXG4gIHZhbHVlLFxuICB0b3VjaGVkLFxuICAuLi5wcm9wc1xufTogRm9ybUhlbHBlclRleHRQcm9wczxWPikgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgLyoqXG4gICAqIElmIHRoZSBpbnB1dCBpcyBub3QgdG91Y2hlZCwgZG8gbm90IHNob3cgdGhlIGVycm9yIG1lc3NhZ2UuXG4gICAqIEJ1dCBpZiBpdCBpcyBub3QgYW4gZXJyb3IgYW5kIGlzIGludGVuZGVkIHRvIGhlbHAgdGhlIHVzZXIsIGRpc3BsYXkgaXQuXG4gICAqL1xuICBpZiAodG91Y2hlZCA9PT0gZmFsc2UgJiYgaW52YWxpZCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3QgbWVzc2FnZSA9XG4gICAgdHlwZW9mIGNoaWxkcmVuID09PSBcImZ1bmN0aW9uXCIgPyBjaGlsZHJlbih7IHZhbHVlIH0pIDogY2hpbGRyZW47XG5cbiAgaWYgKG1lc3NhZ2UgPT09IHVuZGVmaW5lZCB8fCBtZXNzYWdlID09PSBudWxsKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICByb2xlPXtpbnZhbGlkID8gXCJhbGVydFwiIDogdW5kZWZpbmVkfVxuICAgICAgYXJpYS1saXZlPXtpbnZhbGlkID8gXCJhc3NlcnRpdmVcIiA6IHVuZGVmaW5lZH1cbiAgICAgIGNzcz17W1xuICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmNhcHRpb24sXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBoZWlnaHQ6IDE5cHg7XG4gICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgIGAsXG4gICAgICAgIGludmFsaWRcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yLm1haW59O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgXX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7bG9hZGluZyA/IChcbiAgICAgICAgPFNoaW1tZXJFZmZlY3RCb3hcbiAgICAgICAgICB3aWR0aD17MTg0fVxuICAgICAgICAgIGhlaWdodD17MTl9XG4gICAgICAgICAgZm9udFNpemU9e3RoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbi5mb250U2l6ZX1cbiAgICAgICAgICBpbmxpbmVcbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIG1lc3NhZ2VcbiAgICAgICl9XG4gICAgPC9zcGFuPlxuICApO1xufTtcbiJdfQ== */") : undefined, process.env.NODE_ENV === "production" ? "" : ";label:FormHelperText;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9GaWVsZEJhc2UvRm9ybUhlbHBlclRleHQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZDTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvRmllbGRCYXNlL0Zvcm1IZWxwZXJUZXh0LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgU2hpbW1lckVmZmVjdEJveCB9IGZyb20gXCIuLi9TaGltbWVyRWZmZWN0XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi90aGVtZVwiO1xuXG5leHBvcnQgaW50ZXJmYWNlIEZvcm1IZWxwZXJUZXh0UHJvcHM8Vj4ge1xuICAvKipcbiAgICogQGRlZmF1bHQgZmFsc2VcbiAgICovXG4gIGludmFsaWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIGxvYWRpbmc6IGJvb2xlYW4gfCB1bmRlZmluZWQ7XG4gIHRvdWNoZWQ6IGJvb2xlYW47XG4gIHZhbHVlOiBWO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB8ICgocHJvcHM6IHsgdmFsdWU6IFYgfSkgPT4gUmVhY3QuUmVhY3ROb2RlKTtcbn1cblxuZXhwb3J0IGNvbnN0IEZvcm1IZWxwZXJUZXh0ID0gPFYsPih7XG4gIGludmFsaWQgPSBmYWxzZSxcbiAgY2hpbGRyZW4sXG4gIGxvYWRpbmcsXG4gIHZhbHVlLFxuICB0b3VjaGVkLFxuICAuLi5wcm9wc1xufTogRm9ybUhlbHBlclRleHRQcm9wczxWPikgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgLyoqXG4gICAqIElmIHRoZSBpbnB1dCBpcyBub3QgdG91Y2hlZCwgZG8gbm90IHNob3cgdGhlIGVycm9yIG1lc3NhZ2UuXG4gICAqIEJ1dCBpZiBpdCBpcyBub3QgYW4gZXJyb3IgYW5kIGlzIGludGVuZGVkIHRvIGhlbHAgdGhlIHVzZXIsIGRpc3BsYXkgaXQuXG4gICAqL1xuICBpZiAodG91Y2hlZCA9PT0gZmFsc2UgJiYgaW52YWxpZCkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgY29uc3QgbWVzc2FnZSA9XG4gICAgdHlwZW9mIGNoaWxkcmVuID09PSBcImZ1bmN0aW9uXCIgPyBjaGlsZHJlbih7IHZhbHVlIH0pIDogY2hpbGRyZW47XG5cbiAgaWYgKG1lc3NhZ2UgPT09IHVuZGVmaW5lZCB8fCBtZXNzYWdlID09PSBudWxsKSB7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzcGFuXG4gICAgICByb2xlPXtpbnZhbGlkID8gXCJhbGVydFwiIDogdW5kZWZpbmVkfVxuICAgICAgYXJpYS1saXZlPXtpbnZhbGlkID8gXCJhc3NlcnRpdmVcIiA6IHVuZGVmaW5lZH1cbiAgICAgIGNzcz17W1xuICAgICAgICB0aGVtZS50eXBvZ3JhcGh5LmNhcHRpb24sXG4gICAgICAgIGNzc2BcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICBoZWlnaHQ6IDE5cHg7XG4gICAgICAgICAgdGV4dC1hbGlnbjogcmlnaHQ7XG4gICAgICAgIGAsXG4gICAgICAgIGludmFsaWRcbiAgICAgICAgICA/IGNzc2BcbiAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUucGFsZXR0ZS5pbnRlbnRpb25zLmVycm9yLm1haW59O1xuICAgICAgICAgICAgYFxuICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgXX1cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7bG9hZGluZyA/IChcbiAgICAgICAgPFNoaW1tZXJFZmZlY3RCb3hcbiAgICAgICAgICB3aWR0aD17MTg0fVxuICAgICAgICAgIGhlaWdodD17MTl9XG4gICAgICAgICAgZm9udFNpemU9e3RoZW1lLnR5cG9ncmFwaHkuY2FwdGlvbi5mb250U2l6ZX1cbiAgICAgICAgICBpbmxpbmVcbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIG1lc3NhZ2VcbiAgICAgICl9XG4gICAgPC9zcGFuPlxuICApO1xufTtcbiJdfQ== */"]
   }, props), loading ? ___EmotionJSX(ShimmerEffectBox, {
     width: 184,
     height: 19,

package/FieldBase/FormHelperText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHelperText.js","names":["ShimmerEffectBox","css","useTheme","React","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","FormHelperText","_ref2","invalid","children","loading","value","touched","props","_objectWithoutPropertiesLoose","_excluded","theme","message","undefined","_extends","role","typography","caption","palette","intentions","error","main","width","height","fontSize","inline"],"sources":["../../../src/FieldBase/FormHelperText.tsx"],"sourcesContent":["import { ShimmerEffectBox } from \"../ShimmerEffect\";\nimport { css } from \"@emotion/react\";\nimport { useTheme } from \"../theme\";\nimport React from \"react\";\n\nexport interface FormHelperTextProps<V> {\n  /**\n   * @default false\n   */\n  invalid: boolean | undefined;\n  loading: boolean | undefined;\n  touched: boolean;\n  value: V;\n  children?: React.ReactNode | ((props: { value: V }) => React.ReactNode);\n}\n\nexport const FormHelperText = <V,>({\n  invalid = false,\n  children,\n  loading,\n  value,\n  touched,\n  ...props\n}: FormHelperTextProps<V>) => {\n  const theme = useTheme();\n\n  /**\n   * If the input is not touched, do not show the error message.\n   * But if it is not an error and is intended to help the user, display it.\n   */\n  if (touched === false && invalid) {\n    return null;\n  }\n\n  const message =\n    typeof children === \"function\" ? children({ value }) : children;\n\n  if (message === undefined || message === null) {\n    return null;\n  }\n\n  return (\n    <span\n      role={invalid ? \"alert\" : undefined}\n      aria-live={invalid ? \"assertive\" : undefined}\n      css={[\n        theme.typography.caption,\n        css`\n          display: block;\n          height: 19px;\n          text-align: right;\n        `,\n        invalid\n          ? css`\n              color: ${theme.palette.intentions.error.main};\n            `\n          : undefined,\n      ]}\n      {...props}\n    >\n      {loading ? (\n        <ShimmerEffectBox\n          width={184}\n          height={19}\n          fontSize={theme.typography.caption.fontSize}\n          inline\n        />\n      ) : (\n        message\n      )}\n    </span>\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,QAAQ,QAAQ,UAAU;AACnC,OAAOC,KAAK,MAAM,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAa1B,OAAO,IAAMC,cAAc,GAAGC,KAAA,IAOA;EAAA,IAPK;MACjCC,OAAO,GAAG,KAAK;MACfC,QAAQ;MACRC,OAAO;MACPC,KAAK;MACLC;IAEsB,CAAC,GAAAL,KAAA;IADpBM,KAAK,GAAAC,6BAAA,CAAAP,KAAA,EAAAQ,SAAA;EAER,IAAMC,KAAK,GAAGtB,QAAQ,CAAC,CAAC;;EAExB;AACF;AACA;AACA;EACE,IAAIkB,OAAO,KAAK,KAAK,IAAIJ,OAAO,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,IAAMS,OAAO,GACX,OAAOR,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAAC;IAAEE;EAAM,CAAC,CAAC,GAAGF,QAAQ;EAEjE,IAAIQ,OAAO,KAAKC,SAAS,IAAID,OAAO,KAAK,IAAI,EAAE;IAC7C,OAAO,IAAI;EACb;EAEA,OACEpB,aAAA,SAAAsB,QAAA;IACEC,IAAI,EAAEZ,OAAO,GAAG,OAAO,GAAGU,SAAU;IACpC,aAAWV,OAAO,GAAG,WAAW,GAAGU,SAAU;IAC7CzB,GAAG,GACDuB,KAAK,CAACK,UAAU,CAACC,OAAO,EAAAxB,IAAA,EAMxBU,OAAO,gBACHf,GAAG,WACQuB,KAAK,CAACO,OAAO,CAACC,UAAU,CAACC,KAAK,CAACC,IAAI,SAAA3B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,8hFAE9CiB,SAAS,EAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,mDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACb,GACEY,KAAK,GAERH,OAAO,GACNb,aAAA,CAACL,gBAAgB;IACfmC,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,EAAG;IACXC,QAAQ,EAAEb,KAAK,CAACK,UAAU,CAACC,OAAO,CAACO,QAAS;IAC5CC,MAAM;EAAA,CACP,CAAC,GAEFb,OAEE,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"FormHelperText.js","names":["css","React","ShimmerEffectBox","useTheme","jsx","___EmotionJSX","_ref","process","env","NODE_ENV","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","FormHelperText","_ref2","invalid","children","loading","value","touched","props","_objectWithoutPropertiesLoose","_excluded","theme","message","undefined","_extends","role","typography","caption","palette","intentions","error","main","width","height","fontSize","inline"],"sources":["../../../src/FieldBase/FormHelperText.tsx"],"sourcesContent":["import { css } from \"@emotion/react\";\nimport React from \"react\";\nimport { ShimmerEffectBox } from \"../ShimmerEffect\";\nimport { useTheme } from \"../theme\";\n\nexport interface FormHelperTextProps<V> {\n  /**\n   * @default false\n   */\n  invalid: boolean | undefined;\n  loading: boolean | undefined;\n  touched: boolean;\n  value: V;\n  children?: React.ReactNode | ((props: { value: V }) => React.ReactNode);\n}\n\nexport const FormHelperText = <V,>({\n  invalid = false,\n  children,\n  loading,\n  value,\n  touched,\n  ...props\n}: FormHelperTextProps<V>) => {\n  const theme = useTheme();\n\n  /**\n   * If the input is not touched, do not show the error message.\n   * But if it is not an error and is intended to help the user, display it.\n   */\n  if (touched === false && invalid) {\n    return null;\n  }\n\n  const message =\n    typeof children === \"function\" ? children({ value }) : children;\n\n  if (message === undefined || message === null) {\n    return null;\n  }\n\n  return (\n    <span\n      role={invalid ? \"alert\" : undefined}\n      aria-live={invalid ? \"assertive\" : undefined}\n      css={[\n        theme.typography.caption,\n        css`\n          display: block;\n          height: 19px;\n          text-align: right;\n        `,\n        invalid\n          ? css`\n              color: ${theme.palette.intentions.error.main};\n            `\n          : undefined,\n      ]}\n      {...props}\n    >\n      {loading ? (\n        <ShimmerEffectBox\n          width={184}\n          height={19}\n          fontSize={theme.typography.caption.fontSize}\n          inline\n        />\n      ) : (\n        message\n      )}\n    </span>\n  );\n};\n"],"mappings":";;;;AAAA,SAASA,GAAG,QAAQ,gBAAgB;AACpC,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,kBAAkB;AACnD,SAASC,QAAQ,QAAQ,UAAU;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAAA,IAAAC,IAAA,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA;AAapC,OAAO,IAAMC,cAAc,GAAGC,KAAA,IAOA;EAAA,IAPK;MACjCC,OAAO,GAAG,KAAK;MACfC,QAAQ;MACRC,OAAO;MACPC,KAAK;MACLC;IAEsB,CAAC,GAAAL,KAAA;IADpBM,KAAK,GAAAC,6BAAA,CAAAP,KAAA,EAAAQ,SAAA;EAER,IAAMC,KAAK,GAAGrB,QAAQ,CAAC,CAAC;;EAExB;AACF;AACA;AACA;EACE,IAAIiB,OAAO,KAAK,KAAK,IAAIJ,OAAO,EAAE;IAChC,OAAO,IAAI;EACb;EAEA,IAAMS,OAAO,GACX,OAAOR,QAAQ,KAAK,UAAU,GAAGA,QAAQ,CAAC;IAAEE;EAAM,CAAC,CAAC,GAAGF,QAAQ;EAEjE,IAAIQ,OAAO,KAAKC,SAAS,IAAID,OAAO,KAAK,IAAI,EAAE;IAC7C,OAAO,IAAI;EACb;EAEA,OACEpB,aAAA,SAAAsB,QAAA;IACEC,IAAI,EAAEZ,OAAO,GAAG,OAAO,GAAGU,SAAU;IACpC,aAAWV,OAAO,GAAG,WAAW,GAAGU,SAAU;IAC7C1B,GAAG,GACDwB,KAAK,CAACK,UAAU,CAACC,OAAO,EAAAxB,IAAA,EAMxBU,OAAO,gBACHhB,GAAG,WACQwB,KAAK,CAACO,OAAO,CAACC,UAAU,CAACC,KAAK,CAACC,IAAI,SAAA3B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,8hFAE9CiB,SAAS,EAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,mDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA;EACb,GACEY,KAAK,GAERH,OAAO,GACNb,aAAA,CAACH,gBAAgB;IACfiC,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,EAAG;IACXC,QAAQ,EAAEb,KAAK,CAACK,UAAU,CAACC,OAAO,CAACO,QAAS;IAC5CC,MAAM;EAAA,CACP,CAAC,GAEFb,OAEE,CAAC;AAEX,CAAC","ignoreList":[]}

package/FullHeight/FullHeight.js

@@ -1,9 +1,9 @@
 var _excluded = ["style"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import React, { useEffect, useRef, useState } from "react";
 import { debounce } from "../@utils/debounce";
 import { isBrowser } from "../isBrowser";
-import React, { useEffect, useRef, useState } from "react";
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var getWindowHeight = () => {
   return isBrowser && document.documentElement.clientHeight || window.innerHeight;

package/FullHeight/FullHeight.js.map

@@ -1 +1 @@
-{"version":3,"file":"FullHeight.js","names":["debounce","isBrowser","React","useEffect","useRef","useState","jsx","___EmotionJSX","getWindowHeight","document","documentElement","clientHeight","window","innerHeight","FullHeight","_ref","style","props","_objectWithoutPropertiesLoose","_excluded","height","setHeight","current","updateStyle","addEventListener","removeEventListener","_extends"],"sources":["../../../src/FullHeight/FullHeight.tsx"],"sourcesContent":["import { debounce } from \"../@utils/debounce\";\nimport { isBrowser } from \"../isBrowser\";\nimport React, { useEffect, useRef, useState } from \"react\";\n\nconst getWindowHeight = () => {\n  return (\n    (isBrowser && document.documentElement.clientHeight) || window.innerHeight\n  );\n};\n\nexport interface FullHeightProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {}\n\nexport const FullHeight = ({ style, ...props }: FullHeightProps) => {\n  const [height, setHeight] = useState(\"100vh\");\n  //@see https://gist.github.com/hrdtbs/1da2db1b01f9a4e2872e5455127e8b7a\n  const { current: updateStyle } = useRef(\n    debounce(() => {\n      const height = getWindowHeight();\n      setHeight(`${height}px`);\n    }, 100),\n  );\n  useEffect(() => {\n    if (!isBrowser) return;\n    updateStyle();\n    window.addEventListener(\"resize\", updateStyle);\n    return () => {\n      window.removeEventListener(\"resize\", updateStyle);\n    };\n  }, [updateStyle]);\n\n  return <div style={{ ...style, height }} {...props} />;\n};\n"],"mappings":";;;AAAA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,SAAS,QAAQ,cAAc;AACxC,OAAOC,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAE3D,IAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,OACGP,SAAS,IAAIQ,QAAQ,CAACC,eAAe,CAACC,YAAY,IAAKC,MAAM,CAACC,WAAW;AAE9E,CAAC;AAKD,OAAO,IAAMC,UAAU,GAAGC,IAAA,IAA0C;EAAA,IAAzC;MAAEC;IAAiC,CAAC,GAAAD,IAAA;IAAxBE,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAC1C,IAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGhB,QAAQ,CAAC,OAAO,CAAC;EAC7C;EACA,IAAM;IAAEiB,OAAO,EAAEC;EAAY,CAAC,GAAGnB,MAAM,CACrCJ,QAAQ,CAAC,MAAM;IACb,IAAMoB,MAAM,GAAGZ,eAAe,CAAC,CAAC;IAChCa,SAAS,CAAID,MAAM,OAAI,CAAC;EAC1B,CAAC,EAAE,GAAG,CACR,CAAC;EACDjB,SAAS,CAAC,MAAM;IACd,IAAI,CAACF,SAAS,EAAE;IAChBsB,WAAW,CAAC,CAAC;IACbX,MAAM,CAACY,gBAAgB,CAAC,QAAQ,EAAED,WAAW,CAAC;IAC9C,OAAO,MAAM;MACXX,MAAM,CAACa,mBAAmB,CAAC,QAAQ,EAAEF,WAAW,CAAC;IACnD,CAAC;EACH,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,OAAOhB,aAAA,QAAAmB,QAAA;IAAKV,KAAK,EAAAU,QAAA,KAAOV,KAAK;MAAEI;IAAM;EAAG,GAAKH,KAAK,CAAG,CAAC;AACxD,CAAC","ignoreList":[]}
+{"version":3,"file":"FullHeight.js","names":["React","useEffect","useRef","useState","debounce","isBrowser","jsx","___EmotionJSX","getWindowHeight","document","documentElement","clientHeight","window","innerHeight","FullHeight","_ref","style","props","_objectWithoutPropertiesLoose","_excluded","height","setHeight","current","updateStyle","addEventListener","removeEventListener","_extends"],"sources":["../../../src/FullHeight/FullHeight.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { debounce } from \"../@utils/debounce\";\nimport { isBrowser } from \"../isBrowser\";\n\nconst getWindowHeight = () => {\n  return (\n    (isBrowser && document.documentElement.clientHeight) || window.innerHeight\n  );\n};\n\nexport interface FullHeightProps\n  extends React.ComponentPropsWithoutRef<\"div\"> {}\n\nexport const FullHeight = ({ style, ...props }: FullHeightProps) => {\n  const [height, setHeight] = useState(\"100vh\");\n  //@see https://gist.github.com/hrdtbs/1da2db1b01f9a4e2872e5455127e8b7a\n  const { current: updateStyle } = useRef(\n    debounce(() => {\n      const height = getWindowHeight();\n      setHeight(`${height}px`);\n    }, 100),\n  );\n  useEffect(() => {\n    if (!isBrowser) return;\n    updateStyle();\n    window.addEventListener(\"resize\", updateStyle);\n    return () => {\n      window.removeEventListener(\"resize\", updateStyle);\n    };\n  }, [updateStyle]);\n\n  return <div style={{ ...style, height }} {...props} />;\n};\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAC1D,SAASC,QAAQ,QAAQ,oBAAoB;AAC7C,SAASC,SAAS,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAEzC,IAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,OACGH,SAAS,IAAII,QAAQ,CAACC,eAAe,CAACC,YAAY,IAAKC,MAAM,CAACC,WAAW;AAE9E,CAAC;AAKD,OAAO,IAAMC,UAAU,GAAGC,IAAA,IAA0C;EAAA,IAAzC;MAAEC;IAAiC,CAAC,GAAAD,IAAA;IAAxBE,KAAK,GAAAC,6BAAA,CAAAH,IAAA,EAAAI,SAAA;EAC1C,IAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGlB,QAAQ,CAAC,OAAO,CAAC;EAC7C;EACA,IAAM;IAAEmB,OAAO,EAAEC;EAAY,CAAC,GAAGrB,MAAM,CACrCE,QAAQ,CAAC,MAAM;IACb,IAAMgB,MAAM,GAAGZ,eAAe,CAAC,CAAC;IAChCa,SAAS,CAAID,MAAM,OAAI,CAAC;EAC1B,CAAC,EAAE,GAAG,CACR,CAAC;EACDnB,SAAS,CAAC,MAAM;IACd,IAAI,CAACI,SAAS,EAAE;IAChBkB,WAAW,CAAC,CAAC;IACbX,MAAM,CAACY,gBAAgB,CAAC,QAAQ,EAAED,WAAW,CAAC;IAC9C,OAAO,MAAM;MACXX,MAAM,CAACa,mBAAmB,CAAC,QAAQ,EAAEF,WAAW,CAAC;IACnD,CAAC;EACH,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,OAAOhB,aAAA,QAAAmB,QAAA;IAAKV,KAAK,EAAAU,QAAA,KAAOV,KAAK;MAAEI;IAAM;EAAG,GAAKH,KAAK,CAAG,CAAC;AACxD,CAAC","ignoreList":[]}