Setting iro.ui.Box height property

[michaelfarrelly]

Working on a custom project where the height of the Box picker needs to be distinct from width. But the current Box Dimensions only allows setting the width property.

example:

Would it be possible to have the following change?

iro-core:
https://github.com/irojs/iro-core/blob/typescript/src/box.ts#L22-L29

/**
 * @desc Get the bounding dimensions of the box
 * @param props - box props
 */
export function getBoxDimensions(props: Partial<BoxOptions>) {
  const { width, padding, handleRadius } = props;
  return {
    width: width,
    height: width,
    radius: padding + handleRadius
  };
}

Suggested:

/**
 * @desc Get the bounding dimensions of the box
 * @param props - box props
 */
export function getBoxDimensions(props: Partial<BoxOptions>) {
  const { height, width, padding, handleRadius } = props;
  return {
    width: width,
    height: height ?? width,
    radius: padding + handleRadius
  };
}

[jaames]

Sure, I'll add it to the next release. The property name will have to be boxHeight, though

[jaames]

should be fixed in the latest release (5.3.0)