react-jewish-datepicker - npm Package Compare versions

Comparing version 1.0.8 to 1.0.9

build/index.es.js

@@ -21,7 +21,7 @@ function ___$insertStyle(css) {
 
-___$insertStyle(".reactJewishDatePicker {\n  --color: #333;\n  --backgroundColor: #e6e6e6;\n  height: 25px;\n  position: relative;\n  display: grid;\n  font-family: arial;\n  margin-bottom: 5px;\n}\n.reactJewishDatePicker .selectedDate {\n  padding: 3px 10px;\n  border: 1px solid var(--color);\n}\n.reactJewishDatePicker .monthWrapper {\n  background-color: #fff;\n  border: 1px solid #d6d9dd;\n  position: absolute;\n  top: 25px;\n  right: 0;\n  z-index: 1;\n  display: none;\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n}\n.reactJewishDatePicker .monthWrapper.open {\n  display: grid;\n}\n.reactJewishDatePicker.isHebrew {\n  direction: rtl;\n}\n.reactJewishDatePicker.isHebrew .monthWrapper {\n  right: auto;\n  left: 0;\n}\n.reactJewishDatePicker .navigation {\n  display: grid;\n  grid-template-columns: 22px 138px 22px;\n  justify-content: space-between;\n  height: 22px;\n}\n.reactJewishDatePicker .navigation .arrowRight,\n.reactJewishDatePicker .navigation .arrowLeft {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n}\n.reactJewishDatePicker .navigation .arrowRight span,\n.reactJewishDatePicker .navigation .arrowLeft span {\n  border: solid black;\n  border-width: 0 2px 2px 0;\n  padding: 1px;\n  transform: rotate(-45deg);\n  -webkit-transform: rotate(-45deg);\n  cursor: pointer;\n  width: 6px;\n  height: 6px;\n}\n.reactJewishDatePicker .navigation .arrowRight:hover,\n.reactJewishDatePicker .navigation .arrowLeft:hover {\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .navigation .arrowLeft span {\n  transform: rotate(135deg);\n  -webkit-transform: rotate(135deg);\n}\n.reactJewishDatePicker .navigation .monthYearSelection {\n  display: grid;\n  grid-template-columns: auto auto;\n}\n.reactJewishDatePicker .navigation .monthYearSelection select {\n  border: 0px;\n  outline: 0px;\n}\n.reactJewishDatePicker .navigation .monthYearSelection select:hover {\n  cursor: pointer;\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .navigation .monthYearSelection option {\n  background-color: #fff;\n}\n.reactJewishDatePicker.isHebrew .navigation .arrowLeft span {\n  transform: rotate(-45deg);\n  -webkit-transform: rotate(-45deg);\n}\n.reactJewishDatePicker.isHebrew .navigation .arrowRight span {\n  transform: rotate(135deg);\n  -webkit-transform: rotate(135deg);\n}\n.reactJewishDatePicker .month {\n  color: var(--color);\n  grid-template-columns: repeat(7, 1fr);\n  z-index: 2;\n  background-color: white;\n  display: grid;\n  width: 250px;\n  height: 210px;\n}\n.reactJewishDatePicker .weekday,\n.reactJewishDatePicker .day {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.reactJewishDatePicker .day:hover {\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .weekday {\n  color: #000;\n  font-weight: bold;\n}\n.reactJewishDatePicker .otherMonth {\n  background: #fff;\n  color: #777;\n}\n.reactJewishDatePicker .selectedDay {\n  background: cornflowerblue;\n  color: #fff;\n}");
+___$insertStyle(".reactJewishDatePicker {\n  --color: #333;\n  --backgroundColor: #e6e6e6;\n  position: relative;\n  display: grid;\n  font-family: arial;\n  margin-bottom: 5px;\n  cursor: pointer;\n}\n.reactJewishDatePicker .selectedDate {\n  padding: 1px 9px;\n  border: 1px solid var(--color);\n}\n.reactJewishDatePicker .monthWrapper {\n  background-color: #fff;\n  border: 1px solid #d6d9dd;\n  position: absolute;\n  top: 25px;\n  right: 0;\n  z-index: 1;\n  display: none;\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n}\n.reactJewishDatePicker .monthWrapper.open {\n  display: grid;\n}\n.reactJewishDatePicker.isHebrew {\n  direction: rtl;\n}\n.reactJewishDatePicker.isHebrew .monthWrapper {\n  right: auto;\n  left: 0;\n}\n.reactJewishDatePicker .navigation {\n  display: grid;\n  grid-template-columns: 22px 138px 22px;\n  justify-content: space-between;\n  height: 22px;\n}\n.reactJewishDatePicker .navigation .arrowRight,\n.reactJewishDatePicker .navigation .arrowLeft {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n}\n.reactJewishDatePicker .navigation .arrowRight span,\n.reactJewishDatePicker .navigation .arrowLeft span {\n  border: solid black;\n  border-width: 0 2px 2px 0;\n  padding: 1px;\n  transform: rotate(-45deg);\n  -webkit-transform: rotate(-45deg);\n  cursor: pointer;\n  width: 6px;\n  height: 6px;\n}\n.reactJewishDatePicker .navigation .arrowRight:hover,\n.reactJewishDatePicker .navigation .arrowLeft:hover {\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .navigation .arrowLeft span {\n  transform: rotate(135deg);\n  -webkit-transform: rotate(135deg);\n}\n.reactJewishDatePicker .navigation .monthYearSelection {\n  display: grid;\n  grid-template-columns: auto auto;\n}\n.reactJewishDatePicker .navigation .monthYearSelection select {\n  border: 0px;\n  outline: 0px;\n}\n.reactJewishDatePicker .navigation .monthYearSelection select:hover {\n  cursor: pointer;\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .navigation .monthYearSelection option {\n  background-color: #fff;\n}\n.reactJewishDatePicker.isHebrew .navigation .arrowLeft span {\n  transform: rotate(-45deg);\n  -webkit-transform: rotate(-45deg);\n}\n.reactJewishDatePicker.isHebrew .navigation .arrowRight span {\n  transform: rotate(135deg);\n  -webkit-transform: rotate(135deg);\n}\n.reactJewishDatePicker .month {\n  color: var(--color);\n  grid-template-columns: repeat(7, 1fr);\n  z-index: 2;\n  background-color: white;\n  display: grid;\n  width: 250px;\n  height: 210px;\n}\n.reactJewishDatePicker .weekday,\n.reactJewishDatePicker .day {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.reactJewishDatePicker .day:hover {\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .weekday {\n  color: #000;\n  font-weight: bold;\n}\n.reactJewishDatePicker .otherMonth {\n  background: #fff;\n  color: #777;\n}\n.reactJewishDatePicker .selectedDay {\n  background: cornflowerblue;\n  color: #fff;\n}");
 
 var isFromTest = function () {
     var _a;
-    return ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.JEST_WORKER_ID) !== undefined;
+    return typeof process !== 'undefined' && ((_a = process.env) === null || _a === void 0 ? void 0 : _a.JEST_WORKER_ID) !== undefined;
 };
