@yamada-ui/react/dist/cjs/components/number-input/use-number-counter.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"use-number-counter.cjs","names":["useSpinner","useI18n","getButtonProps: PropGetter<\"button\">","getIncrementProps: PropGetter<\"button\">","mergeRefs"],"sources":["../../../../src/components/number-input/use-number-counter.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLProps, PropGetter } from \"../../core\"\nimport type { UseCounterProps, UseCounterReturn } from \"../../hooks/use-counter\"\nimport type { UseSpinnerProps } from \"./use-spinner\"\nimport { useCallback, useRef } from \"react\"\nimport { useI18n } from \"../../providers/i18n-provider\"\nimport { handlerAll, mergeRefs, useAttributeObserver } from \"../../utils\"\nimport { useSpinner } from \"./use-spinner\"\n\nexport interface UseNumberCounterProps\n  extends HTMLProps<\"button\">,\n    Pick<UseCounterProps, \"keepWithinRange\">,\n    Pick<UseCounterReturn, \"max\" | \"min\">,\n    UseSpinnerProps {}\n\nexport const useNumberCounter = ({\n  decrement,\n  disabled,\n  increment,\n  keepWithinRange,\n  max,\n  min,\n  ...rest\n}: UseNumberCounterProps) => {\n  const incrementRef = useRef<HTMLButtonElement>(null)\n  const decrementRef = useRef<HTMLButtonElement>(null)\n  const { down, spinning, stop, up } = useSpinner({ decrement, increment })\n  const { t } = useI18n(\"numberInput\")\n\n  useAttributeObserver(incrementRef, [\"disabled\"], spinning, stop)\n  useAttributeObserver(decrementRef, [\"disabled\"], spinning, stop)\n\n  const getButtonProps: PropGetter<\"button\"> = useCallback(\n    (props = {}) => ({\n      type: \"button\",\n      disabled,\n      tabIndex: -1,\n      ...rest,\n      ...props,\n      onPointerLeave: handlerAll(props.onPointerLeave, stop),\n      onPointerUp: handlerAll(props.onPointerUp, stop),\n    }),\n    [rest, disabled, stop],\n  )\n\n  const getIncrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && max)\n\n      return {\n        ref: mergeRefs(ref, incrementRef),\n        \"aria-label\": t(\"Increase\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          up()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, max, up, t],\n  )\n\n  const getDecrementProps: PropGetter<\"button\"> = useCallback(\n    ({ ref, ...props } = {}) => {\n      const trulyDisabled = disabled || (keepWithinRange && min)\n\n      return {\n        ref: mergeRefs(ref, decrementRef),\n        \"aria-label\": t(\"Decrease\"),\n        ...getButtonProps({ disabled: trulyDisabled, ...props }),\n        onPointerDown: handlerAll(props.onPointerDown, (ev) => {\n          if (ev.button !== 0 || trulyDisabled) return\n\n          ev.preventDefault()\n          down()\n        }),\n      }\n    },\n    [getButtonProps, disabled, keepWithinRange, min, down, t],\n  )\n\n  return { getDecrementProps, getIncrementProps }\n}\n\nexport type UseNumberCounterReturn = ReturnType<typeof useNumberCounter>\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,oBAAoB,EAC/B,WACA,UACA,WACA,iBACA,KACA,IACA,GAAG,WACwB;CAC3B,MAAM,iCAAyC,KAAK;CACpD,MAAM,iCAAyC,KAAK;CACpD,MAAM,EAAE,MAAM,UAAU,MAAM,OAAOA,+BAAW;EAAE;EAAW;EAAW,CAAC;CACzE,MAAM,EAAE,MAAMC,8BAAQ,cAAc;AAEpC,kCAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;AAChE,kCAAqB,cAAc,CAAC,WAAW,EAAE,UAAU,KAAK;CAEhE,MAAMC,yCACH,QAAQ,EAAE,MAAM;EACf,MAAM;EACN;EACA,UAAU;EACV,GAAG;EACH,GAAG;EACH,kEAA2B,MAAM,gBAAgB,KAAK;EACtD,+DAAwB,MAAM,aAAa,KAAK;EACjD,GACD;EAAC;EAAM;EAAU;EAAK,CACvB;CAED,MAAMC,4CACH,EAAE,IAAK,GAAG,UAAU,EAAE,KAAK;EAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,SAAO;GACL,KAAKC,sBAAU,KAAK,aAAa;GACjC,cAAc,EAAE,WAAW;GAC3B,GAAG,eAAe;IAAE,UAAU;IAAe,GAAG;IAAO,CAAC;GACxD,iEAA0B,MAAM,gBAAgB,OAAO;AACrD,QAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,OAAG,gBAAgB;AACnB,QAAI;KACJ;GACH;IAEH;EAAC;EAAgB;EAAU;EAAiB;EAAK;EAAI;EAAE,CACxD;AAqBD,QAAO;EAAE,2CAlBN,EAAE,IAAK,GAAG,UAAU,EAAE,KAAK;GAC1B,MAAM,gBAAgB,YAAa,mBAAmB;AAEtD,UAAO;IACL,KAAKA,sBAAU,KAAK,aAAa;IACjC,cAAc,EAAE,WAAW;IAC3B,GAAG,eAAe;KAAE,UAAU;KAAe,GAAG;KAAO,CAAC;IACxD,iEAA0B,MAAM,gBAAgB,OAAO;AACrD,SAAI,GAAG,WAAW,KAAK,cAAe;AAEtC,QAAG,gBAAgB;AACnB,WAAM;MACN;IACH;KAEH;GAAC;GAAgB;GAAU;GAAiB;GAAK;GAAM;GAAE,CAC1D;EAE2B;EAAmB"}