react-clock
Advanced tools
react-clock - npm Package Compare versions
Comparing version 4.4.0 to 4.5.0
| import React from 'react'; | ||
| import type { formatHour as defaultFormatHour } from './shared/hourFormatter'; | ||
| import type { ClassName, HandLength, HandWidth, MarkLength, MarkWidth, OppositeHandLength } from './shared/types'; | ||
| import type { formatHour as defaultFormatHour } from './shared/hourFormatter.js'; | ||
| import type { ClassName, HandLength, HandWidth, MarkLength, MarkWidth, OppositeHandLength } from './shared/types.js'; | ||
| export type ClockProps = { | ||
@@ -5,0 +5,0 @@ className?: ClassName; |
@@ -10,6 +10,6 @@ "use strict"; | ||
| var date_utils_1 = require("@wojtekmaj/date-utils"); | ||
| var Hand_1 = __importDefault(require("./Hand")); | ||
| var MinuteMark_1 = __importDefault(require("./MinuteMark")); | ||
| var HourMark_1 = __importDefault(require("./HourMark")); | ||
| var propTypes_1 = require("./shared/propTypes"); | ||
| var Hand_js_1 = __importDefault(require("./Hand.js")); | ||
| var MinuteMark_js_1 = __importDefault(require("./MinuteMark.js")); | ||
| var HourMark_js_1 = __importDefault(require("./HourMark.js")); | ||
| var propTypes_js_1 = require("./shared/propTypes.js"); | ||
| var Clock = function Clock(_a) { | ||
@@ -25,3 +25,3 @@ var className = _a.className, formatHour = _a.formatHour, _b = _a.hourHandLength, hourHandLength = _b === void 0 ? 50 : _b, hourHandOppositeLength = _a.hourHandOppositeLength, _c = _a.hourHandWidth, hourHandWidth = _c === void 0 ? 4 : _c, _d = _a.hourMarksLength, hourMarksLength = _d === void 0 ? 10 : _d, _e = _a.hourMarksWidth, hourMarksWidth = _e === void 0 ? 3 : _e, locale = _a.locale, _f = _a.minuteHandLength, minuteHandLength = _f === void 0 ? 70 : _f, minuteHandOppositeLength = _a.minuteHandOppositeLength, _g = _a.minuteHandWidth, minuteHandWidth = _g === void 0 ? 2 : _g, _h = _a.minuteMarksLength, minuteMarksLength = _h === void 0 ? 6 : _h, _j = _a.minuteMarksWidth, minuteMarksWidth = _j === void 0 ? 1 : _j, _k = _a.renderHourMarks, renderHourMarks = _k === void 0 ? true : _k, _l = _a.renderMinuteHand, renderMinuteHand = _l === void 0 ? true : _l, _m = _a.renderMinuteMarks, renderMinuteMarks = _m === void 0 ? true : _m, renderNumbers = _a.renderNumbers, _o = _a.renderSecondHand, renderSecondHand = _o === void 0 ? true : _o, _p = _a.secondHandLength, secondHandLength = _p === void 0 ? 90 : _p, secondHandOppositeLength = _a.secondHandOppositeLength, _q = _a.secondHandWidth, secondHandWidth = _q === void 0 ? 1 : _q, _r = _a.size, size = _r === void 0 ? 150 : _r, useMillisecondPrecision = _a.useMillisecondPrecision, value = _a.value; | ||
| if (!isHourMark) { | ||
| minuteMarks.push(react_1.default.createElement(MinuteMark_1.default, { key: "minute_".concat(i), angle: i * 6, length: minuteMarksLength, name: "minute", width: minuteMarksWidth })); | ||
| minuteMarks.push(react_1.default.createElement(MinuteMark_js_1.default, { key: "minute_".concat(i), angle: i * 6, length: minuteMarksLength, name: "minute", width: minuteMarksWidth })); | ||
| } | ||
@@ -37,3 +37,3 @@ } | ||
| for (var i = 1; i <= 12; i += 1) { | ||
| hourMarks.push(react_1.default.createElement(HourMark_1.default, { key: "hour_".concat(i), angle: i * 30, formatHour: formatHour, length: hourMarksLength, locale: locale, name: "hour", number: renderNumbers ? i : undefined, width: hourMarksWidth })); | ||
| hourMarks.push(react_1.default.createElement(HourMark_js_1.default, { key: "hour_".concat(i), angle: i * 30, formatHour: formatHour, length: hourMarksLength, locale: locale, name: "hour", number: renderNumbers ? i : undefined, width: hourMarksWidth })); | ||
| } | ||
@@ -54,3 +54,3 @@ return hourMarks; | ||
| : 0; | ||
| return (react_1.default.createElement(Hand_1.default, { angle: angle, length: hourHandLength, name: "hour", oppositeLength: hourHandOppositeLength, width: hourHandWidth })); | ||
| return (react_1.default.createElement(Hand_js_1.default, { angle: angle, length: hourHandLength, name: "hour", oppositeLength: hourHandOppositeLength, width: hourHandWidth })); | ||
| } | ||
@@ -67,3 +67,3 @@ function renderMinuteHandFn() { | ||
| : 0; | ||
| return (react_1.default.createElement(Hand_1.default, { angle: angle, length: minuteHandLength, name: "minute", oppositeLength: minuteHandOppositeLength, width: minuteHandWidth })); | ||
| return (react_1.default.createElement(Hand_js_1.default, { angle: angle, length: minuteHandLength, name: "minute", oppositeLength: minuteHandOppositeLength, width: minuteHandWidth })); | ||
| } | ||
@@ -79,3 +79,3 @@ function renderSecondHandFn() { | ||
| : 0; | ||
| return (react_1.default.createElement(Hand_1.default, { angle: angle, length: secondHandLength, name: "second", oppositeLength: secondHandOppositeLength, width: secondHandWidth })); | ||
| return (react_1.default.createElement(Hand_js_1.default, { angle: angle, length: secondHandLength, name: "second", oppositeLength: secondHandOppositeLength, width: secondHandWidth })); | ||
| } | ||
@@ -94,13 +94,13 @@ return (react_1.default.createElement("time", { className: (0, clsx_1.default)('react-clock', className), dateTime: value instanceof Date ? value.toISOString() : value || undefined, style: { | ||
| formatHour: prop_types_1.default.func, | ||
| hourHandLength: propTypes_1.isHandLength, | ||
| hourHandOppositeLength: propTypes_1.isOppositeHandLength, | ||
| hourHandWidth: propTypes_1.isHandWidth, | ||
| hourMarksLength: propTypes_1.isMarkLength, | ||
| hourMarksWidth: propTypes_1.isMarkWidth, | ||
| hourHandLength: propTypes_js_1.isHandLength, | ||
| hourHandOppositeLength: propTypes_js_1.isOppositeHandLength, | ||
| hourHandWidth: propTypes_js_1.isHandWidth, | ||
| hourMarksLength: propTypes_js_1.isMarkLength, | ||
| hourMarksWidth: propTypes_js_1.isMarkWidth, | ||
| locale: prop_types_1.default.string, | ||
| minuteHandLength: propTypes_1.isHandLength, | ||
| minuteHandOppositeLength: propTypes_1.isOppositeHandLength, | ||
| minuteHandWidth: propTypes_1.isHandWidth, | ||
| minuteMarksLength: propTypes_1.isMarkLength, | ||
| minuteMarksWidth: propTypes_1.isMarkWidth, | ||
| minuteHandLength: propTypes_js_1.isHandLength, | ||
| minuteHandOppositeLength: propTypes_js_1.isOppositeHandLength, | ||
| minuteHandWidth: propTypes_js_1.isHandWidth, | ||
| minuteMarksLength: propTypes_js_1.isMarkLength, | ||
| minuteMarksWidth: propTypes_js_1.isMarkWidth, | ||
| renderHourMarks: prop_types_1.default.bool, | ||
@@ -111,5 +111,5 @@ renderMinuteHand: prop_types_1.default.bool, | ||
| renderSecondHand: prop_types_1.default.bool, | ||
| secondHandLength: propTypes_1.isHandLength, | ||
| secondHandOppositeLength: propTypes_1.isOppositeHandLength, | ||
| secondHandWidth: propTypes_1.isHandWidth, | ||
| secondHandLength: propTypes_js_1.isHandLength, | ||
| secondHandOppositeLength: propTypes_js_1.isOppositeHandLength, | ||
| secondHandWidth: propTypes_js_1.isHandWidth, | ||
| size: prop_types_1.default.oneOfType([prop_types_1.default.number, prop_types_1.default.string]), | ||
@@ -116,0 +116,0 @@ value: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.instanceOf(Date)]), |
| /// <reference types="react" /> | ||
| import type { HandLength, HandWidth, OppositeHandLength } from './shared/types'; | ||
| import type { HandLength, HandWidth, OppositeHandLength } from './shared/types.js'; | ||
| type HandProps = { | ||
@@ -4,0 +4,0 @@ angle?: number; |
| import React from 'react'; | ||
| import Mark from './Mark'; | ||
| import { formatHour as defaultFormatHour } from './shared/hourFormatter'; | ||
| import Mark from './Mark.js'; | ||
| import { formatHour as defaultFormatHour } from './shared/hourFormatter.js'; | ||
| type HourMarkProps = React.ComponentProps<typeof Mark> & { | ||
@@ -9,3 +9,3 @@ formatHour?: typeof defaultFormatHour; | ||
| }; | ||
| export default function HourMark({ formatHour, locale, number, ...otherProps }: HourMarkProps): JSX.Element; | ||
| export {}; | ||
| declare const HourMark: React.NamedExoticComponent<HourMarkProps>; | ||
| export default HourMark; |
@@ -13,2 +13,25 @@ "use strict"; | ||
| }; | ||
| var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { | ||
| if (k2 === undefined) k2 = k; | ||
| var desc = Object.getOwnPropertyDescriptor(m, k); | ||
| if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { | ||
| desc = { enumerable: true, get: function() { return m[k]; } }; | ||
| } | ||
| Object.defineProperty(o, k2, desc); | ||
| }) : (function(o, m, k, k2) { | ||
| if (k2 === undefined) k2 = k; | ||
| o[k2] = m[k]; | ||
| })); | ||
| var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { | ||
| Object.defineProperty(o, "default", { enumerable: true, value: v }); | ||
| }) : function(o, v) { | ||
| o["default"] = v; | ||
| }); | ||
| var __importStar = (this && this.__importStar) || function (mod) { | ||
| if (mod && mod.__esModule) return mod; | ||
| var result = {}; | ||
| if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); | ||
| __setModuleDefault(result, mod); | ||
| return result; | ||
| }; | ||
| var __rest = (this && this.__rest) || function (s, e) { | ||
@@ -29,9 +52,9 @@ var t = {}; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| var react_1 = __importDefault(require("react")); | ||
| var Mark_1 = __importDefault(require("./Mark")); | ||
| var hourFormatter_1 = require("./shared/hourFormatter"); | ||
| function HourMark(_a) { | ||
| var _b = _a.formatHour, formatHour = _b === void 0 ? hourFormatter_1.formatHour : _b, locale = _a.locale, number = _a.number, otherProps = __rest(_a, ["formatHour", "locale", "number"]); | ||
| return react_1.default.createElement(Mark_1.default, __assign({ number: number ? formatHour(locale, number) : null }, otherProps)); | ||
| } | ||
| var react_1 = __importStar(require("react")); | ||
| var Mark_js_1 = __importDefault(require("./Mark.js")); | ||
| var hourFormatter_js_1 = require("./shared/hourFormatter.js"); | ||
| var HourMark = (0, react_1.memo)(function HourMark(_a) { | ||
| var _b = _a.formatHour, formatHour = _b === void 0 ? hourFormatter_js_1.formatHour : _b, locale = _a.locale, number = _a.number, otherProps = __rest(_a, ["formatHour", "locale", "number"]); | ||
| return react_1.default.createElement(Mark_js_1.default, __assign({ number: number ? formatHour(locale, number) : null }, otherProps)); | ||
| }); | ||
| exports.default = HourMark; |
@@ -1,4 +0,4 @@ | ||
| import Clock from './Clock'; | ||
| export type { ClockProps } from './Clock'; | ||
| import Clock from './Clock.js'; | ||
| export type { ClockProps } from './Clock.js'; | ||
| export { Clock }; | ||
| export default Clock; |
@@ -7,4 +7,4 @@ "use strict"; | ||
| exports.Clock = void 0; | ||
| var Clock_1 = __importDefault(require("./Clock")); | ||
| exports.Clock = Clock_1.default; | ||
| exports.default = Clock_1.default; | ||
| var Clock_js_1 = __importDefault(require("./Clock.js")); | ||
| exports.Clock = Clock_js_1.default; | ||
| exports.default = Clock_js_1.default; |
| import React from 'react'; | ||
| import type { MarkLength, MarkWidth } from './shared/types'; | ||
| import type { MarkLength, MarkWidth } from './shared/types.js'; | ||
| type MarkProps = { | ||
@@ -4,0 +4,0 @@ angle?: number; |
| import React from 'react'; | ||
| import Mark from './Mark'; | ||
| type MinuteMarkProps = React.ComponentProps<typeof Mark>; | ||
| export default function MinuteMark(props: MinuteMarkProps): JSX.Element; | ||
| export {}; | ||
| declare const MinuteMark: React.NamedExoticComponent<{ | ||
| angle?: number | undefined; | ||
| length?: number | undefined; | ||
| name: string; | ||
| number?: React.ReactNode; | ||
| width?: number | undefined; | ||
| }>; | ||
| export default MinuteMark; |
@@ -13,2 +13,25 @@ "use strict"; | ||
| }; | ||
| var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) { | ||
| if (k2 === undefined) k2 = k; | ||
| var desc = Object.getOwnPropertyDescriptor(m, k); | ||
| if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) { | ||
| desc = { enumerable: true, get: function() { return m[k]; } }; | ||
| } | ||
| Object.defineProperty(o, k2, desc); | ||
| }) : (function(o, m, k, k2) { | ||
| if (k2 === undefined) k2 = k; | ||
| o[k2] = m[k]; | ||
| })); | ||
| var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) { | ||
| Object.defineProperty(o, "default", { enumerable: true, value: v }); | ||
| }) : function(o, v) { | ||
| o["default"] = v; | ||
| }); | ||
| var __importStar = (this && this.__importStar) || function (mod) { | ||
| if (mod && mod.__esModule) return mod; | ||
| var result = {}; | ||
| if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k); | ||
| __setModuleDefault(result, mod); | ||
| return result; | ||
| }; | ||
| var __importDefault = (this && this.__importDefault) || function (mod) { | ||
@@ -18,7 +41,7 @@ return (mod && mod.__esModule) ? mod : { "default": mod }; | ||
| Object.defineProperty(exports, "__esModule", { value: true }); | ||
| var react_1 = __importDefault(require("react")); | ||
| var Mark_1 = __importDefault(require("./Mark")); | ||
| function MinuteMark(props) { | ||
| return react_1.default.createElement(Mark_1.default, __assign({}, props)); | ||
| } | ||
| var react_1 = __importStar(require("react")); | ||
| var Mark_js_1 = __importDefault(require("./Mark.js")); | ||
| var MinuteMark = (0, react_1.memo)(function MinuteMark(props) { | ||
| return react_1.default.createElement(Mark_js_1.default, __assign({}, props)); | ||
| }); | ||
| exports.default = MinuteMark; |
| import React from 'react'; | ||
| import type { formatHour as defaultFormatHour } from './shared/hourFormatter'; | ||
| import type { ClassName, HandLength, HandWidth, MarkLength, MarkWidth, OppositeHandLength } from './shared/types'; | ||
| import type { formatHour as defaultFormatHour } from './shared/hourFormatter.js'; | ||
| import type { ClassName, HandLength, HandWidth, MarkLength, MarkWidth, OppositeHandLength } from './shared/types.js'; | ||
| export type ClockProps = { | ||
@@ -5,0 +5,0 @@ className?: ClassName; |
@@ -5,6 +5,6 @@ import React from 'react'; | ||
| import { getHours, getMilliseconds, getMinutes, getSeconds } from '@wojtekmaj/date-utils'; | ||
| import Hand from './Hand'; | ||
| import MinuteMark from './MinuteMark'; | ||
| import HourMark from './HourMark'; | ||
| import { isHandLength, isOppositeHandLength, isHandWidth, isMarkLength, isMarkWidth, } from './shared/propTypes'; | ||
| import Hand from './Hand.js'; | ||
| import MinuteMark from './MinuteMark.js'; | ||
| import HourMark from './HourMark.js'; | ||
| import { isHandLength, isOppositeHandLength, isHandWidth, isMarkLength, isMarkWidth, } from './shared/propTypes.js'; | ||
| var Clock = function Clock(_a) { | ||
@@ -11,0 +11,0 @@ var className = _a.className, formatHour = _a.formatHour, _b = _a.hourHandLength, hourHandLength = _b === void 0 ? 50 : _b, hourHandOppositeLength = _a.hourHandOppositeLength, _c = _a.hourHandWidth, hourHandWidth = _c === void 0 ? 4 : _c, _d = _a.hourMarksLength, hourMarksLength = _d === void 0 ? 10 : _d, _e = _a.hourMarksWidth, hourMarksWidth = _e === void 0 ? 3 : _e, locale = _a.locale, _f = _a.minuteHandLength, minuteHandLength = _f === void 0 ? 70 : _f, minuteHandOppositeLength = _a.minuteHandOppositeLength, _g = _a.minuteHandWidth, minuteHandWidth = _g === void 0 ? 2 : _g, _h = _a.minuteMarksLength, minuteMarksLength = _h === void 0 ? 6 : _h, _j = _a.minuteMarksWidth, minuteMarksWidth = _j === void 0 ? 1 : _j, _k = _a.renderHourMarks, renderHourMarks = _k === void 0 ? true : _k, _l = _a.renderMinuteHand, renderMinuteHand = _l === void 0 ? true : _l, _m = _a.renderMinuteMarks, renderMinuteMarks = _m === void 0 ? true : _m, renderNumbers = _a.renderNumbers, _o = _a.renderSecondHand, renderSecondHand = _o === void 0 ? true : _o, _p = _a.secondHandLength, secondHandLength = _p === void 0 ? 90 : _p, secondHandOppositeLength = _a.secondHandOppositeLength, _q = _a.secondHandWidth, secondHandWidth = _q === void 0 ? 1 : _q, _r = _a.size, size = _r === void 0 ? 150 : _r, useMillisecondPrecision = _a.useMillisecondPrecision, value = _a.value; |
| /// <reference types="react" /> | ||
| import type { HandLength, HandWidth, OppositeHandLength } from './shared/types'; | ||
| import type { HandLength, HandWidth, OppositeHandLength } from './shared/types.js'; | ||
| type HandProps = { | ||
@@ -4,0 +4,0 @@ angle?: number; |
| import React from 'react'; | ||
| import Mark from './Mark'; | ||
| import { formatHour as defaultFormatHour } from './shared/hourFormatter'; | ||
| import Mark from './Mark.js'; | ||
| import { formatHour as defaultFormatHour } from './shared/hourFormatter.js'; | ||
| type HourMarkProps = React.ComponentProps<typeof Mark> & { | ||
@@ -9,3 +9,3 @@ formatHour?: typeof defaultFormatHour; | ||
| }; | ||
| export default function HourMark({ formatHour, locale, number, ...otherProps }: HourMarkProps): JSX.Element; | ||
| export {}; | ||
| declare const HourMark: React.NamedExoticComponent<HourMarkProps>; | ||
| export default HourMark; |
@@ -23,8 +23,9 @@ var __assign = (this && this.__assign) || function () { | ||
| }; | ||
| import React from 'react'; | ||
| import Mark from './Mark'; | ||
| import { formatHour as defaultFormatHour } from './shared/hourFormatter'; | ||
| export default function HourMark(_a) { | ||
| import React, { memo } from 'react'; | ||
| import Mark from './Mark.js'; | ||
| import { formatHour as defaultFormatHour } from './shared/hourFormatter.js'; | ||
| var HourMark = memo(function HourMark(_a) { | ||
| var _b = _a.formatHour, formatHour = _b === void 0 ? defaultFormatHour : _b, locale = _a.locale, number = _a.number, otherProps = __rest(_a, ["formatHour", "locale", "number"]); | ||
| return React.createElement(Mark, __assign({ number: number ? formatHour(locale, number) : null }, otherProps)); | ||
| } | ||
| }); | ||
| export default HourMark; |
@@ -1,4 +0,4 @@ | ||
| import Clock from './Clock'; | ||
| export type { ClockProps } from './Clock'; | ||
| import Clock from './Clock.js'; | ||
| export type { ClockProps } from './Clock.js'; | ||
| export { Clock }; | ||
| export default Clock; |
@@ -1,3 +0,3 @@ | ||
| import Clock from './Clock'; | ||
| import Clock from './Clock.js'; | ||
| export { Clock }; | ||
| export default Clock; |
| import React from 'react'; | ||
| import type { MarkLength, MarkWidth } from './shared/types'; | ||
| import type { MarkLength, MarkWidth } from './shared/types.js'; | ||
| type MarkProps = { | ||
@@ -4,0 +4,0 @@ angle?: number; |
| import React from 'react'; | ||
| import Mark from './Mark'; | ||
| type MinuteMarkProps = React.ComponentProps<typeof Mark>; | ||
| export default function MinuteMark(props: MinuteMarkProps): JSX.Element; | ||
| export {}; | ||
| declare const MinuteMark: React.NamedExoticComponent<{ | ||
| angle?: number | undefined; | ||
| length?: number | undefined; | ||
| name: string; | ||
| number?: React.ReactNode; | ||
| width?: number | undefined; | ||
| }>; | ||
| export default MinuteMark; |
@@ -12,6 +12,7 @@ var __assign = (this && this.__assign) || function () { | ||
| }; | ||
| import React from 'react'; | ||
| import Mark from './Mark'; | ||
| export default function MinuteMark(props) { | ||
| import React, { memo } from 'react'; | ||
| import Mark from './Mark.js'; | ||
| var MinuteMark = memo(function MinuteMark(props) { | ||
| return React.createElement(Mark, __assign({}, props)); | ||
| } | ||
| }); | ||
| export default MinuteMark; |
| { | ||
| "name": "react-clock", | ||
| "version": "4.4.0", | ||
| "version": "4.5.0", | ||
| "description": "An analog clock for your React app.", | ||
| "main": "dist/cjs/index.js", | ||
| "module": "dist/esm/index.js", | ||
| "source": "src/index.ts", | ||
| "types": "dist/cjs/index.d.ts", | ||
| "type": "module", | ||
| "sideEffects": [ | ||
| "*.css" | ||
| ], | ||
| "main": "./dist/cjs/index.js", | ||
| "module": "./dist/esm/index.js", | ||
| "source": "./src/index.ts", | ||
| "types": "./dist/cjs/index.d.ts", | ||
| "exports": { | ||
| ".": { | ||
| "import": "./dist/esm/index.js", | ||
| "require": "./dist/cjs/index.js" | ||
| }, | ||
| "./dist/Clock.css": "./dist/Clock.css" | ||
| }, | ||
| "scripts": { | ||
| "build": "yarn build-js && yarn copy-styles", | ||
| "build-js": "yarn build-js-esm && yarn build-js-cjs", | ||
| "build-js": "yarn build-js-esm && yarn build-js-cjs && yarn build-js-cjs-package", | ||
| "build-js-esm": "tsc --project tsconfig.build.json --outDir dist/esm --module esnext", | ||
| "build-js-cjs": "tsc --project tsconfig.build.json --outDir dist/cjs --module commonjs", | ||
| "build-js-cjs-package": "echo '{\n \"type\": \"commonjs\"\n}' > dist/cjs/package.json", | ||
| "clean": "rimraf dist", | ||
| "copy-styles": "node --loader ts-node/esm ./copy-styles.ts", | ||
| "copy-styles": "cpy 'src/**/*.css' dist", | ||
| "lint": "eslint . --ext .js,.jsx,.ts,.tsx", | ||
@@ -24,3 +33,4 @@ "prepack": "yarn clean && yarn build", | ||
| "tsc": "tsc --noEmit", | ||
| "unit": "vitest" | ||
| "unit": "vitest", | ||
| "watch": "yarn build-js-esm --watch & yarn build-js-cjs --watch & yarn build-js-cjs-package & nodemon --watch src --ext css --exec \"yarn copy-styles\"" | ||
| }, | ||
@@ -56,2 +66,3 @@ "keywords": [ | ||
| "@types/react": "*", | ||
| "cpy-cli": "^5.0.0", | ||
| "eslint": "^8.26.0", | ||
@@ -61,2 +72,3 @@ "eslint-config-wojtekmaj": "^0.9.0", | ||
| "jsdom": "^21.1.0", | ||
| "nodemon": "^3.0.0", | ||
| "prettier": "^2.7.0", | ||
@@ -67,3 +79,2 @@ "pretty-quick": "^3.1.0", | ||
| "rimraf": "^3.0.0", | ||
| "ts-node": "^10.9.1", | ||
| "typescript": "^5.0.0", | ||
@@ -70,0 +81,0 @@ "vitest": "^0.30.1" |
@@ -1,4 +0,4 @@ | ||
| import Clock from './Clock'; | ||
| import Clock from './Clock.js'; | ||
| export type { ClockProps } from './Clock'; | ||
| export type { ClockProps } from './Clock.js'; | ||
@@ -5,0 +5,0 @@ export { Clock }; |
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
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
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by4.23%
76588
- Number of package files
- increased by1.82%
56
- Lines of code
- increased by3.86%
1559
- Is type module
Yes
Worsened metrics
- Dev dependency count
- increased by6.25%
17