newskit 6.2.2 → 6.4.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/cjs/accordion/accordion.d.ts.map +1 -1
- package/cjs/accordion/accordion.js +12 -3
- package/cjs/accordion/accordion.js.map +1 -1
- package/cjs/accordion/types.d.ts +2 -1
- package/cjs/accordion/types.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-functions.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-functions.js +13 -5
- package/cjs/audio-player-composable/audio-functions.js.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/cjs/audio-player-composable/audio-player-composable.js +1 -1
- package/cjs/audio-player-composable/audio-player-composable.js.map +1 -1
- package/cjs/audio-player-composable/components/audio-element.d.ts.map +1 -1
- package/cjs/audio-player-composable/components/audio-element.js +24 -2
- package/cjs/audio-player-composable/components/audio-element.js.map +1 -1
- package/cjs/base-switch/base-switch.d.ts.map +1 -1
- package/cjs/base-switch/base-switch.js +1 -1
- package/cjs/base-switch/base-switch.js.map +1 -1
- package/cjs/character-count/character-count.d.ts +4 -0
- package/cjs/character-count/character-count.d.ts.map +1 -0
- package/cjs/character-count/character-count.js +109 -0
- package/cjs/character-count/character-count.js.map +1 -0
- package/cjs/character-count/defaults.d.ts +27 -0
- package/cjs/character-count/defaults.d.ts.map +1 -0
- package/cjs/character-count/defaults.js +28 -0
- package/cjs/character-count/defaults.js.map +1 -0
- package/cjs/character-count/index.d.ts +3 -0
- package/cjs/character-count/index.d.ts.map +1 -0
- package/cjs/character-count/index.js +15 -0
- package/cjs/character-count/index.js.map +1 -0
- package/cjs/character-count/style-presets.d.ts +4 -0
- package/cjs/character-count/style-presets.d.ts.map +1 -0
- package/cjs/character-count/style-presets.js +19 -0
- package/cjs/character-count/style-presets.js.map +1 -0
- package/cjs/character-count/styled.d.ts +9 -0
- package/cjs/character-count/styled.d.ts.map +1 -0
- package/cjs/character-count/styled.js +31 -0
- package/cjs/character-count/styled.js.map +1 -0
- package/cjs/character-count/types.d.ts +24 -0
- package/cjs/character-count/types.d.ts.map +1 -0
- package/cjs/character-count/types.js +3 -0
- package/cjs/character-count/types.js.map +1 -0
- package/cjs/drawer/styled.d.ts.map +1 -1
- package/cjs/drawer/styled.js +2 -4
- package/cjs/drawer/styled.js.map +1 -1
- package/cjs/form/context.d.ts +20 -1
- package/cjs/form/context.d.ts.map +1 -1
- package/cjs/form/context.js +1 -0
- package/cjs/form/context.js.map +1 -1
- package/cjs/form/form-entry.d.ts.map +1 -1
- package/cjs/form/form-entry.js +10 -1
- package/cjs/form/form-entry.js.map +1 -1
- package/cjs/form/form-input.d.ts +2 -0
- package/cjs/form/form-input.d.ts.map +1 -1
- package/cjs/form/form-input.js +29 -2
- package/cjs/form/form-input.js.map +1 -1
- package/cjs/grid-layout/utils.js +1 -1
- package/cjs/grid-layout/utils.js.map +1 -1
- package/cjs/index.d.ts +2 -1
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +2 -1
- package/cjs/index.js.map +1 -1
- package/cjs/instrumentation/types.d.ts +2 -1
- package/cjs/instrumentation/types.d.ts.map +1 -1
- package/cjs/instrumentation/types.js +1 -0
- package/cjs/instrumentation/types.js.map +1 -1
- package/cjs/select/select.d.ts.map +1 -1
- package/cjs/select/select.js +20 -13
- package/cjs/select/select.js.map +1 -1
- package/cjs/select/types.d.ts +2 -1
- package/cjs/select/types.d.ts.map +1 -1
- package/cjs/selection-list/selection-list-option.d.ts.map +1 -1
- package/cjs/selection-list/selection-list-option.js +15 -2
- package/cjs/selection-list/selection-list-option.js.map +1 -1
- package/cjs/selection-list/types.d.ts +2 -1
- package/cjs/selection-list/types.d.ts.map +1 -1
- package/cjs/slider/slider.d.ts.map +1 -1
- package/cjs/slider/slider.js +14 -1
- package/cjs/slider/slider.js.map +1 -1
- package/cjs/slider/types.d.ts +2 -1
- package/cjs/slider/types.d.ts.map +1 -1
- package/cjs/stack/stack.d.ts.map +1 -1
- package/cjs/stack/stack.js +1 -1
- package/cjs/stack/stack.js.map +1 -1
- package/cjs/storybook-pages/welcome.d.ts.map +1 -1
- package/cjs/storybook-pages/welcome.js +1 -1
- package/cjs/storybook-pages/welcome.js.map +1 -1
- package/cjs/text-field/types.d.ts +3 -1
- package/cjs/text-field/types.d.ts.map +1 -1
- package/cjs/utils/hooks/use-media-query/index.d.ts +2 -1
- package/cjs/utils/hooks/use-media-query/index.d.ts.map +1 -1
- package/cjs/utils/hooks/use-media-query/index.js +5 -3
- package/cjs/utils/hooks/use-media-query/index.js.map +1 -1
- package/cjs/utils/hooks/use-media-query/use-media-query-object.d.ts +4 -0
- package/cjs/utils/hooks/use-media-query/use-media-query-object.d.ts.map +1 -0
- package/cjs/utils/hooks/use-media-query/use-media-query-object.js +63 -0
- package/cjs/utils/hooks/use-media-query/use-media-query-object.js.map +1 -0
- package/cjs/utils/hooks/use-media-query/use-media-query.d.ts +1 -3
- package/cjs/utils/hooks/use-media-query/use-media-query.d.ts.map +1 -1
- package/cjs/utils/hooks/use-media-query/use-media-query.js +22 -58
- package/cjs/utils/hooks/use-media-query/use-media-query.js.map +1 -1
- package/cjs/utils/index.d.ts +5 -0
- package/cjs/utils/index.d.ts.map +1 -1
- package/cjs/utils/index.js +5 -0
- package/cjs/utils/index.js.map +1 -1
- package/cjs/version-number.json +1 -1
- package/esm/accordion/accordion.d.ts.map +1 -1
- package/esm/accordion/accordion.js +12 -3
- package/esm/accordion/accordion.js.map +1 -1
- package/esm/accordion/types.d.ts +2 -1
- package/esm/accordion/types.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-functions.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-functions.js +13 -5
- package/esm/audio-player-composable/audio-functions.js.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.d.ts.map +1 -1
- package/esm/audio-player-composable/audio-player-composable.js +1 -1
- package/esm/audio-player-composable/audio-player-composable.js.map +1 -1
- package/esm/audio-player-composable/components/audio-element.d.ts.map +1 -1
- package/esm/audio-player-composable/components/audio-element.js +24 -2
- package/esm/audio-player-composable/components/audio-element.js.map +1 -1
- package/esm/base-switch/base-switch.d.ts.map +1 -1
- package/esm/base-switch/base-switch.js +2 -2
- package/esm/base-switch/base-switch.js.map +1 -1
- package/esm/character-count/character-count.d.ts +4 -0
- package/esm/character-count/character-count.d.ts.map +1 -0
- package/esm/character-count/character-count.js +84 -0
- package/esm/character-count/character-count.js.map +1 -0
- package/esm/character-count/defaults.d.ts +27 -0
- package/esm/character-count/defaults.d.ts.map +1 -0
- package/esm/character-count/defaults.js +26 -0
- package/esm/character-count/defaults.js.map +1 -0
- package/esm/character-count/index.d.ts +3 -0
- package/esm/character-count/index.d.ts.map +1 -0
- package/esm/character-count/index.js +3 -0
- package/esm/character-count/index.js.map +1 -0
- package/esm/character-count/style-presets.d.ts +4 -0
- package/esm/character-count/style-presets.d.ts.map +1 -0
- package/esm/character-count/style-presets.js +17 -0
- package/esm/character-count/style-presets.js.map +1 -0
- package/esm/character-count/styled.d.ts +9 -0
- package/esm/character-count/styled.d.ts.map +1 -0
- package/esm/character-count/styled.js +28 -0
- package/esm/character-count/styled.js.map +1 -0
- package/esm/character-count/types.d.ts +24 -0
- package/esm/character-count/types.d.ts.map +1 -0
- package/esm/character-count/types.js +2 -0
- package/esm/character-count/types.js.map +1 -0
- package/esm/drawer/styled.d.ts.map +1 -1
- package/esm/drawer/styled.js +3 -5
- package/esm/drawer/styled.js.map +1 -1
- package/esm/form/context.d.ts +20 -1
- package/esm/form/context.d.ts.map +1 -1
- package/esm/form/context.js +1 -0
- package/esm/form/context.js.map +1 -1
- package/esm/form/form-entry.d.ts.map +1 -1
- package/esm/form/form-entry.js +11 -2
- package/esm/form/form-entry.js.map +1 -1
- package/esm/form/form-input.d.ts +2 -0
- package/esm/form/form-input.d.ts.map +1 -1
- package/esm/form/form-input.js +27 -1
- package/esm/form/form-input.js.map +1 -1
- package/esm/grid-layout/utils.js +1 -1
- package/esm/grid-layout/utils.js.map +1 -1
- package/esm/index.d.ts +2 -1
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +2 -1
- package/esm/index.js.map +1 -1
- package/esm/instrumentation/types.d.ts +2 -1
- package/esm/instrumentation/types.d.ts.map +1 -1
- package/esm/instrumentation/types.js +1 -0
- package/esm/instrumentation/types.js.map +1 -1
- package/esm/select/select.d.ts.map +1 -1
- package/esm/select/select.js +20 -13
- package/esm/select/select.js.map +1 -1
- package/esm/select/types.d.ts +2 -1
- package/esm/select/types.d.ts.map +1 -1
- package/esm/selection-list/selection-list-option.d.ts.map +1 -1
- package/esm/selection-list/selection-list-option.js +15 -2
- package/esm/selection-list/selection-list-option.js.map +1 -1
- package/esm/selection-list/types.d.ts +2 -1
- package/esm/selection-list/types.d.ts.map +1 -1
- package/esm/slider/slider.d.ts.map +1 -1
- package/esm/slider/slider.js +14 -1
- package/esm/slider/slider.js.map +1 -1
- package/esm/slider/types.d.ts +2 -1
- package/esm/slider/types.d.ts.map +1 -1
- package/esm/stack/stack.d.ts.map +1 -1
- package/esm/stack/stack.js +2 -2
- package/esm/stack/stack.js.map +1 -1
- package/esm/storybook-pages/welcome.d.ts.map +1 -1
- package/esm/storybook-pages/welcome.js +1 -1
- package/esm/storybook-pages/welcome.js.map +1 -1
- package/esm/text-field/types.d.ts +3 -1
- package/esm/text-field/types.d.ts.map +1 -1
- package/esm/utils/hooks/use-media-query/index.d.ts +2 -1
- package/esm/utils/hooks/use-media-query/index.d.ts.map +1 -1
- package/esm/utils/hooks/use-media-query/index.js +2 -1
- package/esm/utils/hooks/use-media-query/index.js.map +1 -1
- package/esm/utils/hooks/use-media-query/use-media-query-object.d.ts +4 -0
- package/esm/utils/hooks/use-media-query/use-media-query-object.d.ts.map +1 -0
- package/esm/utils/hooks/use-media-query/use-media-query-object.js +55 -0
- package/esm/utils/hooks/use-media-query/use-media-query-object.js.map +1 -0
- package/esm/utils/hooks/use-media-query/use-media-query.d.ts +1 -3
- package/esm/utils/hooks/use-media-query/use-media-query.d.ts.map +1 -1
- package/esm/utils/hooks/use-media-query/use-media-query.js +19 -51
- package/esm/utils/hooks/use-media-query/use-media-query.js.map +1 -1
- package/esm/utils/index.d.ts +5 -0
- package/esm/utils/index.d.ts.map +1 -1
- package/esm/utils/index.js +5 -0
- package/esm/utils/index.js.map +1 -1
- package/esm/version-number.json +1 -1
- package/package.json +1 -2
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.StyledCharacterCount = void 0;
|
|
8
|
+
var text_block_1 = require("../text-block");
|
|
9
|
+
var style_1 = require("../utils/style");
|
|
10
|
+
var logical_properties_1 = require("../utils/logical-properties");
|
|
11
|
+
exports.StyledCharacterCount = (0, style_1.styled)(text_block_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n\n ", "\n\n ", ";\n"], ["\n ", "\n ", "\n\n ", "\n\n ", ";\n"])), function (_a) {
|
|
12
|
+
var size = _a.size, state = _a.state;
|
|
13
|
+
return (0, style_1.getStylePreset)("characterCount.".concat(size), '', {
|
|
14
|
+
isInvalid: state === 'invalid',
|
|
15
|
+
isDisabled: state === 'disabled',
|
|
16
|
+
isValid: state === 'valid',
|
|
17
|
+
});
|
|
18
|
+
}, function (_a) {
|
|
19
|
+
var size = _a.size;
|
|
20
|
+
return (0, style_1.getTypographyPreset)("characterCount.".concat(size), '', {
|
|
21
|
+
withCrop: true,
|
|
22
|
+
});
|
|
23
|
+
}, function (_a) {
|
|
24
|
+
var size = _a.size;
|
|
25
|
+
return (0, style_1.getResponsiveSize)('minHeight', "characterCount.".concat(size), '', 'minHeight');
|
|
26
|
+
}, function (_a) {
|
|
27
|
+
var size = _a.size;
|
|
28
|
+
return (0, logical_properties_1.logicalProps)("characterCount.".concat(size));
|
|
29
|
+
});
|
|
30
|
+
var templateObject_1;
|
|
31
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/character-count/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,4CAAwC;AAExC,wCAKwB;AAGxB,kEAAyD;AAE5C,QAAA,oBAAoB,GAAG,IAAA,cAAM,EAAC,sBAAS,CAAC,4GAEpD,MACG,EAKE,MACF,EAGE,QAEF,EACyE,QAEzE,EAAkD,KACrD,KAfG,UAAC,EAAa;QAAZ,IAAI,UAAA,EAAE,KAAK,WAAA;IACb,OAAA,IAAA,sBAAc,EAAC,yBAAkB,IAAI,CAAE,EAAE,EAAE,EAAE;QAC3C,SAAS,EAAE,KAAK,KAAK,SAAS;QAC9B,UAAU,EAAE,KAAK,KAAK,UAAU;QAChC,OAAO,EAAE,KAAK,KAAK,OAAO;KAC3B,CAAC;AAJF,CAIE,EACF,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,2BAAmB,EAAC,yBAAkB,IAAI,CAAE,EAAE,EAAE,EAAE;QAChD,QAAQ,EAAE,IAAI;KACf,CAAC;AAFF,CAEE,EAEF,UAAC,EAAM;QAAL,IAAI,UAAA;IACN,OAAA,IAAA,yBAAiB,EAAC,WAAW,EAAE,yBAAkB,IAAI,CAAE,EAAE,EAAE,EAAE,WAAW,CAAC;AAAzE,CAAyE,EAEzE,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,iCAAY,EAAC,yBAAkB,IAAI,CAAE,CAAC;AAAtC,CAAsC,EACpD"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { MQ } from '../utils';
|
|
3
|
+
import { FormInputState } from '../form/types';
|
|
4
|
+
import { LogicalProps } from '../utils/logical-properties';
|
|
5
|
+
export declare type ValidInputElement = HTMLInputElement | HTMLTextAreaElement;
|
|
6
|
+
export declare type Format = (val: {
|
|
7
|
+
currentLength: number;
|
|
8
|
+
minLength?: number;
|
|
9
|
+
maxLength?: number;
|
|
10
|
+
}) => string;
|
|
11
|
+
export interface CharacterCountProps extends Omit<React.HTMLAttributes<HTMLParagraphElement>, 'children'> {
|
|
12
|
+
inputRef: React.RefObject<ValidInputElement>;
|
|
13
|
+
size?: 'small' | 'medium' | 'large';
|
|
14
|
+
state?: FormInputState;
|
|
15
|
+
format?: Format;
|
|
16
|
+
overrides?: {
|
|
17
|
+
stylePreset?: MQ<string>;
|
|
18
|
+
typographyPreset?: MQ<string>;
|
|
19
|
+
minHeight?: MQ<string>;
|
|
20
|
+
} & LogicalProps;
|
|
21
|
+
minLength?: number;
|
|
22
|
+
maxLength?: number;
|
|
23
|
+
}
|
|
24
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/character-count/types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAC,EAAE,EAAC,MAAM,UAAU,CAAC;AAC5B,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAC,YAAY,EAAC,MAAM,6BAA6B,CAAC;AAEzD,oBAAY,iBAAiB,GAAG,gBAAgB,GAAG,mBAAmB,CAAC;AAEvE,oBAAY,MAAM,GAAG,CAAC,GAAG,EAAE;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,KAAK,MAAM,CAAC;AAEb,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,UAAU,CAAC;IACpE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC7C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QACzB,gBAAgB,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;QAC9B,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC;KACxB,GAAG,YAAY,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/character-count/types.ts"],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/drawer/styled.ts"],"names":[],"mappings":";AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AAGpD,oBAAY,gBAAgB,GAAG,IAAI,CACjC,WAAW,EACX,WAAW,GAAG,WAAW,GAAG,MAAM,CACnC,CAAC;AAwCF,eAAO,MAAM,YAAY;;
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../../../src/drawer/styled.ts"],"names":[],"mappings":";AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,SAAS,CAAC;AAEpC,OAAO,EAAC,mBAAmB,EAAC,MAAM,iBAAiB,CAAC;AAGpD,oBAAY,gBAAgB,GAAG,IAAI,CACjC,WAAW,EACX,WAAW,GAAG,WAAW,GAAG,MAAM,CACnC,CAAC;AAwCF,eAAO,MAAM,YAAY;;6BAkBxB,CAAC"}
|
package/cjs/drawer/styled.js
CHANGED
|
@@ -56,10 +56,8 @@ exports.StyledDrawer = (0, style_1.styled)(dialog_1.BaseDialogView)(templateObje
|
|
|
56
56
|
var placement = _a.placement, path = _a.path, props = __rest(_a, ["placement", "path"]);
|
|
57
57
|
return placement && (0, style_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n "], ["\n ", ";\n "])), (0, transition_preset_1.getTransitionPreset)("".concat(path, ".panel.").concat(placement), 'panel', 'nk-drawer')(props));
|
|
58
58
|
}, function (_a) {
|
|
59
|
-
var path = _a.path
|
|
60
|
-
return
|
|
61
|
-
? (0, logical_properties_1.logicalProps)("".concat(path, ".panel"), 'panel')
|
|
62
|
-
: (0, logical_properties_1.logicalPaddingProps)("".concat(path, ".panel"), 'panel');
|
|
59
|
+
var path = _a.path;
|
|
60
|
+
return (0, logical_properties_1.logicalProps)("".concat(path, ".panel"), 'panel');
|
|
63
61
|
});
|
|
64
62
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
65
63
|
//# sourceMappingURL=styled.js.map
|
package/cjs/drawer/styled.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/drawer/styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,wCAA8E;AAC9E,oCAAyC;AAEzC,sEAAqE;AAErE,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/drawer/styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AACA,wCAA8E;AAC9E,oCAAyC;AAEzC,sEAAqE;AAErE,kEAAyD;AAOzD,IAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE;QACJ,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;KACR;IACD,KAAK,EAAE;QACL,GAAG,EAAE,CAAC;QACN,KAAK,EAAE,CAAC;KACT;IACD,GAAG,EAAE;QACH,GAAG,EAAE,CAAC;QACN,IAAI,EAAE,CAAC;KACR;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC;QACT,IAAI,EAAE,CAAC;KACR;CACF,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,EAI8C;IAHtE,IAAA,SAAS,eAAA,EACT,IAAI,UAAA,EACD,KAAK,cAHgB,qBAIzB,CADS;IAER,IAAM,KAAK,GACT,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IACrE,IAAM,KAAK,GACT,SAAS,KAAK,MAAM,IAAI,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IACrE,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAC/D,IAAM,UAAU,GAAG,UAAG,IAAI,WAAQ,CAAC;IACnC,WAAO,WAAG,yHAAA,QACN,EAA4D,QAC5D,EAAyE,QACzE,EAAyE,QACzE,EAAK,aACR,KAJG,IAAA,yBAAiB,EAAC,KAAK,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,KAAK,CAAC,EAC5D,IAAA,yBAAiB,EAAC,aAAM,OAAO,CAAE,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,KAAK,CAAC,EACzE,IAAA,yBAAiB,EAAC,aAAM,OAAO,CAAE,EAAE,UAAU,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,KAAK,CAAC,EACzE,KAAK,EACP;AACJ,CAAC,CAAC;AAEW,QAAA,YAAY,GAAG,IAAA,cAAM,EAAC,uBAAc,CAAC,uHAEjD,MACG,EAA6C,OAC7C,EAAgC,QAEhC,EAAoD,SAEpD,EAQC,OACD,EAAkD,KACrD,KAfG,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,gBAAgB,CAAC,SAAU,CAAC;AAA5B,CAA4B,EAC7C,UAAA,KAAK,IAAI,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,EAEhC,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,sBAAc,EAAC,UAAG,IAAI,WAAQ,EAAE,OAAO,CAAC;AAAxC,CAAwC,EAEpD,UAAC,EAA2B;IAA1B,IAAA,SAAS,eAAA,EAAE,IAAI,UAAA,EAAK,KAAK,cAA1B,qBAA2B,CAAD;IAC3B,OAAA,SAAS,QACT,WAAG,yFAAA,UACC,EAIM,SACT,KALG,IAAA,uCAAmB,EACnB,UAAG,IAAI,oBAAU,SAAS,CAAE,EAC5B,OAAO,EACP,WAAW,CACZ,CAAC,KAAK,CAAC,CACT,CAAA;CAAA,EACD,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,iCAAY,EAAC,UAAG,IAAI,WAAQ,EAAE,OAAO,CAAC;AAAtC,CAAsC,EACpD"}
|
package/cjs/form/context.d.ts
CHANGED
|
@@ -18,12 +18,31 @@ export declare const FormInputContext: import("react").Context<{
|
|
|
18
18
|
onBlur?: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
|
|
19
19
|
state?: FormInputState;
|
|
20
20
|
error?: string | undefined;
|
|
21
|
-
ref?: import("react").
|
|
21
|
+
ref?: import("react-hook-form/dist/types/form").RefCallBack | undefined;
|
|
22
|
+
refObject?: import("react").RefObject<HTMLInputElement> | undefined;
|
|
22
23
|
id?: string | undefined;
|
|
23
24
|
labelId?: string | undefined;
|
|
24
25
|
assistiveTextId?: string | undefined;
|
|
25
26
|
setAssistiveTextId?: ((id: string) => void) | undefined;
|
|
26
27
|
statusIcon?: React.ReactNode;
|
|
27
28
|
isRequired?: boolean | undefined;
|
|
29
|
+
rules?: Partial<{
|
|
30
|
+
required: string | import("react-hook-form/dist/types/validator").ValidationRule<boolean>;
|
|
31
|
+
min: import("react-hook-form/dist/types/validator").ValidationRule<string | number>;
|
|
32
|
+
max: import("react-hook-form/dist/types/validator").ValidationRule<string | number>;
|
|
33
|
+
maxLength: import("react-hook-form/dist/types/validator").ValidationRule<string | number>;
|
|
34
|
+
minLength: import("react-hook-form/dist/types/validator").ValidationRule<string | number>;
|
|
35
|
+
pattern: import("react-hook-form/dist/types/validator").ValidationRule<RegExp>;
|
|
36
|
+
validate: import("react-hook-form/dist/types/validator").Validate<any> | Record<string, import("react-hook-form/dist/types/validator").Validate<any>>;
|
|
37
|
+
valueAsNumber: boolean;
|
|
38
|
+
valueAsDate: boolean;
|
|
39
|
+
value: any;
|
|
40
|
+
setValueAs: (value: any) => any;
|
|
41
|
+
shouldUnregister?: boolean | undefined;
|
|
42
|
+
onChange?: ((event: any) => void) | undefined;
|
|
43
|
+
onBlur?: ((event: any) => void) | undefined;
|
|
44
|
+
disabled: boolean;
|
|
45
|
+
deps: string[];
|
|
46
|
+
}> | undefined;
|
|
28
47
|
}>;
|
|
29
48
|
//# sourceMappingURL=context.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,QAAQ,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,QAAQ,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAC,oBAAoB,EAAE,cAAc,EAAC,MAAM,SAAS,CAAC;AAO7D,eAAO,MAAM,qBAAqB;oBAChB,MAAM;oBACN,oBAAoB;uBACjB,SAAS,eAAe,oBAAoB,CAAC,CAAC;EAKjE,CAAC;AACH,eAAO,MAAM,6BAA6B;oBARxB,MAAM;oBACN,oBAAoB;uBACjB,SAAS,eAAe,oBAAoB,CAAC,CAAC;EAMQ,CAAC;AAG5E,eAAO,MAAM,gBAAgB;;;wBAGR,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI;sBAC9C,gBAAgB,CAAC,gBAAgB,CAAC,KAAK,IAAI;YACpD,cAAc;;;;;;;+BAOI,MAAM,KAAK,IAAI;iBAC5B,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;EAGxB,CAAC"}
|
package/cjs/form/context.js
CHANGED
|
@@ -12,5 +12,6 @@ exports.FormValidationContext = (0, react_1.createContext)({
|
|
|
12
12
|
setFieldsHadError: noop,
|
|
13
13
|
});
|
|
14
14
|
exports.FormValidationContextProvider = exports.FormValidationContext.Provider;
|
|
15
|
+
// todo: update name, onChange and onBlur to match UseFormRegisterReturn types
|
|
15
16
|
exports.FormInputContext = (0, react_1.createContext)({});
|
|
16
17
|
//# sourceMappingURL=context.js.map
|
package/cjs/form/context.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":";;;AAAA,+BAA8D;
|
|
1
|
+
{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/form/context.ts"],"names":[],"mappings":";;;AAAA,+BAA8D;AAM9D,0BAA0B;AAC1B,IAAM,IAAI,GAAG;IACX,WAAW;AACb,CAAC,CAAC;AAEW,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAI/C;IACD,cAAc,EAAE,EAAE;IAClB,cAAc,EAAE,EAAE;IAClB,iBAAiB,EAAE,IAAI;CACxB,CAAC,CAAC;AACU,QAAA,6BAA6B,GAAG,6BAAqB,CAAC,QAAQ,CAAC;AAE5E,8EAA8E;AACjE,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAgB1C,EAAE,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-entry.d.ts","sourceRoot":"","sources":["../../../src/form/form-entry.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"form-entry.d.ts","sourceRoot":"","sources":["../../../src/form/form-entry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAC,cAAc,EAAC,MAAM,qBAAqB,CAAC;AAEnD,eAAO,MAAM,SAAS,8BAA6B,cAAc,uEAwFhE,CAAC"}
|
package/cjs/form/form-entry.js
CHANGED
|
@@ -25,6 +25,7 @@ var FormEntry = function (_a) {
|
|
|
25
25
|
}, register = _e.register, formState = _e.formState;
|
|
26
26
|
var _f = formState || {}, errors = _f.errors, isSubmitSuccessful = _f.isSubmitSuccessful;
|
|
27
27
|
var _g = register(name, rules), inputRef = _g.ref, onBlur = _g.onBlur, onChange = _g.onChange;
|
|
28
|
+
var refObject = (0, react_1.useRef)(null);
|
|
28
29
|
var hadError = name ? (_b = fieldsHadError[name]) === null || _b === void 0 ? void 0 : _b.hadError : undefined;
|
|
29
30
|
var errorText = name && ((_c = errors === null || errors === void 0 ? void 0 : errors[name]) === null || _c === void 0 ? void 0 : _c.message);
|
|
30
31
|
(0, react_1.useEffect)(function () {
|
|
@@ -65,12 +66,20 @@ var FormEntry = function (_a) {
|
|
|
65
66
|
onChange(e);
|
|
66
67
|
}
|
|
67
68
|
};
|
|
69
|
+
// See https://react-hook-form.com/faqs#Howtosharerefusage
|
|
70
|
+
var updateRef = function (instance) {
|
|
71
|
+
if (inputRef) {
|
|
72
|
+
inputRef(instance);
|
|
73
|
+
}
|
|
74
|
+
refObject.current = instance;
|
|
75
|
+
};
|
|
68
76
|
return children({
|
|
69
77
|
onBlur: eventHandlerOnBlur,
|
|
70
78
|
onChange: eventHandlerOnChange,
|
|
71
79
|
state: state,
|
|
72
|
-
ref:
|
|
80
|
+
ref: updateRef,
|
|
73
81
|
error: errorText,
|
|
82
|
+
refObject: refObject,
|
|
74
83
|
});
|
|
75
84
|
};
|
|
76
85
|
exports.FormEntry = FormEntry;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-entry.js","sourceRoot":"","sources":["../../../src/form/form-entry.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"form-entry.js","sourceRoot":"","sources":["../../../src/form/form-entry.tsx"],"names":[],"mappings":"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"}
|
package/cjs/form/form-input.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import { FormInputTextFieldProps, FormEntryProps, TextFieldSize } from '../text-
|
|
|
5
5
|
import { FormInputState } from './types';
|
|
6
6
|
import { SelectProps } from '../select';
|
|
7
7
|
import { TextAreaProps } from '../text-area';
|
|
8
|
+
import { CharacterCountProps } from '../character-count';
|
|
8
9
|
export declare type FormInputProps = {
|
|
9
10
|
state?: FormInputState;
|
|
10
11
|
size?: TextFieldSize;
|
|
@@ -31,4 +32,5 @@ export declare const FormInputRadioButton: React.ForwardRefExoticComponent<Omit<
|
|
|
31
32
|
overrides?: import("../checkbox/types").CheckboxOverrides | undefined;
|
|
32
33
|
} & React.RefAttributes<HTMLInputElement>>;
|
|
33
34
|
export declare const FormInputTextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
|
|
35
|
+
export declare const FormInputCharacterCount: (props: Omit<CharacterCountProps, 'inputRef' | 'minLength' | 'maxLength'>) => JSX.Element;
|
|
34
36
|
//# sourceMappingURL=form-input.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"form-input.d.ts","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAQ7D,OAAO,EAAQ,UAAU,EAAC,MAAM,UAAU,CAAC;AAE3C,OAAO,EAAgB,kBAAkB,EAAC,MAAM,mBAAmB,CAAC;AAOpE,OAAO,EACL,uBAAuB,EACvB,cAAc,EACd,aAAa,EACd,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAC,cAAc,EAAC,MAAM,SAAS,CAAC;AACvC,OAAO,EAAC,WAAW,EAAS,MAAM,WAAW,CAAC;AAM9C,OAAO,EAAW,aAAa,EAAC,MAAM,cAAc,CAAC;AACrD,OAAO,EAAC,mBAAmB,EAAiB,MAAM,oBAAoB,CAAC;AAIvE,oBAAY,cAAc,GAAG;IAC3B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,EAAE,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC;AAiErC,eAAO,MAAM,SAAS,0EAKpB,CAAC;AAEH,eAAO,MAAM,kBAAkB,kGA+C7B,CAAC;AAEH,eAAO,MAAM,cAAc,2BAA0B,UAAU,gBAQ9D,CAAC;AAEF,eAAO,MAAM,eAAe,sFAmC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;iBA8ClC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;0CA8B5B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;0CA8B/B,CAAC;AAEH,eAAO,MAAM,iBAAiB,2FA+B5B,CAAC;AA2BH,eAAO,MAAM,uBAAuB,UAC3B,KAAK,mBAAmB,EAAE,UAAU,GAAG,WAAW,GAAG,WAAW,CAAC,gBAczE,CAAC"}
|
package/cjs/form/form-input.js
CHANGED
|
@@ -44,7 +44,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
44
44
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
45
45
|
};
|
|
46
46
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
-
exports.FormInputTextArea = exports.FormInputRadioButton = exports.FormInputCheckbox = exports.FormInputAssistiveText = exports.FormInputSelect = exports.FormInputLabel = exports.FormInputTextField = exports.FormInput = void 0;
|
|
47
|
+
exports.FormInputCharacterCount = exports.FormInputTextArea = exports.FormInputRadioButton = exports.FormInputCheckbox = exports.FormInputAssistiveText = exports.FormInputSelect = exports.FormInputLabel = exports.FormInputTextField = exports.FormInput = void 0;
|
|
48
48
|
var react_1 = __importStar(require("react"));
|
|
49
49
|
var compose_react_refs_1 = __importDefault(require("@seznam/compose-react-refs"));
|
|
50
50
|
var label_1 = require("../label");
|
|
@@ -65,6 +65,7 @@ var defaults_1 = __importDefault(require("../text-field/defaults"));
|
|
|
65
65
|
var defaults_2 = __importDefault(require("../assistive-text/defaults"));
|
|
66
66
|
var radio_button_1 = require("../radio-button");
|
|
67
67
|
var text_area_1 = require("../text-area");
|
|
68
|
+
var character_count_1 = require("../character-count");
|
|
68
69
|
var useFormFieldContext = function () { return (0, react_1.useContext)(context_1.FormInputContext); };
|
|
69
70
|
var ThemelessFormInput = function (_a) {
|
|
70
71
|
var name = _a.name, rules = _a.rules, stateProp = _a.state, size = _a.size, children = _a.children, id = _a.id;
|
|
@@ -76,7 +77,7 @@ var ThemelessFormInput = function (_a) {
|
|
|
76
77
|
var validationIconSize = (0, get_token_1.getToken)({ theme: theme, overrides: {} }, "textField.".concat(size || defaultSize, ".endEnhancer"), 'endEnhancer', 'iconSize');
|
|
77
78
|
var passedInputFieldContext = useFormFieldContext();
|
|
78
79
|
return (react_1.default.createElement(form_entry_1.FormEntry, { name: name, rules: rules }, function (_a) {
|
|
79
|
-
var ref = _a.ref, stateContext = _a.state, onChange = _a.onChange, onBlur = _a.onBlur, error = _a.error;
|
|
80
|
+
var ref = _a.ref, stateContext = _a.state, onChange = _a.onChange, onBlur = _a.onBlur, error = _a.error, refObject = _a.refObject;
|
|
80
81
|
var state = stateProp || stateContext;
|
|
81
82
|
var labelId = "".concat(currentID, "-label");
|
|
82
83
|
var statusIcon = (0, utils_1.getStatusIcon)({ state: state, iconSize: validationIconSize });
|
|
@@ -95,6 +96,8 @@ var ThemelessFormInput = function (_a) {
|
|
|
95
96
|
labelId: labelId,
|
|
96
97
|
statusIcon: statusIcon,
|
|
97
98
|
isRequired: isRequired,
|
|
99
|
+
refObject: refObject,
|
|
100
|
+
rules: rules,
|
|
98
101
|
};
|
|
99
102
|
return (react_1.default.createElement(context_1.FormInputContext.Provider, { value: inputFieldContext }, children));
|
|
100
103
|
}));
|
|
@@ -162,4 +165,28 @@ exports.FormInputTextArea = react_1.default.forwardRef(function (_a, elementRef)
|
|
|
162
165
|
var _b = useFormFieldContext(), size = _b.size, name = _b.name, state = _b.state, onChangeContext = _b.onChange, onBlurContext = _b.onBlur, ref = _b.ref, id = _b.id, assistiveTextId = _b.assistiveTextId, isRequired = _b.isRequired;
|
|
163
166
|
return (react_1.default.createElement(text_area_1.TextArea, __assign({ "aria-required": isRequired || undefined, "aria-invalid": state === 'invalid' ? 'true' : 'false', name: name, state: state, size: size, onChange: (0, compose_event_handlers_1.composeEventHandlers)([onChange, onChangeContext]), onBlur: (0, compose_event_handlers_1.composeEventHandlers)([onBlur, onBlurContext]), ref: (0, compose_react_refs_1.default)(elementRef, ref), id: id, "aria-describedby": assistiveTextId }, props)));
|
|
164
167
|
});
|
|
168
|
+
function isValidationValueMessage(valueOrObj) {
|
|
169
|
+
return valueOrObj.value !== undefined;
|
|
170
|
+
}
|
|
171
|
+
function asNumber(value) {
|
|
172
|
+
if (typeof value === 'string') {
|
|
173
|
+
return parseInt(value, 10);
|
|
174
|
+
}
|
|
175
|
+
return value;
|
|
176
|
+
}
|
|
177
|
+
var getValueFromRule = function (value) {
|
|
178
|
+
if (!!value && isValidationValueMessage(value)) {
|
|
179
|
+
return asNumber(value.value);
|
|
180
|
+
}
|
|
181
|
+
if (value) {
|
|
182
|
+
return asNumber(value);
|
|
183
|
+
}
|
|
184
|
+
return undefined;
|
|
185
|
+
};
|
|
186
|
+
var FormInputCharacterCount = function (props) {
|
|
187
|
+
var _a = useFormFieldContext(), refObject = _a.refObject, state = _a.state, size = _a.size, rules = _a.rules;
|
|
188
|
+
var _b = (rules || {}), minLength = _b.minLength, maxLength = _b.maxLength;
|
|
189
|
+
return (react_1.default.createElement(character_count_1.CharacterCount, __assign({ state: state, size: size, inputRef: refObject, minLength: getValueFromRule(minLength), maxLength: getValueFromRule(maxLength) }, props)));
|
|
190
|
+
};
|
|
191
|
+
exports.FormInputCharacterCount = FormInputCharacterCount;
|
|
165
192
|
//# sourceMappingURL=form-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form-input.js","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6D;AAC7D,kFAAqD;
|
|
1
|
+
{"version":3,"file":"form-input.js","sourceRoot":"","sources":["../../../src/form/form-input.tsx"],"names":[],"mappings":"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"}
|
package/cjs/grid-layout/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/grid-layout/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,sCAAmC;AAE5B,IAAM,UAAU,GAAG,UAAC,CAAS;IAClC,OAAA,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,UAAA,WAAW,IAAI,OAAA,WAAW,CAAC,WAAW,EAAE,EAAzB,CAAyB,CAAC;AAAzD,CAAyD,CAAC;AAD/C,QAAA,UAAU,cACqC;AAErD,IAAM,YAAY,GAAG,UAAC,UAAkB;IAC7C,OAAA,UAAU;SACP,OAAO,CAAC,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/grid-layout/utils.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,sCAAmC;AAE5B,IAAM,UAAU,GAAG,UAAC,CAAS;IAClC,OAAA,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,UAAA,WAAW,IAAI,OAAA,WAAW,CAAC,WAAW,EAAE,EAAzB,CAAyB,CAAC;AAAzD,CAAyD,CAAC;AAD/C,QAAA,UAAU,cACqC;AAErD,IAAM,YAAY,GAAG,UAAC,UAAkB;IAC7C,OAAA,UAAU;SACP,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;SACnB,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC;SACjB,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC;SACpB,IAAI,EAAE;SACN,KAAK,CAAC,GAAG,CAAC;AALb,CAKa,CAAC;AANH,QAAA,YAAY,gBAMT;AAET,IAAM,kBAAkB,GAAG,UAAC,QAAgB;IACjD,OAAA,QAAQ,KAAK,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC;AAArC,CAAqC,CAAC;AAD3B,QAAA,kBAAkB,sBACS;AAEjC,IAAM,YAAY,GAAG,UAAC,KAAiB;IAC5C,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;QAC7B,OAAO,IAAA,WAAI,EAAC,IAAA,oBAAY,EAAC,KAAK,CAAC,CAAC,CAAC;KAClC;IACD,IAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAC,GAAa,EAAE,GAAW;QAClE,IAAM,QAAQ,GAAG,IAAA,oBAAY,EAAC,GAAG,CAAC,CAAC;QACnC,uCAAW,GAAG,SAAK,QAAQ,QAAE;IAC/B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAA,WAAI,EAAC,IAAI,CAAC,CAAC,MAAM,CAAC,0BAAkB,CAAC,CAAC;AAC/C,CAAC,CAAC;AAVW,QAAA,YAAY,gBAUvB;AAEK,IAAM,cAAc,GAAG,UAAC,kBAA2B;IACxD,OAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CACd,KAAK,CAAC,IAAI,EACX,GAAG,CAAC,UAAA,QAAQ;QACX,OAAA,QAAQ;aACL,KAAK,CAAC,KAAK,CAAC;aACZ,MAAM,CAAC,UAAA,cAAc,IAAI,OAAA,CAAC,CAAC,cAAc,EAAhB,CAAgB,CAAC;aAC1C,IAAI,CAAC,GAAG,CAAC;IAHZ,CAGY,EAEb,MAAM,CAAC,UAAA,IAAI,IAAI,OAAA,IAAI,CAAC,MAAM,EAAX,CAAW,EAC1B,GAAG,CAAC,UAAA,IAAI,IAAI,OAAA,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAI,IAAI,OAAG,CAAC,EAAzC,CAAyC,EACrD,IAAI,CAAC,IAAI,CAAC;AAVb,CAUa,CAAC;AAXH,QAAA,cAAc,kBAWX"}
|
package/cjs/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ export * from './button';
|
|
|
9
9
|
export * from './byline';
|
|
10
10
|
export * from './caption';
|
|
11
11
|
export * from './card';
|
|
12
|
+
export * from './character-count';
|
|
12
13
|
export * from './checkbox';
|
|
13
14
|
export * from './consent';
|
|
14
15
|
export * from './date-time';
|
|
@@ -50,6 +51,7 @@ export * from './switch';
|
|
|
50
51
|
export * from './tabs';
|
|
51
52
|
export * from './tag';
|
|
52
53
|
export * from './tealium';
|
|
54
|
+
export * from './text-area';
|
|
53
55
|
export * from './text-block';
|
|
54
56
|
export * from './text-input';
|
|
55
57
|
export * from './text-field';
|
|
@@ -60,7 +62,6 @@ export * from './toast';
|
|
|
60
62
|
export * from './tooltip';
|
|
61
63
|
export * from './typography';
|
|
62
64
|
export * from './unordered-list';
|
|
63
|
-
export * from './utils/hooks/use-media-query';
|
|
64
65
|
export * from './utils';
|
|
65
66
|
export * from './video-player';
|
|
66
67
|
export * from './volume-control';
|
package/cjs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAEL,GAAG,EAEH,aAAa,EAEb,mBAAmB,EAEnB,8BAA8B,GAC/B,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAEL,GAAG,EAEH,aAAa,EAEb,mBAAmB,EAEnB,8BAA8B,GAC/B,MAAM,SAAS,CAAC;AACjB,YAAY,EACV,QAAQ,EACR,gBAAgB,EAChB,WAAW,EACX,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC"}
|
package/cjs/index.js
CHANGED
|
@@ -22,6 +22,7 @@ __exportStar(require("./button"), exports);
|
|
|
22
22
|
__exportStar(require("./byline"), exports);
|
|
23
23
|
__exportStar(require("./caption"), exports);
|
|
24
24
|
__exportStar(require("./card"), exports);
|
|
25
|
+
__exportStar(require("./character-count"), exports);
|
|
25
26
|
__exportStar(require("./checkbox"), exports);
|
|
26
27
|
__exportStar(require("./consent"), exports);
|
|
27
28
|
__exportStar(require("./date-time"), exports);
|
|
@@ -70,6 +71,7 @@ __exportStar(require("./switch"), exports);
|
|
|
70
71
|
__exportStar(require("./tabs"), exports);
|
|
71
72
|
__exportStar(require("./tag"), exports);
|
|
72
73
|
__exportStar(require("./tealium"), exports);
|
|
74
|
+
__exportStar(require("./text-area"), exports);
|
|
73
75
|
__exportStar(require("./text-block"), exports);
|
|
74
76
|
__exportStar(require("./text-input"), exports);
|
|
75
77
|
__exportStar(require("./text-field"), exports);
|
|
@@ -80,7 +82,6 @@ __exportStar(require("./toast"), exports);
|
|
|
80
82
|
__exportStar(require("./tooltip"), exports);
|
|
81
83
|
__exportStar(require("./typography"), exports);
|
|
82
84
|
__exportStar(require("./unordered-list"), exports);
|
|
83
|
-
__exportStar(require("./utils/hooks/use-media-query"), exports);
|
|
84
85
|
__exportStar(require("./utils"), exports);
|
|
85
86
|
__exportStar(require("./video-player"), exports);
|
|
86
87
|
__exportStar(require("./volume-control"), exports);
|
package/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,iDAA+B;AAC/B,mDAAiC;AACjC,iDAA+B;AAC/B,4DAA0C;AAC1C,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,4CAA0B;AAC1B,yCAAuB;AACvB,6CAA2B;AAC3B,4CAA0B;AAC1B,8CAA4B;AAC5B,4CAA0B;AAC1B,2CAAyB;AACzB,gDAA8B;AAC9B,wDAAsC;AACtC,6CAA2B;AAC3B,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB;AACvB,gDAA8B;AAC9B,6CAA2B;AAC3B,gDAA8B;AAE9B,iCASiB;AARf,0BAA0B;AAC1B,4FAAA,GAAG,OAAA;AACH,0BAA0B;AAC1B,sGAAA,aAAa,OAAA;AACb,0BAA0B;AAC1B,4GAAA,mBAAmB,OAAA;AACnB,0BAA0B;AAC1B,uHAAA,8BAA8B,OAAA;AAQhC,0CAAwB;AACxB,mDAAiC;AACjC,oDAAkC;AAClC,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,yCAAuB;AACvB,0CAAwB;AACxB,qDAAmC;AACnC,iDAA+B;AAC/B,4CAA0B;AAC1B,iDAA+B;AAC/B,uDAAqC;AACrC,2CAAyB;AACzB,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,+CAA6B;AAC7B,oDAAkC;AAClC,2CAAyB;AACzB,yCAAuB;AACvB,wCAAsB;AACtB,4CAA0B;AAC1B,+CAA6B;AAC7B,+CAA6B;AAC7B,+CAA6B;AAC7B,0CAAwB;AACxB,kDAAgC;AAChC,8CAA4B;AAC5B,0CAAwB;AACxB,4CAA0B;AAC1B,+CAA6B;AAC7B,mDAAiC;AACjC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,iDAA+B;AAC/B,mDAAiC;AACjC,iDAA+B;AAC/B,4DAA0C;AAC1C,2CAAyB;AACzB,0CAAwB;AACxB,2CAAyB;AACzB,2CAAyB;AACzB,4CAA0B;AAC1B,yCAAuB;AACvB,oDAAkC;AAClC,6CAA2B;AAC3B,4CAA0B;AAC1B,8CAA4B;AAC5B,4CAA0B;AAC1B,2CAAyB;AACzB,gDAA8B;AAC9B,wDAAsC;AACtC,6CAA2B;AAC3B,yCAAuB;AACvB,yCAAuB;AACvB,yCAAuB;AACvB,gDAA8B;AAC9B,6CAA2B;AAC3B,gDAA8B;AAE9B,iCASiB;AARf,0BAA0B;AAC1B,4FAAA,GAAG,OAAA;AACH,0BAA0B;AAC1B,sGAAA,aAAa,OAAA;AACb,0BAA0B;AAC1B,4GAAA,mBAAmB,OAAA;AACnB,0BAA0B;AAC1B,uHAAA,8BAA8B,OAAA;AAQhC,0CAAwB;AACxB,mDAAiC;AACjC,oDAAkC;AAClC,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,yCAAuB;AACvB,0CAAwB;AACxB,qDAAmC;AACnC,iDAA+B;AAC/B,4CAA0B;AAC1B,iDAA+B;AAC/B,uDAAqC;AACrC,2CAAyB;AACzB,2CAAyB;AACzB,8CAA4B;AAC5B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,+CAA6B;AAC7B,oDAAkC;AAClC,2CAAyB;AACzB,yCAAuB;AACvB,wCAAsB;AACtB,4CAA0B;AAC1B,8CAA4B;AAC5B,+CAA6B;AAC7B,+CAA6B;AAC7B,+CAA6B;AAC7B,0CAAwB;AACxB,kDAAgC;AAChC,8CAA4B;AAC5B,0CAAwB;AACxB,4CAA0B;AAC1B,+CAA6B;AAC7B,mDAAiC;AACjC,0CAAwB;AACxB,iDAA+B;AAC/B,mDAAiC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/instrumentation/types.ts"],"names":[],"mappings":";AAAA,oBAAY,YAAY,GAAG,MAAM,CAAC;AAElC,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,KAAK,UAAU;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/instrumentation/types.ts"],"names":[],"mappings":";AAAA,oBAAY,YAAY,GAAG,MAAM,CAAC;AAElC,oBAAY,YAAY;IACtB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AAED,oBAAY,YAAY,GAAG,CACzB,MAAM,EAAE,oBAAoB,EAAE,KAC3B,oBAAoB,EAAE,CAAC;AAE5B,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,EAAE,YAAY,CAAC;IACtB,SAAS,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,SAAS;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
|
|
@@ -11,5 +11,6 @@ var EventTrigger;
|
|
|
11
11
|
EventTrigger["End"] = "end";
|
|
12
12
|
EventTrigger["Pulse"] = "pulse";
|
|
13
13
|
EventTrigger["Focus"] = "focus";
|
|
14
|
+
EventTrigger["Change"] = "change";
|
|
14
15
|
})(EventTrigger = exports.EventTrigger || (exports.EventTrigger = {}));
|
|
15
16
|
//# sourceMappingURL=types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/instrumentation/types.ts"],"names":[],"mappings":";;;AAEA,IAAY,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/instrumentation/types.ts"],"names":[],"mappings":";;;AAEA,IAAY,YAUX;AAVD,WAAY,YAAY;IACtB,+BAAe,CAAA;IACf,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,+BAAe,CAAA;IACf,6BAAa,CAAA;IACb,2BAAW,CAAA;IACX,+BAAe,CAAA;IACf,+BAAe,CAAA;IACf,iCAAiB,CAAA;AACnB,CAAC,EAVW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAUvB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAC,WAAW,EAAoB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/select/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAGtE,OAAO,EAAC,WAAW,EAAoB,MAAM,SAAS,CAAC;AAuRvD,eAAO,MAAM,MAAM,+GAGjB,CAAC"}
|
package/cjs/select/select.js
CHANGED
|
@@ -57,13 +57,14 @@ var check_breakpoint_prop_1 = require("../utils/check-breakpoint-prop");
|
|
|
57
57
|
var use_media_query_1 = require("../utils/hooks/use-media-query");
|
|
58
58
|
var use_virtualized_list_1 = require("./use-virtualized-list");
|
|
59
59
|
var layer_1 = require("../layer");
|
|
60
|
+
var instrumentation_1 = require("../instrumentation");
|
|
60
61
|
var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
|
|
61
|
-
var overrides = props.overrides, _a = props.placeholder, placeholder = _a === void 0 ? 'Select Option' : _a, state = props.state, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, _b = props.size, size = _b === void 0 ? 'medium' : _b, loading = props.loading, children = props.children, _c = props.useModal, useModal = _c === void 0 ? {} : _c, _d = props.virtualized, virtualized = _d === void 0 ? 50 : _d, restProps = __rest(props, ["overrides", "placeholder", "state", "startEnhancer", "endEnhancer", "validationIcon", "onBlur", "onFocus", "onChange", "size", "loading", "children", "useModal", "virtualized"]);
|
|
62
|
+
var overrides = props.overrides, _a = props.placeholder, placeholder = _a === void 0 ? 'Select Option' : _a, state = props.state, startEnhancer = props.startEnhancer, endEnhancer = props.endEnhancer, validationIcon = props.validationIcon, onBlur = props.onBlur, onFocus = props.onFocus, onChange = props.onChange, _b = props.size, size = _b === void 0 ? 'medium' : _b, loading = props.loading, children = props.children, _c = props.useModal, useModal = _c === void 0 ? {} : _c, _d = props.virtualized, virtualized = _d === void 0 ? 50 : _d, _e = props.eventContext, eventContext = _e === void 0 ? {} : _e, _f = props.eventOriginator, eventOriginator = _f === void 0 ? 'select' : _f, restProps = __rest(props, ["overrides", "placeholder", "state", "startEnhancer", "endEnhancer", "validationIcon", "onBlur", "onFocus", "onChange", "size", "loading", "children", "useModal", "virtualized", "eventContext", "eventOriginator"]);
|
|
62
63
|
var selectRef = (0, react_1.useRef)(null);
|
|
63
64
|
var localInputRef = (0, react_1.useRef)(null);
|
|
64
65
|
var panelRef = (0, react_1.useRef)(null);
|
|
65
66
|
var renderInModal = (0, check_breakpoint_prop_1.checkBreakpointProp)(useModal, (0, use_media_query_1.useBreakpointKey)());
|
|
66
|
-
var
|
|
67
|
+
var _g = react_1.default.useState(false), isFocused = _g[0], setIsFocused = _g[1];
|
|
67
68
|
var onSelectButtonFocus = react_1.default.useCallback(function (event) {
|
|
68
69
|
setIsFocused(true);
|
|
69
70
|
if (onFocus) {
|
|
@@ -88,12 +89,18 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
|
|
|
88
89
|
}
|
|
89
90
|
}
|
|
90
91
|
}, [defaultSelectedItem, onChange, programmaticallySelectedItem]);
|
|
92
|
+
var fireEvent = (0, instrumentation_1.useInstrumentation)().fireEvent;
|
|
91
93
|
var onInputChange = react_1.default.useCallback(
|
|
92
94
|
/* istanbul ignore next */
|
|
93
95
|
function (event) {
|
|
94
96
|
/* istanbul ignore next */
|
|
95
97
|
if (localInputRef.current) {
|
|
96
98
|
localInputRef.current.value = event.selectedItem.props.value;
|
|
99
|
+
fireEvent({
|
|
100
|
+
originator: eventOriginator,
|
|
101
|
+
trigger: instrumentation_1.EventTrigger.Change,
|
|
102
|
+
context: __assign({ value: localInputRef.current.value }, eventContext),
|
|
103
|
+
});
|
|
97
104
|
}
|
|
98
105
|
/* istanbul ignore next */
|
|
99
106
|
if (onChange && localInputRef.current) {
|
|
@@ -102,8 +109,8 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
|
|
|
102
109
|
target: localInputRef.current,
|
|
103
110
|
});
|
|
104
111
|
}
|
|
105
|
-
}, [onChange]);
|
|
106
|
-
var
|
|
112
|
+
}, [onChange, fireEvent, eventOriginator, eventContext]);
|
|
113
|
+
var _h = react_1.default.useState(-1), highlightedIndex = _h[0], setHighlightedIndex = _h[1];
|
|
107
114
|
var onHighlightedIndexChange = function (indexChangeEvent) {
|
|
108
115
|
// istanbul ignore else
|
|
109
116
|
if (indexChangeEvent.type !== '__item_mouse_move__') {
|
|
@@ -114,7 +121,7 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
|
|
|
114
121
|
// istanbul ignore next
|
|
115
122
|
var itemToString = function (item) { var _a, _b; return ((_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a['aria-label']) || ((_b = item === null || item === void 0 ? void 0 : item.props) === null || _b === void 0 ? void 0 : _b.value); };
|
|
116
123
|
/* eslint-enable @typescript-eslint/no-explicit-any */
|
|
117
|
-
var
|
|
124
|
+
var _j = (0, downshift_1.useSelect)(__assign({ items: children, defaultSelectedItem: defaultSelectedItem, onSelectedItemChange: onInputChange, itemToString: itemToString, onHighlightedIndexChange: onHighlightedIndexChange, stateReducer: function (_, actionAndChanges) {
|
|
118
125
|
var type = actionAndChanges.type, changes = actionAndChanges.changes;
|
|
119
126
|
// Does not close panel in the case we are rendering panel inside a modal
|
|
120
127
|
/* istanbul ignore next */
|
|
@@ -124,8 +131,8 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
|
|
|
124
131
|
return changes;
|
|
125
132
|
} }, (programmaticallySelectedItem
|
|
126
133
|
? { selectedItem: programmaticallySelectedItem }
|
|
127
|
-
: {}))), isOpen =
|
|
128
|
-
var
|
|
134
|
+
: {}))), isOpen = _j.isOpen, selectedItem = _j.selectedItem, getToggleButtonProps = _j.getToggleButtonProps, getMenuProps = _j.getMenuProps, getItemProps = _j.getItemProps, openMenu = _j.openMenu, closeMenu = _j.closeMenu;
|
|
135
|
+
var _k = (0, use_virtualized_list_1.useVirtualizedList)({
|
|
129
136
|
items: react_1.default.Children.toArray(children),
|
|
130
137
|
listRef: panelRef,
|
|
131
138
|
getItemProps: getItemProps,
|
|
@@ -134,27 +141,27 @@ var ThemelessSelect = react_1.default.forwardRef(function (props, inputRef) {
|
|
|
134
141
|
selectedItem: selectedItem,
|
|
135
142
|
size: size,
|
|
136
143
|
isOpen: isOpen,
|
|
137
|
-
}), optionsAsChildren =
|
|
144
|
+
}), optionsAsChildren = _k.children, scrollToIndex = _k.scrollToIndex;
|
|
138
145
|
(0, react_1.useEffect)(function () {
|
|
139
146
|
if (highlightedIndex)
|
|
140
147
|
scrollToIndex(highlightedIndex);
|
|
141
148
|
}, [highlightedIndex, scrollToIndex]);
|
|
142
|
-
var
|
|
149
|
+
var _l = react_1.default.useState(true), allowBlur = _l[0], setAllowBlur = _l[1];
|
|
143
150
|
var onSelectButtonBlur = react_1.default.useCallback(function (event) {
|
|
144
151
|
if (onBlur && allowBlur) {
|
|
145
152
|
onBlur(event);
|
|
146
153
|
}
|
|
147
154
|
setIsFocused(false);
|
|
148
155
|
}, [allowBlur, onBlur]);
|
|
149
|
-
var
|
|
156
|
+
var _m = getToggleButtonProps(), downshiftButtonPropsRef = _m.ref, downshiftButtonPropsExceptRef = __rest(_m, ["ref"]);
|
|
150
157
|
delete downshiftButtonPropsExceptRef['aria-labelledby']; // deleting because FormInput provides these props
|
|
151
|
-
var
|
|
152
|
-
var
|
|
158
|
+
var _o = getMenuProps(), downshiftMenuPropsRef = _o.ref, downshiftMenuPropsExceptRef = __rest(_o, ["ref"]);
|
|
159
|
+
var _p = (0, react_1.useState)({
|
|
153
160
|
width: 0,
|
|
154
161
|
top: 0,
|
|
155
162
|
height: 0,
|
|
156
163
|
left: 0,
|
|
157
|
-
}),
|
|
164
|
+
}), _q = _p[0], width = _q.width, top = _q.top, height = _q.height, left = _q.left, setSelectRect = _p[1];
|
|
158
165
|
(0, react_1.useEffect)(function () {
|
|
159
166
|
if (isOpen && selectRef.current) {
|
|
160
167
|
// getting width, height, left, top of the select
|