@procore/core-react 11.22.1 → 11.23.0

package/dist/Form/Form.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.styles.js","sourceRoot":"","sources":["../../src/Form/Form.styles.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Form.styles.js","names":["Error","Help","Form","FormikForm","styled","css","Checkbox","StyledFieldHeader","Required","Label","Typography","getTypographyIntent","colors","getGapOutlineFocus","spacing","columnGutter","defaultLineHeight","textEditorOutputListPadding","traditionalBorder","traditionalBgGray","traditionalPadding","traditionalFontSize","traditionalLineHeight","getGridColumns","colStart","colEnd","colIeSpan","applyStylesOnlyToIE11","styles","StyledFormFieldMain","div","withConfig","displayName","componentId","_ref","$colStart","$colEnd","$colIeSpan","_ref2","$read","gray15","concat","StyledFormFieldHeader","_ref3","StyledFormFieldRequiredMark","xs","dataQaFieldTooltipIcon","StyledFormFieldTooltipIcon","attrs","sm","gray45","StyledFormFieldErrorIcon","StyledFormFieldBanner","red50","StyledTraditionalFormColumn","_ref4","_ref4$$fullWidth","$fullWidth","_ref5","_ref5$$output","$output","StyledTraditionalFormLabel","_ref6","$view","includes","StyledFormOutputTextArea","span","StyledFormCheckboxInput","StyledFormOutputFiledset","fieldset","StyledFormRow","_ref7","_ref7$$traditional","$traditional","_ref7$$read","white","formWrapper","StyledFormikForm","StyledForm","StyledLabel"],"sources":["../../src/Form/Form.styles.tsx"],"sourcesContent":["import { Error, Help } from '@procore/core-icons/dist'\nimport { Form as FormikForm } from 'formik'\nimport styled, { css } from 'styled-components'\nimport { Checkbox } from '../Checkbox'\nimport { StyledFieldHeader } from '../Field/Field.styles'\nimport { Required } from '../Required/Required'\nimport { Label } from '../Semantic/Semantic'\nimport { Typography } from '../Typography'\nimport { getTypographyIntent } from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getGapOutlineFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport { View } from './Form.types'\n\nconst columnGutter = '24px'\nconst defaultLineHeight = '20px'\nconst textEditorOutputListPadding = '10px 0 10px 40px'\n\nconst traditionalBorder = 'rgb(216, 216, 216)'\nconst traditionalBgGray = 'rgb(242, 242, 242)'\nconst traditionalPadding = '10px'\nconst traditionalFontSize = '13px'\nconst traditionalLineHeight = '20px'\n\nfunction getGridColumns(colStart: number, colEnd: number, colIeSpan: number) {\n  return css`\n    -ms-grid-column: ${colStart};\n    grid-column-start: ${colStart};\n    grid-column-end: ${colEnd};\n    -ms-grid-column-span: ${colIeSpan};\n  `\n}\n\nfunction applyStylesOnlyToIE11(styles: string) {\n  return css`\n    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n      ${styles}\n    }\n  `\n}\n\nexport const StyledFormFieldMain = styled.div<{\n  $read: boolean\n  $colStart: number\n  $colEnd: number\n  $colIeSpan: number\n}>`\n  -ms-grid-row: 2;\n  grid-row: 2;\n\n  ${({ $colStart, $colEnd, $colIeSpan }) =>\n    getGridColumns($colStart, $colEnd, $colIeSpan)}\n\n  ${({ $read }) =>\n    $read &&\n    css`\n      word-wrap: break-word;\n      color: ${colors.gray15};\n      ${getTypographyIntent('body')};\n    `}\n\n  // IE11 support grid-column-gap\n  // bug: if a field's first column isn't at 1,\n  // the field will fill the padding and be wider\n  ${applyStylesOnlyToIE11(`\n      padding-left: ${columnGutter};\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n  `)}\n`\n\nexport const StyledFormFieldHeader = styled(StyledFieldHeader)<{\n  $colStart: number\n  $colEnd: number\n  $colIeSpan: number\n}>`\n  -ms-grid-row: 1;\n  grid-row: 1;\n  align-self: end;\n\n  ${({ $colStart, $colEnd, $colIeSpan }) =>\n    getGridColumns($colStart, $colEnd, $colIeSpan)}\n\n  // IE11 support grid-column-gap\n  // bug: if a field's first column isn't at 1,\n  // the field will fill the padding and be wider\n  ${applyStylesOnlyToIE11(`\n    padding-left: ${columnGutter};\n\n    &:first-child {\n      padding-left: 0;\n    }\n\n    ${StyledFormFieldMain} {\n      padding-left: ${columnGutter};\n\n      &:nth-child(2) {\n        padding-left: 0;\n      }\n    }\n  `)}\n`\n\nexport const StyledFormFieldRequiredMark = styled(Required)`\n  padding-left: ${spacing.xs}px;\n  vertical-align: top;\n`\n\nexport const dataQaFieldTooltipIcon = 'form-field-tooltip-icon'\n\nexport const StyledFormFieldTooltipIcon = styled(Help).attrs(() => ({\n  'data-qa': dataQaFieldTooltipIcon,\n}))`\n  margin-left: ${spacing.sm}px;\n  color: ${colors.gray45};\n  vertical-align: middle;\n\n  &:focus-visible {\n    border-radius: 50%;\n    ${getGapOutlineFocus}\n    // Icon does not touch viewBox borders. Already has 1px gap\n    outline-offset: 0;\n  }\n`\n\nexport const StyledFormFieldErrorIcon = styled(Error)`\n  vertical-align: sub;\n`\n\nexport const StyledFormFieldBanner = styled.div`\n  display: flex;\n  align-items: flex-start;\n  min-height: 22px;\n  margin-top: ${spacing.xs}px;\n  margin-bottom: 2px;\n  word-break: break-word;\n  word-wrap: break-word;\n  color: ${colors.red50};\n\n  ${getTypographyIntent('body')}\n`\nexport const StyledTraditionalFormColumn = styled.div<{\n  $fullWidth?: boolean\n  $output?: boolean\n}>`\n  padding: ${traditionalPadding};\n  align-self: center;\n  height: 100%;\n\n  &:nth-child(1) {\n    -ms-grid-column: 1;\n  }\n  &:nth-child(2) {\n    -ms-grid-column: 2;\n  }\n  &:nth-child(3) {\n    -ms-grid-column: 3;\n  }\n  &:nth-child(4) {\n    -ms-grid-column: 4;\n  }\n\n  ${({ $fullWidth = false }) =>\n    $fullWidth &&\n    css`\n      grid-column: 2 / 5;\n      -ms-grid-column-span: 3;\n    `}\n\n  ${({ $output = false }) =>\n    $output &&\n    css`\n      font-weight: bold;\n      font-size: ${traditionalFontSize};\n      line-height: ${traditionalLineHeight};\n      word-wrap: break-word;\n    `}\n`\n\nexport const StyledTraditionalFormLabel = styled(Typography)<{ $view: View }>`\n  display: inline-block;\n  word-break: break-word;\n  word-wrap: break-word;\n\n  ${({ $view }) =>\n    ['create', 'update'].includes($view) &&\n    css`\n      padding-top: ${spacing.sm}px;\n    `}\n`\n\nexport const StyledFormOutputTextArea = styled.span`\n  white-space: pre-wrap;\n`\n\nexport const StyledFormCheckboxInput = styled(Checkbox)`\n  margin-top: ${spacing.xs}px;\n`\n\nexport const StyledFormOutputFiledset = styled.fieldset`\n  border: none;\n  padding: 0;\n  margin-top: ${spacing.xs}px;\n`\nexport const StyledFormRow = styled.div<{\n  $traditional?: boolean\n  $read?: boolean\n}>`\n  ${({ $traditional = false, $read = false }) =>\n    $traditional\n      ? css`\n          display: -ms-grid;\n          display: grid;\n          -ms-grid-columns: 20% 30% 20% 30%;\n          grid-template-columns: 20% 30% 20% 30%;\n          -ms-grid-rows: auto;\n          grid-template-rows: auto;\n          border-top: 1px solid ${traditionalBorder};\n          background-color: ${colors.white};\n\n          &:last-of-type {\n            border-bottom: 1px solid ${traditionalBorder};\n          }\n\n          ${$read &&\n          `\n            &:nth-child(2n + 1) {\n              background-color: ${traditionalBgGray};\n            }\n            \n            & > ${StyledTraditionalFormColumn}:nth-child(2) {\n              border-right: 1px solid ${traditionalBorder};\n      \n              &:last-child {\n                border-right: none;\n              }\n            }\n          `}\n        `\n      : css`\n          display: -ms-grid;\n          display: grid;\n          -ms-grid-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n            minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n            minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr)\n            minmax(0, 1fr);\n          grid-template-columns: repeat(12, minmax(0, 1fr));\n          -ms-grid-rows: minmax(${defaultLineHeight}, max-content)\n            minmax(${defaultLineHeight}, max-content);\n          grid-template-rows: minmax(${defaultLineHeight}, auto) minmax(\n              ${defaultLineHeight},\n              auto\n            );\n          justify-content: space-between;\n          grid-column-gap: ${columnGutter};\n        `}\n`\n\nconst formWrapper = css`\n  display: inherit;\n  flex-direction: inherit;\n  height: inherit;\n  max-height: inherit;\n`\n\nexport const StyledFormikForm = styled(FormikForm)`\n  ${formWrapper}\n`\n\nexport const StyledForm = styled.div`\n  ${formWrapper}\n`\n\nexport const StyledLabel = styled(Label)`\n  word-wrap: break-word;\n  word-break: break-word;\n`\n"],"mappings":"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"}

