1 line
3.7 KiB
Plaintext
1 line
3.7 KiB
Plaintext
{"version":3,"sources":["../src/form-error.tsx"],"sourcesContent":["import { type IconProps, Icon } from \"@chakra-ui/icon\"\nimport { createContext } from \"@chakra-ui/react-context\"\nimport {\n chakra,\n forwardRef,\n HTMLChakraProps,\n omitThemingProps,\n SystemStyleObject,\n ThemingProps,\n useMultiStyleConfig,\n} from \"@chakra-ui/system\"\nimport { cx } from \"@chakra-ui/shared-utils\"\nimport { useFormControlContext } from \"./form-control\"\n\nconst [FormErrorStylesProvider, useFormErrorStyles] = createContext<\n Record<string, SystemStyleObject>\n>({\n name: `FormErrorStylesContext`,\n errorMessage: `useFormErrorStyles returned is 'undefined'. Seems you forgot to wrap the components in \"<FormError />\" `,\n})\n\nexport { useFormErrorStyles }\nexport interface FormErrorMessageProps\n extends HTMLChakraProps<\"div\">,\n ThemingProps<\"FormErrorMessage\"> {}\n\n/**\n * Used to provide feedback about an invalid input,\n * and suggest clear instructions on how to fix it.\n */\nexport const FormErrorMessage = forwardRef<FormErrorMessageProps, \"div\">(\n (props, ref) => {\n const styles = useMultiStyleConfig(\"FormError\", props)\n const ownProps = omitThemingProps(props)\n const field = useFormControlContext()\n\n if (!field?.isInvalid) return null\n\n return (\n <FormErrorStylesProvider value={styles}>\n <chakra.div\n {...field?.getErrorMessageProps(ownProps, ref)}\n className={cx(\"chakra-form__error-message\", props.className)}\n __css={{\n display: \"flex\",\n alignItems: \"center\",\n ...styles.text,\n }}\n />\n </FormErrorStylesProvider>\n )\n },\n)\n\nFormErrorMessage.displayName = \"FormErrorMessage\"\n\n/**\n * Used as the visual indicator that a field is invalid or\n * a field has incorrect values.\n */\nexport const FormErrorIcon = forwardRef<IconProps, \"svg\">((props, ref) => {\n const styles = useFormErrorStyles()\n const field = useFormControlContext()\n\n if (!field?.isInvalid) return null\n\n const _className = cx(\"chakra-form__error-icon\", props.className)\n\n return (\n <Icon\n ref={ref}\n aria-hidden\n {...props}\n __css={styles.icon}\n className={_className}\n >\n <path\n fill=\"currentColor\"\n d=\"M11.983,0a12.206,12.206,0,0,0-8.51,3.653A11.8,11.8,0,0,0,0,12.207,11.779,11.779,0,0,0,11.8,24h.214A12.111,12.111,0,0,0,24,11.791h0A11.766,11.766,0,0,0,11.983,0ZM10.5,16.542a1.476,1.476,0,0,1,1.449-1.53h.027a1.527,1.527,0,0,1,1.523,1.47,1.475,1.475,0,0,1-1.449,1.53h-.027A1.529,1.529,0,0,1,10.5,16.542ZM11,12.5v-6a1,1,0,0,1,2,0v6a1,1,0,1,1-2,0Z\"\n />\n </Icon>\n )\n})\n\nFormErrorIcon.displayName = \"FormErrorIcon\"\n"],"mappings":";;;;;;AAAA,SAAyB,YAAY;AACrC,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EAEA;AAAA,EAGA;AAAA,OACK;AACP,SAAS,UAAU;AA6BX;AA1BR,IAAM,CAAC,yBAAyB,kBAAkB,IAAI,cAEpD;AAAA,EACA,MAAM;AAAA,EACN,cAAc;AAChB,CAAC;AAWM,IAAM,mBAAmB;AAAA,EAC9B,CAAC,OAAO,QAAQ;AACd,UAAM,SAAS,oBAAoB,aAAa,KAAK;AACrD,UAAM,WAAW,iBAAiB,KAAK;AACvC,UAAM,QAAQ,sBAAsB;AAEpC,QAAI,EAAC,+BAAO;AAAW,aAAO;AAE9B,WACE,oBAAC,2BAAwB,OAAO,QAC9B;AAAA,MAAC,OAAO;AAAA,MAAP;AAAA,QACE,GAAG,+BAAO,qBAAqB,UAAU;AAAA,QAC1C,WAAW,GAAG,8BAA8B,MAAM,SAAS;AAAA,QAC3D,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,GAAG,OAAO;AAAA,QACZ;AAAA;AAAA,IACF,GACF;AAAA,EAEJ;AACF;AAEA,iBAAiB,cAAc;AAMxB,IAAM,gBAAgB,WAA6B,CAAC,OAAO,QAAQ;AACxE,QAAM,SAAS,mBAAmB;AAClC,QAAM,QAAQ,sBAAsB;AAEpC,MAAI,EAAC,+BAAO;AAAW,WAAO;AAE9B,QAAM,aAAa,GAAG,2BAA2B,MAAM,SAAS;AAEhE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAW;AAAA,MACV,GAAG;AAAA,MACJ,OAAO,OAAO;AAAA,MACd,WAAW;AAAA,MAEX;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,GAAE;AAAA;AAAA,MACJ;AAAA;AAAA,EACF;AAEJ,CAAC;AAED,cAAc,cAAc;","names":[]} |