@janbox/storefront-ui 2.0.4 → 2.0.5
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/dist/lib/multiple-select/multiple-select.d.ts.map +1 -1
- package/dist/lib/multiple-select/multiple-select.js +1 -1
- package/dist/lib/time-picker/time-picker.d.ts.map +1 -1
- package/dist/lib/time-picker/time-picker.js +1 -1
- package/dist/utils/index.d.ts +2 -2
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multiple-select.d.ts","sourceRoot":"","sources":["../../../src/lib/multiple-select/multiple-select.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA6B,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA0BzE,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,8BAA8B,mBAAmB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"multiple-select.d.ts","sourceRoot":"","sources":["../../../src/lib/multiple-select/multiple-select.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA6B,mBAAmB,EAAE,MAAM,SAAS,CAAC;AA0BzE,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,MAAM,8BAA8B,mBAAmB,CAAC,CAAC,CAAC,qDAqYlG,CAAC"}
|
|
@@ -112,7 +112,7 @@ const MultipleSelect = ({ ref, ...props }) => {
|
|
|
112
112
|
setControllableValues(preset);
|
|
113
113
|
onChange == null ? void 0 : onChange(preset);
|
|
114
114
|
};
|
|
115
|
-
const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp(rest, "size", windowScreen.name)
|
|
115
|
+
const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp(rest, "size", windowScreen.name);
|
|
116
116
|
const rowMinHeight = getSizeVariantState(responsiveSize).inputSize ?? 0;
|
|
117
117
|
const displayOptions = useMemo(() => {
|
|
118
118
|
if (!inputValue) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/lib/time-picker/time-picker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAmB1C,eAAO,MAAM,UAAU,mJAepB,eAAe,
|
|
1
|
+
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/lib/time-picker/time-picker.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAmB1C,eAAO,MAAM,UAAU,mJAepB,eAAe,qDAyQjB,CAAC"}
|
|
@@ -34,7 +34,7 @@ const TimePicker = ({
|
|
|
34
34
|
}) => {
|
|
35
35
|
const floatingRef = useRef(null);
|
|
36
36
|
const windowScreen = useWindowScreen();
|
|
37
|
-
const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp(rest, "size", windowScreen.name)
|
|
37
|
+
const responsiveSize = isNil(windowScreen.name) ? void 0 : getResponsiveProp(rest, "size", windowScreen.name);
|
|
38
38
|
const rowMinHeight = getSizeVariantState(responsiveSize).inputSize ?? 0;
|
|
39
39
|
const [isOpen, setIsOpen] = useControllableState({
|
|
40
40
|
defaultValue: open ?? false,
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { Screen, TypographySizeVariant } from '../theme';
|
|
3
|
-
import { SizeVariant, ColorVariant } from '../types';
|
|
3
|
+
import { SizeVariant, ColorVariant, ToResponsiveProps } from '../types';
|
|
4
4
|
import { Get, Paths, SetRequired } from 'type-fest';
|
|
5
5
|
export * from './common';
|
|
6
6
|
export * from './query-params';
|
|
@@ -34,7 +34,7 @@ export type SizeVariantState = Partial<{
|
|
|
34
34
|
textVariant: TypographySizeVariant;
|
|
35
35
|
}>;
|
|
36
36
|
export declare const getSizeVariantState: (size?: SizeVariant) => SizeVariantState;
|
|
37
|
-
export declare const getResponsiveProp: <O extends object, P extends Paths<O>, R = Get<O, `${P}`>>(record:
|
|
37
|
+
export declare const getResponsiveProp: <O extends object, P extends Paths<O>, R = Get<O, `${P}`>>(record: ToResponsiveProps<O>, field: P, screen: Screen, options?: {
|
|
38
38
|
condition?: (value?: R) => boolean;
|
|
39
39
|
}) => R;
|
|
40
40
|
export type FormatNumberOptions = Intl.NumberFormatOptions & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,YAAY,EAAE,MAAM,OAAO,CAAC;AAI5F,OAAO,EAAe,MAAM,EAAqB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyD,YAAY,EAAE,MAAM,OAAO,CAAC;AAI5F,OAAO,EAAe,MAAM,EAAqB,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACzF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AACxE,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAEpD,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAc/B,eAAO,MAAM,uBAAuB,aAAc,YAAY;;;;;;;;;;;;;;;;;;;;CAyF7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,MAAM,WAAW,KAAK,CAAC,CAAC,GAAG,MAAM,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,MAiB9G,CAAC;AAEF,eAAO,MAAM,eAAe,aAAc,KAAK,CAAC,SAAS,KAAG,YAAY,EAYvE,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,OAAO,CAAC;IACrC,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,qBAAqB,CAAC;CACpC,CAAC,CAAC;AAEH,eAAO,MAAM,mBAAmB,UAAW,WAAW,KAAG,gBAiCxD,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,2BAC/D,iBAAiB,CAAC,CAAC,CAAC,SACrB,CAAC,UACA,MAAM,YACJ;IACR,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;CACpC,KACA,CAgBF,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,mBAAmB,GAAG;IAC3D,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,YAAY,UAAW,MAAM,uBAAuB,mBAAmB,WASnF,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,WAAW,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,GAAG;IACnF,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,MAAM,uBAAuB,kBAAkB,WAWjF,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CAAC,qBAAqB,GAAG;IAC/D,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,IAAI,GAAG,MAAM,GAAG,MAAM,uBAAuB,qBAAqB,WAyBvG,CAAC"}
|
package/dist/utils/index.js
CHANGED
|
@@ -156,7 +156,7 @@ const getSizeVariantState = (size) => {
|
|
|
156
156
|
};
|
|
157
157
|
const getResponsiveProp = (record, field, screen, options) => {
|
|
158
158
|
const condition = (options == null ? void 0 : options.condition) ?? ((value) => !isUndefined(value));
|
|
159
|
-
const getByScreen = (bp) => get(record == null ? void 0 : record[bp], field);
|
|
159
|
+
const getByScreen = (bp) => bp === "xs" ? get(record, field) : get(record == null ? void 0 : record[bp], field);
|
|
160
160
|
const currentVal = getByScreen(screen);
|
|
161
161
|
if (condition(currentVal)) {
|
|
162
162
|
return currentVal;
|