package/dist/Form/Form.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.types.js","sourceRoot":"","sources":["../../src/Form/Form.types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"Form.types.js","names":[],"sources":["../../src/Form/Form.types.ts"],"sourcesContent":["import {\n  FieldHelperProps,\n  FieldInputProps,\n  FieldMetaProps as FormikFieldMetaProps,\n  FieldValidator,\n  FormikConfig,\n} from 'formik'\nimport { CheckboxProps } from '../Checkbox/Checkbox.types'\nimport { DateSelectProps } from '../DateSelect'\nimport { GroupSelectProps } from '../GroupSelect/GroupSelect.types'\nimport { InputProps } from '../Input/Input.types'\nimport { MultiSelectProps } from '../MultiSelect/MultiSelect.types'\nimport {\n  CurrencyInputProps,\n  InputValue as BaseNumberInputValueType,\n  NumberInputProps,\n} from '../NumberInput/NumberInput.types'\nimport { PillSelectProps } from '../PillSelect/PillSelect.types'\nimport { SelectButtonProps, SelectProps } from '../Select/Select.types'\nimport { TextAreaProps } from '../TextArea/TextArea.types'\nimport { TextEditorProps } from '../TextEditor'\nimport { TieredSelectProps } from '../TieredSelect/TieredSelect.types'\nimport { TooltipProps } from '../Tooltip/Tooltip.types'\nimport { Props } from '../_utils/types'\n\nexport type ValueInArray<V> = V[keyof V]\nexport type View = 'create' | 'read' | 'update'\nexport type Layout = 'wxp' | 'traditional'\n\nexport interface FormContextAPI {\n  /**\n   * @since 10.19.0\n   */\n  different: boolean\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  enableReinitialize?: boolean\n  /**\n   * @since 10.19.0\n   */\n  setFieldDifferent: (key: string, different: boolean) => void\n\n  /**\n   * A <a href=\"https://github.com/jquense/yup\">Yup</a> object schema to\n   * validate all values.\n   * <CodeBlock>\n   *  {`Yup.object().shape({\n   *    input_name: Yup.mixed().required()\n   *  })`}\n   * </CodeBlock>\n   * This is a great way to get error messages into the component. In\n   * addition, if using Yup for required, those fields will automatically\n   * get the required asterisk and highlight error.\n   * @since 10.19.0\n   */\n  validationSchema?: FormikConfig<unknown>['validationSchema']\n\n  /**\n   * Toggle between modern and traditional form styles. Leave blank for the\n   * modern label-above layout.\n   * @since 10.19.0\n   */\n  variant: Layout\n\n  /**\n   * Determines show or edit state of form.\n   * @default 'create'\n   * @since 10.19.0\n   */\n  view: View\n}\n\ninterface FieldMetaProps<Value>\n  extends Omit<FormikFieldMetaProps<Value>, 'error'> {\n  /**\n   * @since 10.19.0\n   */\n  disabled: boolean\n  /**\n   * @since 10.19.0\n   */\n  error: boolean\n  /**\n   * @since 10.19.0\n   */\n  required: boolean\n  /**\n   * @since 10.19.0\n   */\n  view: View\n}\n\nexport interface FieldConfig {\n  /**\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean | string\n  /**\n   * @since 10.19.0\n   */\n  getId?: (item: any) => string | number\n  /**\n   * @since 10.19.0\n   */\n  name: string\n  /**\n   * @since 10.19.0\n   */\n  required?: boolean\n  /**\n   * @since 10.19.0\n   */\n  validate?: FieldValidator\n  /**\n   * @since 10.19.0\n   */\n  view?: View\n}\n\nexport interface FormFieldAPI<Value> {\n  /**\n   * @since 10.19.0\n   */\n  input: FieldInputProps<Value>\n  /**\n   * @since 10.19.0\n   */\n  helpers: {\n    setValue: (\n      value: Value,\n      shouldValidate?: boolean,\n      shouldMarkDifferent?: boolean\n    ) => void\n    setTouched: FieldHelperProps<Value>['setTouched']\n    setError: FieldHelperProps<Value>['setError']\n  }\n\n  /**\n   * @since 10.19.0\n   */\n  messages: {\n    error?: string\n  }\n  /**\n   * @since 10.19.0\n   */\n  meta: FieldMetaProps<Value>\n}\n\nexport interface FormProps<Values> extends Partial<FormikConfig<Values>> {\n  /**\n   * @since 10.19.0\n   */\n  children: React.ReactNode\n\n  /**\n   * Enable a browser confirmation about losing of unsaved data when the\n   * form values are visually different from the initial values. Uses\n   * `window.onbeforeunload` and `window.confirm` for dialogs(Modal, Tearsheet).\n   * **Requires `onSubmit` to return a promise to remove onbeforeunload.**\n   */\n  enableConfirmNavigation?: boolean\n\n  /**\n   * Disable all fields at once.\n   * @default false\n   */\n  disabled?: boolean\n\n  /**\n   * Toggle between modern and traditional form styles. Leave blank for the modern label-above layout.\n   *\n   */\n  variant?: Layout\n\n  /**\n   * Determines show or edit state of form.\n   * @default 'create'\n   */\n  view?: View\n}\n\nexport type FormFieldValueComponentProps<Value = any> = {\n  field: FormFieldAPI<Value>\n}\n\nexport type ComponentWithFieldProp<\n  Value,\n  Props extends FormFieldValueComponentProps<Value>\n> =\n  | React.FunctionComponent<Props>\n  | React.ForwardRefExoticComponent<Props>\n  | ((p: Props) => React.ReactNode)\n\nexport interface BaseFieldProps<\n  Value,\n  ComponentProps extends FormFieldValueComponentProps<Value>\n> {\n  /**\n   * Customize the input component, either a single component for all views\n   * or an object with the keys of the views to render on that particular\n   * view. This input component will receive the <Code>field</Code> prop.\n   * If using TypeScript, these components will need to extend a specific\n   * type from Core React, read more about the{' '}\n   * <a href=\"#typescript-and-as-prop-components\">props per view</a>.\n   * <br />\n   * <br />\n   * One of:\n   * <br />\n   * <Code>ReactComponent</Code>or\n   * <Code>\n   * {\n   *    '{ read: ReactComponent, create: ReactComponent, update: ReactComponent }'\n   * }\n   * </Code>\n   * @since 10.19.0\n   */\n  as?:\n    | ComponentWithFieldProp<Value, ComponentProps>\n    | { [V in View]: ComponentWithFieldProp<Value, ComponentProps> }\n\n  /**\n   * A subcomponent to render on a particular view.\n   * <br />\n   * <br />\n   * One or all of:\n   * <br />\n   * <Code>Form.X.Create, Form.X.Read, Form.X.Update</Code>\n   * @since 10.19.0\n   */\n  children?: ((field: FormFieldAPI<Value>) => React.ReactNode) | React.ReactNode\n\n  /**\n   * Starting location of column. For traditional variant, this does not exist\n   * and is not necessary.\n   * @since 10.19.0\n   * */\n  colStart?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n\n  /**\n   * Width of column. For traditional variant, will be either 6 or 12.\n   * @default 6\n   * @since 10.19.0\n   */\n  colWidth?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12\n  /**\n   * @since 10.19.0\n   */\n  ['data-qa']?: string\n\n  /**\n   * Specify disabled. Field disabled replaces the overall Form disabled state.\n   * @since 10.19.0\n   */\n  disabled?: boolean\n  /**\n   * @since 10.19.0\n   */\n  error?: boolean | string\n  /**\n   * @since 10.19.0\n   */\n  label?: string\n\n  /**\n   * Key path in store. Accepts <Code>bracket[notation]</Code> or{' '}\n   * <Code>dot.notation</Code>.\n   * @since 10.19.0\n   */\n  name: string\n\n  /**\n   * The required asterisk if not using Yup <Code>required</Code>\n   * <CodeBlock>\n   * {`<Form\n   * validationSchema={Yup.object().shape({\n   *  input_name: Yup.mixed().required(),\n   * })}>`}\n   * </CodeBlock>\n   * @since 10.19.0\n   */\n  required?: boolean\n\n  /**\n   * @since 10.19.0\n   */\n  tooltip?: TooltipProps['overlay']\n\n  /**\n   * The validate function from Formik for single field validation.\n   * <CodeBlock>\n   *  {`(value: Value = any) => undefined | string | Promise<Value>`}\n   * </CodeBlock>\n   * @since 10.19.0\n   */\n  validate?: FieldValidator\n\n  /**\n   * Determines show or edit state of field.\n   * @since 10.19.0\n   */\n  view?: View\n}\n\nexport interface TraditionalBaseFieldProps<\n  Value,\n  ComponentProps extends FormFieldValueComponentProps<Value>\n> extends Omit<BaseFieldProps<Value, ComponentProps>, 'colWidth' | 'colStart'> {\n  /**\n   * @since 10.19.0\n   */\n  colWidth?: 6 | 12\n}\n\nexport interface FormFieldProps<Value>\n  extends Omit<\n    BaseFieldProps<Value, FormFieldValueComponentProps<Value>>,\n    'children'\n  > {\n  /**\n   * @since 10.19.0\n   */\n  children?:\n    | React.ReactElement<\n        BaseFieldProps<Value, FormFieldValueComponentProps<Value>>\n      >\n    | React.ReactElement<\n        BaseFieldProps<Value, FormFieldValueComponentProps<Value>>\n      >[]\n}\n\nexport type OptionList<OptionShape = any> = {\n  /**\n   * <div>\n   *  The id of an option{' '}\n   *  <Code>{'(option: OptionItem) => string | number'}</Code>\n   * </div>\n   * <br />\n   * <div>\n   *  Default:\n   *  <Code>{'(option: OptionItem) => option.id'}</Code>\n   * </div>\n   * @since 10.19.0\n   */\n  getId: (option: OptionShape) => string | number\n\n  /**\n   * <div>\n   *  The display label of an option\n   *  <Code>{'(option: OptionItem) => string'}</Code>\n   * </div>\n   * <br />\n   * <div>\n   *  Default:\n   *  <Code>{'(option: OptionItem) => option.label || option.name'}</Code>\n   * </div>\n   * @since 10.19.0\n   */\n  getLabel: (option: OptionShape) => string\n\n  /**\n   * @since 10.19.0\n   */\n  options?: OptionShape[]\n}\n\nexport interface FormErrorBannerProps {\n  /**\n   * @since 10.19.0\n   */\n  i18nScope?: string\n  /**\n   * @since 10.19.0\n   */\n  item: string\n}\n\n// MAKE\n\nexport type ViewFieldProps<\n  Value,\n  FieldTypeProps extends FormFieldProps<Value>,\n  ComponentProps extends FormFieldValueComponentProps<Value>\n> = Partial<Omit<FieldTypeProps, 'children'>> & {\n  /**\n   * @since 10.19.0\n   */\n  children?: BaseFieldProps<Value, ComponentProps>['children']\n}\n\n// TEXT\n\nexport type FieldTextValueType = string\n\nexport interface FieldTextComponentProps<Value = FieldTextValueType>\n  extends FormFieldValueComponentProps<Value>,\n    InputProps {}\nexport interface FormTextProps<Value = FieldTextValueType>\n  extends FormFieldProps<Value>,\n    Omit<InputProps, 'name' | 'children' | 'error'> {}\n\n// NUMBER\n\nexport type FieldNumberValueType = BaseNumberInputValueType\n\nexport interface FieldNumberComponentProps<Value = FieldNumberValueType>\n  extends FormFieldValueComponentProps<Value>,\n    NumberInputProps {}\n\nexport interface FormNumberProps<Value = FieldNumberValueType>\n  extends FormFieldProps<Value>,\n    Omit<NumberInputProps, 'name' | 'children' | 'error'> {}\n\n// CURRENCY\n\nexport type FieldCurrencyValueType = BaseNumberInputValueType\n\nexport interface FieldCurrencyComponentProps<Value = FieldCurrencyValueType>\n  extends FormFieldValueComponentProps<Value>,\n    CurrencyInputProps {}\n\nexport interface FormCurrencyProps<Value = FieldCurrencyValueType>\n  extends FormFieldProps<Value>,\n    Omit<CurrencyInputProps, 'name' | 'children' | 'error'> {}\n\n// DATE\nexport type FieldDateValueType = null | string | Date\n\nexport interface FieldDateComponentProps<Value = FieldDateValueType>\n  extends FormFieldValueComponentProps<Value>,\n    DateSelectProps {}\n\nexport interface FormDateProps<Value = FieldDateValueType>\n  extends FormFieldProps<Value>,\n    Omit<DateSelectProps, 'error'> {}\n\n// CHECKBOX\n\nexport type FieldCheckboxValueType = boolean\n\nexport interface FieldCheckboxComponentProps<Value = FieldCheckboxValueType>\n  extends FormFieldValueComponentProps<Value>,\n    CheckboxProps {\n  /**\n   * @since 10.19.0\n   */\n  i18nScope?: string\n}\n\nexport interface FormCheckboxProps<Value = FieldCheckboxValueType>\n  extends FormFieldProps<Value>,\n    Omit<CheckboxProps, 'name' | 'error' | 'children'> {\n  /**\n   * @since 10.19.0\n   */\n  i18nScope?: string\n}\n\n// TEXTAREA\n\nexport type FieldTextAreaValueType = string\n\nexport interface FieldTextAreaComponentProps<Value = FieldTextAreaValueType>\n  extends FormFieldValueComponentProps<Value>,\n    TextAreaProps {}\nexport interface FormTextAreaProps<Value = FieldTextAreaValueType>\n  extends FormFieldProps<Value>,\n    Omit<TextAreaProps, 'name' | 'error' | 'children'> {}\n\n// RICHTEXT\n\nexport type FieldRichTextValueType = string\n\nexport interface FieldRichTextComponentProps<Value = FieldRichTextValueType>\n  extends FormFieldValueComponentProps<Value>,\n    TextEditorProps {}\n\nexport interface FormRichTextProps<Value = FieldRichTextValueType>\n  extends Omit<FormFieldProps<Value>, 'error'>,\n    TextEditorProps {}\n\n// RADIO BUTTONS\n\nexport type FieldRadioButtonsValueType = any\n\nexport interface FieldRadioButtonsComponentProps<\n  Value = FieldRadioButtonsValueType\n> extends FormFieldValueComponentProps<Value>,\n    Partial<OptionList<Value>>,\n    Pick<Props, 'className' | 'style'> {\n  /**\n   * @since 10.19.0\n   */\n  isDisabledOption?: (option: Value) => boolean\n}\n\nexport interface FormRadioButtonsProps<Value = FieldRadioButtonsValueType>\n  extends FormFieldProps<Value>,\n    Partial<OptionList<Value>>,\n    Pick<Props, 'className' | 'style'>,\n    Pick<FieldRadioButtonsComponentProps, 'isDisabledOption'> {}\n\n// CHECKBOXES\n\nexport type FieldCheckboxesValueType = any[]\n\nexport interface FieldCheckboxesComponentProps<Value = FieldCheckboxesValueType>\n  extends FormFieldValueComponentProps<Value>,\n    Partial<OptionList<ValueInArray<Value>>>,\n    Pick<Props, 'className' | 'style'> {\n  /**\n   * @since 10.19.0\n   */\n  isDisabledOption?: (option: Value) => boolean\n  /**\n   * @since 10.19.0\n   */\n  isIndeterminateOption?: (option: Value) => boolean\n}\n\nexport interface FormCheckboxesProps<Value = FieldCheckboxesValueType>\n  extends FormFieldProps<Value>,\n    Partial<OptionList<ValueInArray<Value>>>,\n    Pick<Props, 'className' | 'style'>,\n    Pick<\n      FieldCheckboxesComponentProps,\n      'isDisabledOption' | 'isIndeterminateOption'\n    > {}\n\n// SELECT\n\nexport type FieldSelectValueType = any\nexport type FieldSelectOptionItem = FieldSelectValueType\nexport type FieldSelectGroupItem = any\nexport type FieldSelectGroupHeader = FieldSelectGroupItem & {\n  isGroupHeader: boolean\n}\n\nexport interface GroupedOptionsConfig<OptionItem, GroupItem>\n  extends OptionList<OptionItem> {\n  /**\n   * @since 10.19.0\n   */\n  comparator?: (query: string, value: string) => boolean\n  /**\n   * @since 10.19.0\n   */\n  getGroup: (option: OptionItem) => number | string\n  /**\n   * <div>\n   *  The id of group{' '}\n   *  <Code>{'(group: GroupItem) => string | number'}</Code>\n   * </div>\n   * <br />\n   * <div>\n   *  Default:\n   *  <Code>{'(group) => group.id'}</Code>\n   * </div>\n   * @since 10.19.0\n   */\n  groupGetId: (group: GroupItem) => number | string\n  /**\n   * @since 10.19.0\n   */\n  optgroups?: GroupItem[]\n  /**\n   * @since 10.19.0\n   */\n  value?: OptionItem\n}\n\nexport interface FieldSelectComponentProps<\n  Value = FieldSelectValueType,\n  OptionItem = FieldSelectOptionItem,\n  GroupItem = FieldSelectGroupItem\n> extends FormFieldValueComponentProps<Value>,\n    Partial<OptionList<OptionItem>>,\n    Omit<SelectProps, 'onClear' | 'onSearch' | 'error' | 'children'> {\n  /**\n   * Callback for each entry in <Code>options</Code> to define relation to\n   * group in <Code>optgroups</Code>\n   * <Code>{'(option: OptionItem) => string | number'}</Code>\n   * @since 10.19.0\n   * */\n  getGroup?: (option: OptionItem) => number | string\n  /**\n   * @since 10.19.0\n   */\n  groupGetId?: (group: GroupItem) => number | string\n\n  /**\n   * <div>\n   *  The display label of a group\n   *  <Code>{'(group: GroupItem) => string'}</Code>\n   * </div>\n   * <br />\n   * <div>\n   *  Default:\n   *  <Code>{'(group: GroupItem) => group.label || group.name'}</Code>\n   * </div>\n   * @since 10.19.0\n   */\n  groupGetLabel?: (group: GroupItem) => string\n\n  /**\n   * Callback for rendering header for each entry in <Code>optgroups</Code>\n   * <Code>{'(group: GroupItem) => React.ReactNode'}</Code>\n   * @since 10.19.0\n   */\n  groupHeaderRenderer?: (group: GroupItem) => React.ReactNode\n\n  /**\n   * If nothing is selected, suggest this option. From{' '}\n   * <Code>{'Select.Option suggested'}</Code>.\n   * <Code>{'(option: OptionItem) => boolean'}</Code>\n   * @since 10.19.0\n   */\n  isSuggestedOption?: (option: OptionItem) => boolean\n\n  /**\n   * Array of available option groups\n   * @since 10.19.0\n   */\n  optgroups?: GroupItem[]\n\n  /**\n   * Callback for rendering each <Code>option</Code>\n   * <Code>{'(option: OptionItem) => React.ReactNode'}</Code>\n   * @since 10.19.0\n   */\n  optionRenderer?: (option: OptionItem) => React.ReactNode\n  /**\n   * @since 10.19.0\n   */\n  onBlur?: (e: React.FocusEvent<HTMLDivElement>) => void\n\n  /**\n   * Callback for when cleared. Default enabled, has clear icon.\n   * @since 10.19.0\n   */\n  onClear?: false | SelectButtonProps['onClear']\n\n  /**\n   * Callback for when searching. Default enabled, has seach bar in menu.\n   * @since 10.19.0\n   */\n  onSearch?: false | SelectProps['onSearch']\n\n  /**\n   * <div>Customize how search works</div>\n   * <Code>{'(query: string, value: string) => boolean'}</Code>\n   * @since 10.19.0\n   */\n  searchComparator?: (query: string, value: string) => boolean\n}\nexport interface FormSelectProps<\n  Value = FieldSelectValueType,\n  OptionItem = FieldSelectOptionItem,\n  GroupItem = FieldSelectGroupItem\n> extends FormFieldProps<Value>,\n    Partial<OptionList<OptionItem>>,\n    Pick<\n      FieldSelectComponentProps<Value, OptionItem, GroupItem>,\n      | 'getGroup'\n      | 'groupGetId'\n      | 'groupGetLabel'\n      | 'groupHeaderRenderer'\n      | 'isSuggestedOption'\n      | 'onBlur'\n      | 'onClear'\n      | 'optgroups'\n      | 'onSearch'\n      | 'optionRenderer'\n      | 'searchComparator'\n    >,\n    Omit<\n      SelectProps,\n      'onClear' | 'onSearch' | 'error' | 'children' | 'label'\n    > {}\n\n// PILL SELECT\n\nexport type FieldPillSelectValueType = any\n\ninterface PillSelectCommon\n  extends Omit<PillSelectProps, 'children' | 'onClear' | 'error' | 'value'> {\n  /**\n   * @since 10.19.0\n   */\n  onClear?: false | PillSelectProps['onClear']\n}\n\nexport interface FieldPillSelectComponentProps<Value = FieldPillSelectValueType>\n  extends FormFieldValueComponentProps<Value>,\n    PillSelectCommon {}\n\nexport interface FormPillSelectProps<Value = FieldPillSelectValueType>\n  extends FormFieldProps<Value>,\n    PillSelectCommon {}\n\n// MULTISELECT\n\nexport type FieldMultiSelectValueType = any[]\n\ninterface MultiSelectCommon<Value>\n  extends Partial<OptionList<ValueInArray<Value>>>,\n    Omit<MultiSelectProps, 'options' | 'getLabel' | 'getId' | 'error'> {}\n\nexport interface FieldMultiSelectComponentProps<\n  Value = FieldMultiSelectValueType\n> extends FormFieldValueComponentProps<Value>,\n    MultiSelectCommon<Value> {}\n\nexport interface FormMultiSelectProps<Value = FieldMultiSelectValueType>\n  extends FormFieldProps<Value>,\n    MultiSelectCommon<Value> {}\n\n// GROUP SELECT\n\nexport type FieldGroupSelectValueType = any[]\n\ninterface GroupSelectCommon<Value>\n  extends Partial<OptionList<Value[keyof Value]>>,\n    Omit<GroupSelectProps, 'options' | 'getLabel' | 'getId' | 'error'> {}\n\nexport interface FieldGroupSelectComponentProps<\n  Value = FieldGroupSelectValueType\n> extends FormFieldValueComponentProps<Value>,\n    GroupSelectCommon<Value> {}\n\nexport interface FormGroupSelectProps<Value = FieldGroupSelectValueType>\n  extends FormFieldProps<Value>,\n    GroupSelectCommon<Value> {}\n\n// TIERED SELECT\n\nexport type FieldTieredSelectValueType = any[]\n\ninterface TieredSelectCommon<Value>\n  extends Partial<OptionList<Value[keyof Value]>>,\n    Omit<\n      TieredSelectProps,\n      'options' | 'getLabel' | 'getId' | 'error' | 'children'\n    > {}\n\nexport interface FieldTieredSelectComponentProps<\n  Value = FieldTieredSelectValueType\n> extends FormFieldValueComponentProps<Value>,\n    TieredSelectCommon<Value> {}\n\nexport interface FormTieredSelectProps<Value = FieldTieredSelectValueType>\n  extends FormFieldProps<Value>,\n    TieredSelectCommon<Value> {}\n"],"mappings":""}

