@proprioo/salatim 24.1.0 → 25.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +9 -0
- package/lib/hooks/useDebounce/useDebounce.test.js +19 -10
- package/lib/hooks/useDebounce/useDebounce.test.js.map +1 -1
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js +4 -8
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js.map +1 -1
- package/lib/index.js +979 -979
- package/lib/index.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js +24 -5
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.d.ts +3 -3
- package/lib/ui/src/inputBase/InputBase.js +2 -2
- package/lib/ui/src/inputBase/InputBase.js.map +1 -1
- package/lib/utils/index.d.ts +0 -1
- package/lib/utils/index.js +1 -3
- package/lib/utils/index.js.map +1 -1
- package/package.json +2 -4
|
@@ -1,13 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
4
24
|
};
|
|
5
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const react_1 =
|
|
7
|
-
const react_id_generator_1 = __importDefault(require("react-id-generator"));
|
|
26
|
+
const react_1 = __importStar(require("react"));
|
|
8
27
|
const ButtonRadio_styles_1 = require("./ButtonRadio.styles");
|
|
9
28
|
const ButtonRadio = ({ isChecked, name, onClick, option }) => {
|
|
10
|
-
const htmlId = react_1.
|
|
29
|
+
const htmlId = (0, react_1.useMemo)(() => `radio-input-label-${(0, react_1.useId)()}`, []);
|
|
11
30
|
return (react_1.default.createElement(ButtonRadio_styles_1.Layout, { key: `radio-option-${option.value}`, isActive: isChecked },
|
|
12
31
|
react_1.default.createElement(ButtonRadio_styles_1.InputLayout, { type: "radio", name: name, "aria-labelledby": htmlId, value: option.value, checked: isChecked, onChange: e => e.target.checked && onClick() }),
|
|
13
32
|
react_1.default.createElement("div", { "aria-hidden": "true", id: htmlId }, option.label)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonRadio.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonRadio.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkD;AAGlD,6DAA2D;AAS3D,MAAM,WAAW,GAAyB,CAAC,EACzC,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACP,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,qBAAqB,IAAA,aAAK,GAAE,EAAE,EAAE,EAAE,CAAC,CAAC;IAEjE,OAAO,CACL,8BAAC,2BAAM,IAAC,GAAG,EAAE,gBAAgB,MAAM,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS;QAC9D,8BAAC,gCAAW,IACV,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,qBACO,MAAM,EACvB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,IAAI,OAAO,EAAE,GAC5C;QACF,sDAAiB,MAAM,EAAC,EAAE,EAAE,MAAM,IAC/B,MAAM,CAAC,KAAK,CACT,CACC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Component, FC, FocusEventHandler, KeyboardEventHandler, ReactElement } from 'react';
|
|
2
2
|
import { nullOrString } from '@proprioo/hokkaido';
|
|
3
3
|
import { GenericInputProps } from '../../../utils';
|
|
4
4
|
import { InputProps, InputType } from '../input/Input';
|
|
@@ -13,13 +13,13 @@ export interface GMapProps {
|
|
|
13
13
|
disabled: boolean;
|
|
14
14
|
role: 'combobox';
|
|
15
15
|
value: string | undefined;
|
|
16
|
-
onBlur:
|
|
16
|
+
onBlur: FocusEventHandler;
|
|
17
17
|
onChange(event: {
|
|
18
18
|
target: {
|
|
19
19
|
value: string;
|
|
20
20
|
};
|
|
21
21
|
}): void;
|
|
22
|
-
onKeyDown:
|
|
22
|
+
onKeyDown: KeyboardEventHandler;
|
|
23
23
|
}
|
|
24
24
|
export interface InputBaseProps extends GenericInputProps {
|
|
25
25
|
displayField?: ReactElement;
|
|
@@ -28,7 +28,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
28
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
29
|
exports.ZINDEX_OPEN = void 0;
|
|
30
30
|
const react_1 = __importStar(require("react"));
|
|
31
|
-
const react_id_generator_1 = __importDefault(require("react-id-generator"));
|
|
32
31
|
const hokkaido_1 = require("@proprioo/hokkaido");
|
|
33
32
|
const Alert_1 = __importDefault(require("../icons/Alert"));
|
|
34
33
|
const Input_1 = __importStar(require("../input/Input"));
|
|
@@ -37,7 +36,8 @@ exports.ZINDEX_OPEN = 10;
|
|
|
37
36
|
const InputBase = ({ dataTest, disabled, displayField, error, field, focused: initialFocused = false, gmap, label, id, inputElement, max, maxLength, min, minLength, name, outline, phoneWithFlags = false, required, selectOnFocus, suffix, type = Input_1.InputType.TEXT, value, zIndex, onBlur, onChange, onFocus }) => {
|
|
38
37
|
var _a;
|
|
39
38
|
const inputRef = (0, react_1.useRef)(null);
|
|
40
|
-
const
|
|
39
|
+
const generatedId = `input-${(0, react_1.useId)()}`;
|
|
40
|
+
const htmlId = (0, react_1.useMemo)(() => id || generatedId, []);
|
|
41
41
|
const [focused, setFocused] = (0, react_1.useState)(initialFocused);
|
|
42
42
|
const handleOnChange = (event) => {
|
|
43
43
|
const { target: { value: eventValue } } = event;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputBase.js","sourceRoot":"","sources":["../../../../packages/ui/src/inputBase/InputBase.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"InputBase.js","sourceRoot":"","sources":["../../../../packages/ui/src/inputBase/InputBase.tsx"],"names":[],"mappings":"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"}
|
package/lib/utils/index.d.ts
CHANGED
package/lib/utils/index.js
CHANGED
|
@@ -3,9 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.GoogleSearchType = exports.getGeoSearchSuggestions = exports.resetCssButton = exports.useSmallSmartphoneDevice = exports.useSmartphoneDevice = exports.useMobileDevice = exports.isTouchDevice = exports.createAction = exports.scrollbar = exports.convertPxToRem = exports.shadows = exports.Row = exports.radius = exports.paragraphs = exports.Line = exports.fonts = exports.IntegralCFFont = exports.ArchivoFont = exports.Container = exports.colors = exports.breakpoints =
|
|
7
|
-
var react_id_generator_1 = require("react-id-generator");
|
|
8
|
-
Object.defineProperty(exports, "resetId", { enumerable: true, get: function () { return react_id_generator_1.resetId; } });
|
|
6
|
+
exports.GoogleSearchType = exports.getGeoSearchSuggestions = exports.resetCssButton = exports.useSmallSmartphoneDevice = exports.useSmartphoneDevice = exports.useMobileDevice = exports.isTouchDevice = exports.createAction = exports.scrollbar = exports.convertPxToRem = exports.shadows = exports.Row = exports.radius = exports.paragraphs = exports.Line = exports.fonts = exports.IntegralCFFont = exports.ArchivoFont = exports.Container = exports.colors = exports.breakpoints = void 0;
|
|
9
7
|
var breakpoints_1 = require("./src/breakpoints");
|
|
10
8
|
Object.defineProperty(exports, "breakpoints", { enumerable: true, get: function () { return __importDefault(breakpoints_1).default; } });
|
|
11
9
|
var colors_1 = require("./src/colors");
|
package/lib/utils/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/utils/index.ts"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../packages/utils/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAA2D;AAAlD,2HAAA,OAAO,OAAe;AAC/B,uCAAiD;AAAxC,iHAAA,OAAO,OAAU;AAC1B,6CAAuD;AAA9C,uHAAA,OAAO,OAAa;AAC7B,qCAA4E;AAAnE,oGAAA,WAAW,OAAA;AAAE,uGAAA,cAAc,OAAA;AAAE,+GAAA,OAAO,OAAS;AACtD,mCAA6C;AAApC,6GAAA,OAAO,OAAQ;AACxB,+CAAyD;AAAhD,yHAAA,OAAO,OAAc;AAE9B,uCAAiD;AAAxC,iHAAA,OAAO,OAAU;AAC1B,iCAA2C;AAAlC,2GAAA,OAAO,OAAO;AACvB,yCAAmD;AAA1C,mHAAA,OAAO,OAAW;AAC3B,yCAA+C;AAAtC,yGAAA,cAAc,OAAA;AACvB,+CAAwD;AAA/C,wHAAA,OAAO,OAAa;AAC7B,yCAKuB;AAJrB,uGAAA,YAAY,OAAA;AAKd,+CAK0B;AAJxB,2GAAA,aAAa,OAAA;AACb,6GAAA,eAAe,OAAA;AACf,iHAAA,mBAAmB,OAAA;AACnB,sHAAA,wBAAwB,OAAA;AAE1B,qCAA6C;AAApC,uGAAA,cAAc,OAAA;AACvB,qCAAwE;AAA/D,gHAAA,uBAAuB,OAAA;AAAE,yGAAA,gBAAgB,OAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@proprioo/salatim",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "25.0.0",
|
|
4
4
|
"description": "Proprioo component library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"components",
|
|
@@ -87,7 +87,6 @@
|
|
|
87
87
|
"@storybook/react": "^6.5.10",
|
|
88
88
|
"@testing-library/jest-dom": "^5.16.5",
|
|
89
89
|
"@testing-library/react": "^13.3.0",
|
|
90
|
-
"@testing-library/react-hooks": "^8.0.1",
|
|
91
90
|
"@testing-library/user-event": "^14.4.2",
|
|
92
91
|
"@types/googlemaps": "^3.43.3",
|
|
93
92
|
"@types/jest": "^28.1.6",
|
|
@@ -120,8 +119,8 @@
|
|
|
120
119
|
"prettier": "^2.7.1",
|
|
121
120
|
"pretty-quick": "^3.1.3",
|
|
122
121
|
"react": "^18.2.0",
|
|
123
|
-
"react-dom": "^18.2.0",
|
|
124
122
|
"react-dates": "^21.8.0",
|
|
123
|
+
"react-dom": "^18.2.0",
|
|
125
124
|
"react-phone-number-input": "^3.2.6",
|
|
126
125
|
"react-places-autocomplete": "^7.3.0",
|
|
127
126
|
"react-popper-tooltip": "^4.4.2",
|
|
@@ -154,7 +153,6 @@
|
|
|
154
153
|
},
|
|
155
154
|
"dependencies": {
|
|
156
155
|
"mailcheck": "^1.1.1",
|
|
157
|
-
"react-id-generator": "^3.0.2",
|
|
158
156
|
"yup": "^0.32.11"
|
|
159
157
|
}
|
|
160
158
|
}
|