@@ -101,3 +101,3 @@ var getTestID = function (testId) {
     };
-    var classNames = "reactJewishDatePicker" + (props.isHebrew ? " isHebrew" : '');
+    var classNames = "reactJewishDatePicker" + (props.isHebrew ? " isHebrew" : '') + " " + (props.className || '');
     var selectedDayClass = selectedDay && (props.isHebrew ? selectedDay.jewishDateStrHebrew : selectedDay.jewishDateStr);
@@ -104,0 +104,0 @@ return (createElement("div", { className: classNames },

build/index.js

@@ -27,7 +27,7 @@ 'use strict';
 
-___$insertStyle(".reactJewishDatePicker {\n  --color: #333;\n  --backgroundColor: #e6e6e6;\n  height: 25px;\n  position: relative;\n  display: grid;\n  font-family: arial;\n  margin-bottom: 5px;\n}\n.reactJewishDatePicker .selectedDate {\n  padding: 3px 10px;\n  border: 1px solid var(--color);\n}\n.reactJewishDatePicker .monthWrapper {\n  background-color: #fff;\n  border: 1px solid #d6d9dd;\n  position: absolute;\n  top: 25px;\n  right: 0;\n  z-index: 1;\n  display: none;\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n}\n.reactJewishDatePicker .monthWrapper.open {\n  display: grid;\n}\n.reactJewishDatePicker.isHebrew {\n  direction: rtl;\n}\n.reactJewishDatePicker.isHebrew .monthWrapper {\n  right: auto;\n  left: 0;\n}\n.reactJewishDatePicker .navigation {\n  display: grid;\n  grid-template-columns: 22px 138px 22px;\n  justify-content: space-between;\n  height: 22px;\n}\n.reactJewishDatePicker .navigation .arrowRight,\n.reactJewishDatePicker .navigation .arrowLeft {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n}\n.reactJewishDatePicker .navigation .arrowRight span,\n.reactJewishDatePicker .navigation .arrowLeft span {\n  border: solid black;\n  border-width: 0 2px 2px 0;\n  padding: 1px;\n  transform: rotate(-45deg);\n  -webkit-transform: rotate(-45deg);\n  cursor: pointer;\n  width: 6px;\n  height: 6px;\n}\n.reactJewishDatePicker .navigation .arrowRight:hover,\n.reactJewishDatePicker .navigation .arrowLeft:hover {\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .navigation .arrowLeft span {\n  transform: rotate(135deg);\n  -webkit-transform: rotate(135deg);\n}\n.reactJewishDatePicker .navigation .monthYearSelection {\n  display: grid;\n  grid-template-columns: auto auto;\n}\n.reactJewishDatePicker .navigation .monthYearSelection select {\n  border: 0px;\n  outline: 0px;\n}\n.reactJewishDatePicker .navigation .monthYearSelection select:hover {\n  cursor: pointer;\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .navigation .monthYearSelection option {\n  background-color: #fff;\n}\n.reactJewishDatePicker.isHebrew .navigation .arrowLeft span {\n  transform: rotate(-45deg);\n  -webkit-transform: rotate(-45deg);\n}\n.reactJewishDatePicker.isHebrew .navigation .arrowRight span {\n  transform: rotate(135deg);\n  -webkit-transform: rotate(135deg);\n}\n.reactJewishDatePicker .month {\n  color: var(--color);\n  grid-template-columns: repeat(7, 1fr);\n  z-index: 2;\n  background-color: white;\n  display: grid;\n  width: 250px;\n  height: 210px;\n}\n.reactJewishDatePicker .weekday,\n.reactJewishDatePicker .day {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.reactJewishDatePicker .day:hover {\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .weekday {\n  color: #000;\n  font-weight: bold;\n}\n.reactJewishDatePicker .otherMonth {\n  background: #fff;\n  color: #777;\n}\n.reactJewishDatePicker .selectedDay {\n  background: cornflowerblue;\n  color: #fff;\n}");
+___$insertStyle(".reactJewishDatePicker {\n  --color: #333;\n  --backgroundColor: #e6e6e6;\n  position: relative;\n  display: grid;\n  font-family: arial;\n  margin-bottom: 5px;\n  cursor: pointer;\n}\n.reactJewishDatePicker .selectedDate {\n  padding: 1px 9px;\n  border: 1px solid var(--color);\n}\n.reactJewishDatePicker .monthWrapper {\n  background-color: #fff;\n  border: 1px solid #d6d9dd;\n  position: absolute;\n  top: 25px;\n  right: 0;\n  z-index: 1;\n  display: none;\n  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n}\n.reactJewishDatePicker .monthWrapper.open {\n  display: grid;\n}\n.reactJewishDatePicker.isHebrew {\n  direction: rtl;\n}\n.reactJewishDatePicker.isHebrew .monthWrapper {\n  right: auto;\n  left: 0;\n}\n.reactJewishDatePicker .navigation {\n  display: grid;\n  grid-template-columns: 22px 138px 22px;\n  justify-content: space-between;\n  height: 22px;\n}\n.reactJewishDatePicker .navigation .arrowRight,\n.reactJewishDatePicker .navigation .arrowLeft {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n}\n.reactJewishDatePicker .navigation .arrowRight span,\n.reactJewishDatePicker .navigation .arrowLeft span {\n  border: solid black;\n  border-width: 0 2px 2px 0;\n  padding: 1px;\n  transform: rotate(-45deg);\n  -webkit-transform: rotate(-45deg);\n  cursor: pointer;\n  width: 6px;\n  height: 6px;\n}\n.reactJewishDatePicker .navigation .arrowRight:hover,\n.reactJewishDatePicker .navigation .arrowLeft:hover {\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .navigation .arrowLeft span {\n  transform: rotate(135deg);\n  -webkit-transform: rotate(135deg);\n}\n.reactJewishDatePicker .navigation .monthYearSelection {\n  display: grid;\n  grid-template-columns: auto auto;\n}\n.reactJewishDatePicker .navigation .monthYearSelection select {\n  border: 0px;\n  outline: 0px;\n}\n.reactJewishDatePicker .navigation .monthYearSelection select:hover {\n  cursor: pointer;\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .navigation .monthYearSelection option {\n  background-color: #fff;\n}\n.reactJewishDatePicker.isHebrew .navigation .arrowLeft span {\n  transform: rotate(-45deg);\n  -webkit-transform: rotate(-45deg);\n}\n.reactJewishDatePicker.isHebrew .navigation .arrowRight span {\n  transform: rotate(135deg);\n  -webkit-transform: rotate(135deg);\n}\n.reactJewishDatePicker .month {\n  color: var(--color);\n  grid-template-columns: repeat(7, 1fr);\n  z-index: 2;\n  background-color: white;\n  display: grid;\n  width: 250px;\n  height: 210px;\n}\n.reactJewishDatePicker .weekday,\n.reactJewishDatePicker .day {\n  display: grid;\n  align-items: center;\n  justify-content: center;\n  user-select: none;\n  border-radius: 7px;\n  cursor: pointer;\n}\n.reactJewishDatePicker .day:hover {\n  background-color: var(--backgroundColor);\n}\n.reactJewishDatePicker .weekday {\n  color: #000;\n  font-weight: bold;\n}\n.reactJewishDatePicker .otherMonth {\n  background: #fff;\n  color: #777;\n}\n.reactJewishDatePicker .selectedDay {\n  background: cornflowerblue;\n  color: #fff;\n}");
 
 var isFromTest = function () {
     var _a;
-    return ((_a = process === null || process === void 0 ? void 0 : process.env) === null || _a === void 0 ? void 0 : _a.JEST_WORKER_ID) !== undefined;
+    return typeof process !== 'undefined' && ((_a = process.env) === null || _a === void 0 ? void 0 : _a.JEST_WORKER_ID) !== undefined;
 };
@@ -107,3 +107,3 @@ var getTestID = function (testId) {
     };
-    var classNames = "reactJewishDatePicker" + (props.isHebrew ? " isHebrew" : '');
+    var classNames = "reactJewishDatePicker" + (props.isHebrew ? " isHebrew" : '') + " " + (props.className || '');
     var selectedDayClass = selectedDay && (props.isHebrew ? selectedDay.jewishDateStrHebrew : selectedDay.jewishDateStr);
@@ -110,0 +110,0 @@ return (React.createElement("div", { className: classNames },

build/reactJewishDatePicker.d.ts

@@ -5,2 +5,3 @@ import * as React from 'react';
 export interface ReactJewishDatePickerProps {
+    className?: string;
     onClick: (day: BasicJewishDay) => void;
@@ -7,0 +8,0 @@ value?: BasicJewishDate | Date;

package.json

 {
   "name": "react-jewish-datepicker",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "React jewish datepicker",
@@ -27,3 +27,3 @@ "main": "build/index.js",
   "dependencies": {
-    "jewish-dates-core": "^1.0.8",
+    "jewish-dates-core": "^1.0.9",
     "tslib": "^2.1.0"
@@ -30,0 +30,0 @@ },

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

52514

increased by0.45%

Lines of code

277

increased by0.36%

Dependency changes

• Updatedjewish-dates-core@^1.0.9