How to use the @axa-fr/react-toolkit-core.InputManager.getInputId function in @axa-fr/react-toolkit-core

To help you get started, we’ve selected a few @axa-fr/react-toolkit-core examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github AxaGuilDEv / react-toolkit / packages / Form / Input / radio / src / RadioItem.js View on Github external
disabled,
                     value,
                     isChecked,
                     id,
                     name,
                     inputRef,
                     readOnly,
                     onChange,
                     onBlur,
                     onFocus,
                     children,
                     label,
                     ...otherProps
                   }) => {
  const newLabel = children || label;
  const newId = InputManager.getInputId(id); // id is require on this component
  return (
    <div>
      </div>
github AxaGuilDEv / react-toolkit / packages / table / src / Items / Items.tsx View on Github external
render() {
    const { numberItems, className, items, id } = this.props;
    const content = items.map(item =&gt; (
      <option value="{item}">
        {item}
      </option>
    ));

    const defaultIdName = InputManager.getInputId(id);
    return (
      <div>
        <form>
          <div>
            <div>
              <label>
                Afficher
              </label>
            </div>
            <div>
              <div>
                <div>
                  </div></div></div></div></form></div>
github AxaGuilDEv / react-toolkit / packages / Form / Input / select / src / SelectInput.js View on Github external
value,
    options,
    onChange,
    readOnly,
    placeholder,
    ...otherProps
  } = props;
  const inputClassModifier = FormClassManager.getInputClassModifier(
    classModifier,
    children
  );
  const inputFieldClassModifier = FormClassManager.getFieldInputClassModifier(
    classModifier,
    disabled
  );
  const inputId = InputManager.getInputId(id);
  return (
github AxaGuilDEv / react-toolkit / packages / collapse / src / CollapseCardBase.js View on Github external
const getIds = id => {
  const newId = InputManager.getInputId(id);
  return {
    id: newId,
  };
};
github AxaGuilDEv / react-toolkit / packages / Form / Input / select / src / Select.js View on Github external
classModifier,
      onChange,
      options,
      value,
      onBlur,
      onFocus,
      readOnly,
      disabled,
      id,
      name,
      componentClassName,
      placeholder,
      ...otherProps
    } = this.props;
    const newOptions = this.getOptions();
    const inputId = InputManager.getInputId(id);
    return (
      
    );
  }
github AxaGuilDEv / react-toolkit / packages / Form / Input / number / src / Number.js View on Github external
onChange,
    onBlur,
    onFocus,
    readOnly,
    disabled,
    placeholder,
    inputRef,
    ...otherProps
  } = props;
  let currentViewValue = '';
  if (value !== undefined &amp;&amp; value !== null) {
    currentViewValue = value.toString();
  } else if (viewValue !== null &amp;&amp; viewValue !== undefined) {
    currentViewValue = props.viewValue;
  }
  const inputId = InputManager.getInputId(id);
  return (
    <input placeholder="{placeholder}" disabled="{disabled}" readonly="{readOnly}" value="{currentViewValue}" type="text" id="{inputId}" name="{name}">
github AxaGuilDEv / react-toolkit / packages / Form / Input / slider / src / SliderInput.js View on Github external
classNameContainerInput,
    label,
    messageType,
    isVisible,
    forceDisplayMessage,
    className,
    classModifier,
    name,
    value,
    onChange,
    readOnly,
    disabled,
    placeholder,
    ...otherProps
  } = props;
  const inputId = InputManager.getInputId(id);
  return (
github AxaGuilDEv / react-toolkit / packages / Form / Input / pass / src / PassInput.js View on Github external
classNameContainerInput,
    onChange,
    onToggleType,
    ...otherProps
  } = props;
  const classModifierStrength =
    strength !== null ? `${classModifier} ${strength}` : classModifier;
  const inputClassModifier = FormClassManager.getInputClassModifier(
    classModifierStrength,
    children
  );
  const inputFieldClassModifier = FormClassManager.getFieldInputClassModifier(
    classModifierStrength,
    disabled
  );
  const inputId = InputManager.getInputId(id);
  return (