@planningcenter/doxy-web
Advanced tools
Comparing version 2.2.0-rc.3 to 2.2.0
import React from "react"; | ||
export interface NumberSpinnerProps { | ||
disabled?: boolean; | ||
max: number; | ||
min?: number; | ||
max: number; | ||
name?: string; | ||
@@ -11,2 +11,2 @@ onChange: (newValue: number) => void; | ||
} | ||
export declare const NumberSpinner: ({ disabled, min, max, name, onChange, size, value: originalValue, }: NumberSpinnerProps) => React.JSX.Element; | ||
export declare const NumberSpinner: ({ disabled, max, min, name, onChange, size, value: originalValue, }: NumberSpinnerProps) => React.JSX.Element; |
@@ -298,4 +298,4 @@ import React, { useRef, useEffect, useState, forwardRef } from 'react'; | ||
disabled = false, | ||
max, | ||
min = 0, | ||
max, | ||
name = "number-spinner", | ||
@@ -323,3 +323,2 @@ onChange, | ||
return /*#__PURE__*/React.createElement("div", { | ||
"data-testid": "numberSpinner", | ||
className: classnames("number-spinner", { | ||
@@ -329,32 +328,33 @@ "sm-number-spinner": size === "sm", | ||
}), | ||
"data-testid": "numberSpinner", | ||
ref: handleClickOutside | ||
}, /*#__PURE__*/React.createElement("button", { | ||
"aria-label": "decrement input value", | ||
className: "number-spinner__btn number-spinner__btn-decrement", | ||
disabled: disabled || value === min, | ||
className: "number-spinner__btn number-spinner__btn-decrement", | ||
"aria-label": "decrement input value", | ||
onBlur: () => setFocus(false), | ||
onClick: handleDecrement, | ||
onFocus: () => setFocus(true), | ||
onBlur: () => setFocus(false), | ||
tabIndex: -1 | ||
}, /*#__PURE__*/React.createElement("span", null, "-")), /*#__PURE__*/React.createElement("input", { | ||
name: name, | ||
type: "number", | ||
className: "number-spinner__input", | ||
disabled: disabled, | ||
max: max, | ||
min: min, | ||
step: "1", | ||
value: value, | ||
name: name, | ||
onBlur: () => setFocus(false), | ||
onChange: () => {}, | ||
onFocus: () => setFocus(true), | ||
onKeyDown: handleKeyDown, | ||
onWheel: e => e.target.blur(), | ||
onKeyDown: handleKeyDown, | ||
onFocus: () => setFocus(true), | ||
onBlur: () => setFocus(false), | ||
className: "number-spinner__input" | ||
step: "1", | ||
type: "number", | ||
value: value | ||
}), /*#__PURE__*/React.createElement("button", { | ||
"aria-label": "increment input value", | ||
className: "number-spinner__btn number-spinner__btn-increment", | ||
disabled: disabled || value === max, | ||
className: "number-spinner__btn number-spinner__btn-increment", | ||
"aria-label": "increment input value", | ||
onBlur: () => setFocus(false), | ||
onClick: handleIncrement, | ||
onFocus: () => setFocus(true), | ||
onBlur: () => setFocus(false), | ||
tabIndex: -1 | ||
@@ -361,0 +361,0 @@ }, /*#__PURE__*/React.createElement("span", null, "+"))); |
@@ -307,4 +307,4 @@ 'use strict'; | ||
disabled = false, | ||
max, | ||
min = 0, | ||
max, | ||
name = "number-spinner", | ||
@@ -332,3 +332,2 @@ onChange, | ||
return /*#__PURE__*/React__default["default"].createElement("div", { | ||
"data-testid": "numberSpinner", | ||
className: classnames__default["default"]("number-spinner", { | ||
@@ -338,32 +337,33 @@ "sm-number-spinner": size === "sm", | ||
}), | ||
"data-testid": "numberSpinner", | ||
ref: handleClickOutside | ||
}, /*#__PURE__*/React__default["default"].createElement("button", { | ||
"aria-label": "decrement input value", | ||
className: "number-spinner__btn number-spinner__btn-decrement", | ||
disabled: disabled || value === min, | ||
className: "number-spinner__btn number-spinner__btn-decrement", | ||
"aria-label": "decrement input value", | ||
onBlur: () => setFocus(false), | ||
onClick: handleDecrement, | ||
onFocus: () => setFocus(true), | ||
onBlur: () => setFocus(false), | ||
tabIndex: -1 | ||
}, /*#__PURE__*/React__default["default"].createElement("span", null, "-")), /*#__PURE__*/React__default["default"].createElement("input", { | ||
name: name, | ||
type: "number", | ||
className: "number-spinner__input", | ||
disabled: disabled, | ||
max: max, | ||
min: min, | ||
step: "1", | ||
value: value, | ||
name: name, | ||
onBlur: () => setFocus(false), | ||
onChange: () => {}, | ||
onFocus: () => setFocus(true), | ||
onKeyDown: handleKeyDown, | ||
onWheel: e => e.target.blur(), | ||
onKeyDown: handleKeyDown, | ||
onFocus: () => setFocus(true), | ||
onBlur: () => setFocus(false), | ||
className: "number-spinner__input" | ||
step: "1", | ||
type: "number", | ||
value: value | ||
}), /*#__PURE__*/React__default["default"].createElement("button", { | ||
"aria-label": "increment input value", | ||
className: "number-spinner__btn number-spinner__btn-increment", | ||
disabled: disabled || value === max, | ||
className: "number-spinner__btn number-spinner__btn-increment", | ||
"aria-label": "increment input value", | ||
onBlur: () => setFocus(false), | ||
onClick: handleIncrement, | ||
onFocus: () => setFocus(true), | ||
onBlur: () => setFocus(false), | ||
tabIndex: -1 | ||
@@ -370,0 +370,0 @@ }, /*#__PURE__*/React__default["default"].createElement("span", null, "+"))); |
{ | ||
"name": "@planningcenter/doxy-web", | ||
"version": "2.2.0-rc.3", | ||
"version": "2.2.0", | ||
"description": "Doxy for Church Center Web", | ||
@@ -22,5 +22,6 @@ "main": "dist/index.js", | ||
"scripts": { | ||
"sandbox:prepare": "yalc publish && cd sandbox && yalc remove --all && yalc add @planningcenter/doxy-web && yarn", | ||
"sandbox:start": "cd sandbox && yarn start", | ||
"sandbox:update": "cd sandbox && yalc update", | ||
"sandbox": "npm-run-all --parallel --print-label develop:yalc sandbox:update sandbox:start", | ||
"sandbox": "yarn sandbox:prepare && npm-run-all --parallel --print-label develop:yalc sandbox:update sandbox:start", | ||
"start": "storybook dev -p 3000 --no-open", | ||
@@ -51,14 +52,14 @@ "storybook:build": "storybook build", | ||
"@rollup/plugin-typescript": "^9.0.2", | ||
"@storybook/addon-actions": "^7.1.1", | ||
"@storybook/addon-docs": "^7.1.1", | ||
"@storybook/addon-essentials": "^7.1.1", | ||
"@storybook/addon-interactions": "^7.1.1", | ||
"@storybook/addon-links": "^7.1.1", | ||
"@storybook/addon-mdx-gfm": "^7.1.1", | ||
"@storybook/addon-actions": "^7.3.2", | ||
"@storybook/addon-docs": "^7.3.2", | ||
"@storybook/addon-essentials": "^7.3.2", | ||
"@storybook/addon-interactions": "^7.3.2", | ||
"@storybook/addon-links": "^7.3.2", | ||
"@storybook/addon-mdx-gfm": "^7.3.2", | ||
"@storybook/addon-postcss": "^2.0.0", | ||
"@storybook/addon-styling": "^1.3.4", | ||
"@storybook/addons": "^7.1.1", | ||
"@storybook/client-api": "^7.1.1", | ||
"@storybook/react": "^7.1.1", | ||
"@storybook/react-webpack5": "^7.1.1", | ||
"@storybook/addon-styling": "^1.3.7", | ||
"@storybook/addons": "^7.3.2", | ||
"@storybook/client-api": "^7.3.2", | ||
"@storybook/react": "^7.3.2", | ||
"@storybook/react-webpack5": "^7.3.2", | ||
"@storybook/testing-library": "^0.2.0", | ||
@@ -99,4 +100,4 @@ "@testing-library/dom": "^8.19.0", | ||
"sass-loader": "^13.2.2", | ||
"storybook": "^7.1.1", | ||
"storybook-dark-mode": "^3.0.0", | ||
"storybook": "^7.3.2", | ||
"storybook-dark-mode": "^3.0.1", | ||
"tailwindcss": "^3.2.4", | ||
@@ -103,0 +104,0 @@ "ts-jest": "^29.0.3", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
591007
11705
0