package/dist/Form/closeWithConfirm.js

@@ -1,37 +1,44 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import { useI18nContext } from '../_hooks/I18n';
-export var useCloseWithConfirmState = function () {
-    var I18n = useI18nContext();
-    var _a = React.useState(false), isFormDifferent = _a[0], setFormIsDifferent = _a[1];
-    var closeWithConfirm = React.useCallback(function (onClose) {
-        return onClose
-            ? function () {
-                var args = [];
-                for (var _i = 0; _i < arguments.length; _i++) {
-                    args[_i] = arguments[_i];
-                }
-                if (isFormDifferent && onClose) {
-                    if (window.confirm(I18n.t('core.form.closeWithConfirm.confirmMessage'))) {
-                        return onClose.apply(void 0, args);
-                    }
-                }
-                else {
-                    return onClose === null || onClose === void 0 ? void 0 : onClose.apply(void 0, args);
-                }
-            }
-            : undefined;
-    }, [isFormDifferent]);
-    return {
-        closeWithConfirm: closeWithConfirm,
-        setFormIsDifferent: setFormIsDifferent,
-    };
+export var useCloseWithConfirmState = function useCloseWithConfirmState() {
+  var I18n = useI18nContext();
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isFormDifferent = _React$useState2[0],
+    setFormIsDifferent = _React$useState2[1];
+  var closeWithConfirm = React.useCallback(function (onClose) {
+    return onClose ? function () {
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      if (isFormDifferent && onClose) {
+        if (window.confirm(I18n.t('core.form.closeWithConfirm.confirmMessage'))) {
+          return onClose.apply(void 0, args);
+        }
+      } else {
+        return onClose === null || onClose === void 0 ? void 0 : onClose.apply(void 0, args);
+      }
+    } : undefined;
+  }, [isFormDifferent]);
+  return {
+    closeWithConfirm: closeWithConfirm,
+    setFormIsDifferent: setFormIsDifferent
+  };
 };
-export var CloseWithConfirmContext = React.createContext({
-    setFormIsDifferent: function () { },
-    // @ts-ignore
-    closeWithConfirm: function (onClose) { return onClose; },
+export var CloseWithConfirmContext = /*#__PURE__*/React.createContext({
+  setFormIsDifferent: function setFormIsDifferent() {},
+  // @ts-ignore
+  closeWithConfirm: function closeWithConfirm(onClose) {
+    return onClose;
+  }
 });
-export var useCloseWithConfirmContext = function () {
-    return React.useContext(CloseWithConfirmContext);
+export var useCloseWithConfirmContext = function useCloseWithConfirmContext() {
+  return React.useContext(CloseWithConfirmContext);
 };
 //# sourceMappingURL=closeWithConfirm.js.map

package/dist/Form/closeWithConfirm.js.map

@@ -1 +1 @@
-{"version":3,"file":"closeWithConfirm.js","sourceRoot":"","sources":["../../src/Form/closeWithConfirm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAa/C,MAAM,CAAC,IAAM,wBAAwB,GAAG;IACtC,IAAM,IAAI,GAAG,cAAc,EAAE,CAAA;IACvB,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5D,eAAe,QAAA,EAAE,kBAAkB,QAAyB,CAAA;IAEnE,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,UAAC,OAA6B;QAC5B,OAAA,OAAO;YACL,CAAC,CAAC;gBAAC,cAAc;qBAAd,UAAc,EAAd,qBAAc,EAAd,IAAc;oBAAd,yBAAc;;gBACb,IAAI,eAAe,IAAI,OAAO,EAAE;oBAC9B,IACE,MAAM,CAAC,OAAO,CACZ,IAAI,CAAC,CAAC,CAAC,2CAA2C,CAAC,CACpD,EACD;wBACA,OAAO,OAAO,eAAI,IAAI,EAAC;qBACxB;iBACF;qBAAM;oBACL,OAAO,OAAO,aAAP,OAAO,uBAAP,OAAO,eAAM,IAAI,CAAC,CAAA;iBAC1B;YACH,CAAC;YACH,CAAC,CAAC,SAAS;IAdb,CAca,EACf,CAAC,eAAe,CAAC,CACyC,CAAA;IAE5D,OAAO;QACL,gBAAgB,kBAAA;QAChB,kBAAkB,oBAAA;KACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAClC,KAAK,CAAC,aAAa,CAA2B;IAC5C,kBAAkB,EAAE,cAAO,CAAC;IAC5B,aAAa;IACb,gBAAgB,EAAE,UAAC,OAAO,IAAK,OAAA,OAAO,EAAP,CAAO;CACvC,CAAC,CAAA;AAEJ,MAAM,CAAC,IAAM,0BAA0B,GAAG;IACxC,OAAO,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAA;AAClD,CAAC,CAAA"}
+{"version":3,"file":"closeWithConfirm.js","names":["React","useI18nContext","useCloseWithConfirmState","I18n","_React$useState","useState","_React$useState2","_slicedToArray","isFormDifferent","setFormIsDifferent","closeWithConfirm","useCallback","onClose","_len","arguments","length","args","Array","_key","window","confirm","t","apply","undefined","CloseWithConfirmContext","createContext","useCloseWithConfirmContext","useContext"],"sources":["../../src/Form/closeWithConfirm.tsx"],"sourcesContent":["import React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\n\ntype ConditionalCloseFunction<\n  onClose extends undefined | ((...args: any[]) => any)\n> = onClose extends (...args: any[]) => any ? onClose : undefined\n\ninterface UseCloseWithConfirmState {\n  closeWithConfirm: <onClose extends undefined | ((...args: any[]) => any)>(\n    func: onClose\n  ) => ConditionalCloseFunction<onClose>\n  setFormIsDifferent: React.Dispatch<React.SetStateAction<boolean>>\n}\n\nexport const useCloseWithConfirmState = (): UseCloseWithConfirmState => {\n  const I18n = useI18nContext()\n  const [isFormDifferent, setFormIsDifferent] = React.useState(false)\n\n  const closeWithConfirm = React.useCallback(\n    (onClose: Function | undefined) =>\n      onClose\n        ? (...args: any[]) => {\n            if (isFormDifferent && onClose) {\n              if (\n                window.confirm(\n                  I18n.t('core.form.closeWithConfirm.confirmMessage')\n                )\n              ) {\n                return onClose(...args)\n              }\n            } else {\n              return onClose?.(...args)\n            }\n          }\n        : undefined,\n    [isFormDifferent]\n  ) as unknown as UseCloseWithConfirmState['closeWithConfirm']\n\n  return {\n    closeWithConfirm,\n    setFormIsDifferent,\n  }\n}\n\nexport const CloseWithConfirmContext =\n  React.createContext<UseCloseWithConfirmState>({\n    setFormIsDifferent: () => {},\n    // @ts-ignore\n    closeWithConfirm: (onClose) => onClose,\n  })\n\nexport const useCloseWithConfirmContext = () => {\n  return React.useContext(CloseWithConfirmContext)\n}\n"],"mappings":";;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAa/C,OAAO,IAAMC,wBAAwB,GAAG,SAA3BA,wBAAwBA,CAAA,EAAmC;EACtE,IAAMC,IAAI,GAAGF,cAAc,CAAC,CAAC;EAC7B,IAAAG,eAAA,GAA8CJ,KAAK,CAACK,QAAQ,CAAC,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAA5DI,eAAe,GAAAF,gBAAA;IAAEG,kBAAkB,GAAAH,gBAAA;EAE1C,IAAMI,gBAAgB,GAAGV,KAAK,CAACW,WAAW,CACxC,UAACC,OAA6B;IAAA,OAC5BA,OAAO,GACH,YAAoB;MAAA,SAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAhBC,IAAI,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;QAAJF,IAAI,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;MAAA;MACN,IAAIV,eAAe,IAAII,OAAO,EAAE;QAC9B,IACEO,MAAM,CAACC,OAAO,CACZjB,IAAI,CAACkB,CAAC,CAAC,2CAA2C,CACpD,CAAC,EACD;UACA,OAAOT,OAAO,CAAAU,KAAA,SAAIN,IAAI,CAAC;QACzB;MACF,CAAC,MAAM;QACL,OAAOJ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAAU,KAAA,SAAMN,IAAI,CAAC;MAC3B;IACF,CAAC,GACDO,SAAS;EAAA,GACf,CAACf,eAAe,CAClB,CAA4D;EAE5D,OAAO;IACLE,gBAAgB,EAAhBA,gBAAgB;IAChBD,kBAAkB,EAAlBA;EACF,CAAC;AACH,CAAC;AAED,OAAO,IAAMe,uBAAuB,gBAClCxB,KAAK,CAACyB,aAAa,CAA2B;EAC5ChB,kBAAkB,EAAE,SAAAA,mBAAA,EAAM,CAAC,CAAC;EAC5B;EACAC,gBAAgB,EAAE,SAAAA,iBAACE,OAAO;IAAA,OAAKA,OAAO;EAAA;AACxC,CAAC,CAAC;AAEJ,OAAO,IAAMc,0BAA0B,GAAG,SAA7BA,0BAA0BA,CAAA,EAAS;EAC9C,OAAO1B,KAAK,CAAC2B,UAAU,CAACH,uBAAuB,CAAC;AAClD,CAAC"}

package/dist/Form/index.js

@@ -1,2 +1,3 @@
-export { Form, makeField as BETA_makeField, useField, useFormContext, } from './Form';
+export { Form, makeField as BETA_makeField, useField, useFormContext } from './Form';
+export { FormCheckboxesProps, FormCheckboxProps, FormCurrencyProps, FormDateProps, FormFieldAPI, FormFieldProps, FormFieldValueComponentProps, FormGroupSelectProps, FormMultiSelectProps, FormNumberProps, FormPillSelectProps, FormProps, FormRadioButtonsProps, FormRichTextProps, FormSelectProps, FormTextAreaProps, FormTextProps, FormTieredSelectProps, ComponentWithFieldProp } from './Form.types';
 //# sourceMappingURL=index.js.map

package/dist/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,SAAS,IAAI,cAAc,EAC3B,QAAQ,EACR,cAAc,GACf,MAAM,QAAQ,CAAA"}
+{"version":3,"file":"index.js","names":["Form","makeField","BETA_makeField","useField","useFormContext","FormCheckboxesProps","FormCheckboxProps","FormCurrencyProps","FormDateProps","FormFieldAPI","FormFieldProps","FormFieldValueComponentProps","FormGroupSelectProps","FormMultiSelectProps","FormNumberProps","FormPillSelectProps","FormProps","FormRadioButtonsProps","FormRichTextProps","FormSelectProps","FormTextAreaProps","FormTextProps","FormTieredSelectProps","ComponentWithFieldProp"],"sources":["../../src/Form/index.ts"],"sourcesContent":["export {\n  Form,\n  makeField as BETA_makeField,\n  useField,\n  useFormContext,\n} from './Form'\nexport {\n  FormCheckboxesProps,\n  FormCheckboxProps,\n  FormCurrencyProps,\n  FormDateProps,\n  FormFieldAPI,\n  FormFieldProps,\n  FormFieldValueComponentProps,\n  FormGroupSelectProps,\n  FormMultiSelectProps,\n  FormNumberProps,\n  FormPillSelectProps,\n  FormProps,\n  FormRadioButtonsProps,\n  FormRichTextProps,\n  FormSelectProps,\n  FormTextAreaProps,\n  FormTextProps,\n  FormTieredSelectProps,\n  ComponentWithFieldProp,\n} from './Form.types'\n"],"mappings":"AAAA,SACEA,IAAI,EACJC,SAAS,IAAIC,cAAc,EAC3BC,QAAQ,EACRC,cAAc,QACT,QAAQ;AACf,SACEC,mBAAmB,EACnBC,iBAAiB,EACjBC,iBAAiB,EACjBC,aAAa,EACbC,YAAY,EACZC,cAAc,EACdC,4BAA4B,EAC5BC,oBAAoB,EACpBC,oBAAoB,EACpBC,eAAe,EACfC,mBAAmB,EACnBC,SAAS,EACTC,qBAAqB,EACrBC,iBAAiB,EACjBC,eAAe,EACfC,iBAAiB,EACjBC,aAAa,EACbC,qBAAqB,EACrBC,sBAAsB,QACjB,cAAc"}