draft-components 0.51.0 → 0.52.2
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/components/{datetime-field → datetime-input}/date-component-input.d.ts +0 -0
- package/components/{datetime-field → datetime-input}/date-component-input.js +0 -0
- package/components/{datetime-field → datetime-input}/date-component-input.js.map +1 -1
- package/components/{datetime-field → datetime-input}/date-components.d.ts +0 -0
- package/components/{datetime-field → datetime-input}/date-components.js +0 -0
- package/components/{datetime-field → datetime-input}/date-components.js.map +1 -1
- package/components/{datetime-field/datetime-field.d.ts → datetime-input/datetime-input.d.ts} +4 -4
- package/components/{datetime-field/datetime-field.js → datetime-input/datetime-input.js} +10 -10
- package/components/{datetime-field/datetime-field.js.map → datetime-input/datetime-input.js.map} +1 -1
- package/components/{datetime-field → datetime-input}/index.d.ts +1 -1
- package/components/{datetime-field → datetime-input}/index.js +1 -1
- package/components/datetime-input/index.js.map +1 -0
- package/components/form-field/form-field.d.ts +17 -0
- package/components/{field-group/field-group.js → form-field/form-field.js} +8 -8
- package/components/form-field/form-field.js.map +1 -0
- package/components/form-field/index.d.ts +1 -0
- package/components/{text-field → form-field}/index.js +1 -1
- package/components/form-field/index.js.map +1 -0
- package/components/index.d.ts +6 -6
- package/components/index.js +6 -6
- package/components/index.js.map +1 -1
- package/components/number-input/index.d.ts +1 -0
- package/components/{number-field → number-input}/index.js +1 -1
- package/components/number-input/index.js.map +1 -0
- package/components/number-input/number-input.d.ts +12 -0
- package/components/{number-field/number-field.js → number-input/number-input.js} +11 -18
- package/components/number-input/number-input.js.map +1 -0
- package/components/password-input/index.d.ts +1 -0
- package/components/{password-field → password-input}/index.js +1 -1
- package/components/password-input/index.js.map +1 -0
- package/components/password-input/password-input.d.ts +8 -0
- package/components/{password-field/password-field.js → password-input/password-input.js} +6 -6
- package/components/password-input/password-input.js.map +1 -0
- package/components/search-input/index.d.ts +1 -0
- package/components/{search-field → search-input}/index.js +1 -1
- package/components/search-input/index.js.map +1 -0
- package/components/search-input/search-input.d.ts +5 -0
- package/components/search-input/search-input.js +18 -0
- package/components/search-input/search-input.js.map +1 -0
- package/components/select/select.js +4 -4
- package/components/text-input/index.d.ts +1 -0
- package/components/{field-group → text-input}/index.js +1 -1
- package/components/text-input/index.js.map +1 -0
- package/components/text-input/text-input.d.ts +12 -0
- package/components/{text-field/text-field.js → text-input/text-input.js} +33 -12
- package/components/text-input/text-input.js.map +1 -0
- package/components/textarea/textarea.js +4 -4
- package/css/draft-components.css +2 -2
- package/package.json +1 -1
- package/scss/.DS_Store +0 -0
- package/scss/components/_button.scss +31 -23
- package/scss/components/_checkbox.scss +26 -26
- package/scss/components/_datetime-input.scss +92 -0
- package/scss/components/_form-field.scss +16 -0
- package/scss/components/_index.scss +6 -6
- package/scss/components/_input.scss +73 -0
- package/scss/components/{_number-field.scss → _number-input.scss} +4 -4
- package/scss/components/{_password-field.scss → _password-input.scss} +2 -2
- package/scss/components/_radio-button.scss +37 -38
- package/scss/components/_select.scss +12 -12
- package/scss/components/_selection-control.scss +7 -4
- package/scss/components/_slider.scss +4 -4
- package/scss/components/_switch.scss +42 -42
- package/scss/components/_text-input.scss +52 -0
- package/scss/components/_textarea.scss +6 -5
- package/scss/themes/_default-theme.scss +27 -29
- package/scss/utils/_gap.scss +21 -0
- package/components/banner/banner.d.ts +0 -278
- package/components/banner/banner.js +0 -106
- package/components/banner/banner.js.map +0 -1
- package/components/banner/index.d.ts +0 -1
- package/components/banner/index.js +0 -27
- package/components/banner/index.js.map +0 -1
- package/components/datetime-field/index.js.map +0 -1
- package/components/field-group/field-group.d.ts +0 -17
- package/components/field-group/field-group.js.map +0 -1
- package/components/field-group/index.d.ts +0 -1
- package/components/field-group/index.js.map +0 -1
- package/components/number-field/index.d.ts +0 -1
- package/components/number-field/index.js.map +0 -1
- package/components/number-field/number-field.d.ts +0 -12
- package/components/number-field/number-field.js.map +0 -1
- package/components/password-field/index.d.ts +0 -1
- package/components/password-field/index.js.map +0 -1
- package/components/password-field/password-field.d.ts +0 -8
- package/components/password-field/password-field.js.map +0 -1
- package/components/search-field/index.d.ts +0 -1
- package/components/search-field/index.js.map +0 -1
- package/components/search-field/search-field.d.ts +0 -5
- package/components/search-field/search-field.js +0 -17
- package/components/search-field/search-field.js.map +0 -1
- package/components/text-field/index.d.ts +0 -1
- package/components/text-field/index.js.map +0 -1
- package/components/text-field/text-field.d.ts +0 -12
- package/components/text-field/text-field.js.map +0 -1
- package/scss/components/_banner.scss +0 -104
- package/scss/components/_datetime-field.scss +0 -92
- package/scss/components/_field-group.scss +0 -17
- package/scss/components/_field.scss +0 -73
- package/scss/components/_text-field.scss +0 -52
- package/scss/utils/_box-sizing.scss +0 -7
|
File without changes
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-component-input.js","sourceRoot":"","sources":["../../src/components/datetime-
|
|
1
|
+
{"version":3,"file":"date-component-input.js","sourceRoot":"","sources":["../../src/components/datetime-input/date-component-input.tsx"],"names":[],"mappings":";;;;AACA,2DAAqD;AAerD,SAAgB,kBAAkB,CAAC,EACjC,EAAE,EACF,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,WAAW,EACX,IAAI,EACJ,KAAK,EACL,QAAQ,GACW;IACnB,OAAO,CACL,0CACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,0BAAU,CAAC,SAAS,EAAE,yBAAyB,CAAC,iBAE3D,yDAAmB,IAAI,gBAAG,KAAK,IAAI,WAAW,YAAQ,EACtD,6BACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,MAAM,gBACC,KAAK,EACjB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,WAClB,aACE,CACP,CAAC;AACJ,CAAC;AAhCD,gDAgCC"}
|
|
File without changes
|
|
File without changes
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-components.js","sourceRoot":"","sources":["../../src/components/datetime-
|
|
1
|
+
{"version":3,"file":"date-components.js","sourceRoot":"","sources":["../../src/components/datetime-input/date-components.ts"],"names":[],"mappings":"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"}
|
package/components/{datetime-field/datetime-field.d.ts → datetime-input/datetime-input.d.ts}
RENAMED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ComponentPropsWithRef } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { TextInputProps } from '../text-input';
|
|
3
3
|
import { DateComponent, DateComponents } from './date-components';
|
|
4
|
-
export interface
|
|
5
|
-
size?:
|
|
4
|
+
export interface DatetimeInputProps extends ComponentPropsWithRef<'div'> {
|
|
5
|
+
size?: TextInputProps['size'];
|
|
6
6
|
type?: 'date' | 'time' | 'datetime';
|
|
7
7
|
invalid?: boolean;
|
|
8
8
|
disabled?: boolean;
|
|
@@ -19,4 +19,4 @@ export interface DatetimeFieldProps extends ComponentPropsWithRef<'div'> {
|
|
|
19
19
|
value: DateComponents;
|
|
20
20
|
onChangeValue(value: DateComponents): void;
|
|
21
21
|
}
|
|
22
|
-
export declare const
|
|
22
|
+
export declare const DatetimeInput: import("react").ForwardRefExoticComponent<Pick<DatetimeInputProps, "slot" | "style" | "title" | "className" | "color" | "id" | "lang" | "type" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "hidden" | "disabled" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "readOnly" | "invalid" | "onChangeValue" | "ids" | "ariaLabels" | "placeholders"> & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.DatetimeInput = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const guards_1 = require("../../lib/guards");
|
|
@@ -22,7 +22,7 @@ const defaultPlaceholders = {
|
|
|
22
22
|
hour: '--',
|
|
23
23
|
minute: '--',
|
|
24
24
|
};
|
|
25
|
-
exports.
|
|
25
|
+
exports.DatetimeInput = react_1.forwardRef(function DatetimeInput({ size = 'md', type = 'datetime', invalid, disabled, readOnly, ids, ariaLabels = defaultAriaLabels, placeholders = defaultPlaceholders, value: dateComponents, onChangeValue: onChangeDateComponents, className, ...props }, ref) {
|
|
26
26
|
const containerRef = react_1.useRef(null);
|
|
27
27
|
const inputsRef = react_1.useRef([]);
|
|
28
28
|
const cancelBlur = react_1.useRef();
|
|
@@ -135,17 +135,17 @@ exports.DatetimeField = react_1.forwardRef(function DatetimeField({ size = 'md',
|
|
|
135
135
|
const children = [];
|
|
136
136
|
components.forEach((dateComponent, index) => {
|
|
137
137
|
if (index) {
|
|
138
|
-
children.push(jsx_runtime_1.jsx("span", Object.assign({ className: "dc-datetime-
|
|
138
|
+
children.push(jsx_runtime_1.jsx("span", Object.assign({ className: "dc-datetime-input__separator" }, { children: separator }), `separator-${index}`));
|
|
139
139
|
}
|
|
140
140
|
children.push(jsx_runtime_1.jsx(date_component_input_1.DateComponentInput, { id: ids === null || ids === void 0 ? void 0 : ids[dateComponent], label: (ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels[dateComponent]) || dateComponent, placeholder: placeholders === null || placeholders === void 0 ? void 0 : placeholders[dateComponent], disabled: disabled, readOnly: readOnly, name: dateComponent, value: dateComponents.getDisplayedValue(dateComponent), onChange: handleChange }, dateComponent));
|
|
141
141
|
});
|
|
142
|
-
return jsx_runtime_1.jsx("div", Object.assign({ className: "dc-datetime-
|
|
142
|
+
return jsx_runtime_1.jsx("div", Object.assign({ className: "dc-datetime-input__group" }, { children: children }), void 0);
|
|
143
143
|
}
|
|
144
|
-
return (jsx_runtime_1.jsx("div", Object.assign({ className: react_helpers_1.classNames(className, 'dc-datetime-
|
|
145
|
-
'dc-
|
|
146
|
-
'dc-
|
|
147
|
-
'dc-
|
|
148
|
-
[`dc-
|
|
144
|
+
return (jsx_runtime_1.jsx("div", Object.assign({ className: react_helpers_1.classNames(className, 'dc-datetime-input'), ref: react_helpers_1.mergeRefs(ref, containerRef), role: "group" }, props, { children: jsx_runtime_1.jsxs("div", Object.assign({ "data-testid": "inputs-container", className: react_helpers_1.classNames('dc-input', 'dc-datetime-input__body', {
|
|
145
|
+
'dc-input_focused': focused,
|
|
146
|
+
'dc-input_disabled': disabled,
|
|
147
|
+
'dc-input_invalid': invalid,
|
|
148
|
+
[`dc-input_size_${size}`]: size,
|
|
149
149
|
}), onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur }, { children: [(type === 'date' || type === 'datetime') &&
|
|
150
150
|
renderInputsGroup(['day', 'month', 'year'], '/'), (type === 'time' || type === 'datetime') &&
|
|
151
151
|
renderInputsGroup(['hour', 'minute'], ':')] }), void 0) }), void 0));
|
|
@@ -171,4 +171,4 @@ function getDefaultValue(component) {
|
|
|
171
171
|
return now.getMinutes();
|
|
172
172
|
}
|
|
173
173
|
}
|
|
174
|
-
//# sourceMappingURL=datetime-
|
|
174
|
+
//# sourceMappingURL=datetime-input.js.map
|
package/components/{datetime-field/datetime-field.js.map → datetime-input/datetime-input.js.map}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datetime-
|
|
1
|
+
{"version":3,"file":"datetime-input.js","sourceRoot":"","sources":["../../src/components/datetime-input/datetime-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAWe;AACf,6CAA8C;AAC9C,2DAAgE;AAChE,iEAAqD;AAErD,uDAAkE;AAClE,iEAA4D;AAe5D,MAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,QAAQ;CACjB,CAAC;AAEF,MAAM,mBAAmB,GAAG;IAC1B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,IAAI;CACb,CAAC;AAEW,QAAA,aAAa,GAAG,kBAAU,CACrC,SAAS,aAAa,CACpB,EACE,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,UAAU,EACjB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,GAAG,EACH,UAAU,GAAG,iBAAiB,EAC9B,YAAY,GAAG,mBAAmB,EAClC,KAAK,EAAE,cAAc,EACrB,aAAa,EAAE,sBAAsB,EACrC,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG;IAEH,MAAM,YAAY,GAAG,cAAM,CAAwB,IAAI,CAAC,CAAC;IACzD,MAAM,SAAS,GAAG,cAAM,CAAqB,EAAE,CAAC,CAAC;IAEjD,MAAM,UAAU,GAAG,cAAM,EAAY,CAAC;IACtC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,iBAAS,CAAC,GAAG,EAAE;QACb,IAAI,YAAY,CAAC,OAAO,EAAE;YACxB,SAAS,CAAC,OAAO,GAAG,KAAK,CAAC,IAAI,CAC5B,YAAY,CAAC,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,CACnD,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,SAAS,oBAAoB,CAC3B,KAAsB,EACtB,SAAwB;QAExB,sBAAsB,CAAC,cAAc,CAAC,aAAa,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC;IACzE,CAAC;IAED,SAAS,gBAAgB,CAAC,KAAuB;QAI/C,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC;QACrD,IAAI,KAAK,GAAG,CAAC,EAAE;YACb,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;SACrC;QAED,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACpC,OAAO;YACL,IAAI,EAAE,MAAM,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACvC,IAAI,EAAE,MAAM,CAAC,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;SACxD,CAAC;IACJ,CAAC;IAED,SAAS,WAAW,CAAC,KAAmC;QACrD,KAAK,CAAC,MAA2B,CAAC,MAAM,EAAE,CAAC;QAE5C,IAAI,mBAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YAClC,UAAU,CAAC,OAAO,EAAE,CAAC;SACtB;aAAM;YACL,UAAU,CAAC,IAAI,CAAC,CAAC;SAClB;IACH,CAAC;IAED,SAAS,UAAU,CAAC,KAAmC;QACrD,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,IAAqB,CAAC;QACzD,MAAM,oBAAoB,GAAG,gCAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACnE,IAAI,kBAAkB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;QACvD,IAAI,kBAAkB,IAAI,IAAI,EAAE;YAC9B,IAAI,kBAAkB,GAAG,oBAAoB,CAAC,GAAG,EAAE;gBACjD,oBAAoB,CAAC,oBAAoB,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;aAC/D;iBAAM,IAAI,kBAAkB,GAAG,oBAAoB,CAAC,GAAG,EAAE;gBACxD,oBAAoB,CAAC,oBAAoB,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;aAC/D;SACF;QAED,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC,GAAG,EAAE;YAC9B,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,UAAU,CAAC,OAAO,GAAG,SAAS,CAAC;QACjC,CAAC,CAAC,CAAC;IACL,CAAC;IAED,SAAS,aAAa,CAAC,KAAsC;QAC3D,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;QACxB,MAAM,KAAK,GAAG,KAAK,CAAC,MAA0B,CAAC;QAC/C,MAAM,aAAa,GAAG,KAAK,CAAC,IAAqB,CAAC;QAClD,MAAM,oBAAoB,GAAG,gCAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QACnE,MAAM,kBAAkB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;QAEzD,IAAI,IAAI,KAAK,0BAAO,CAAC,SAAS,IAAI,IAAI,KAAK,0BAAO,CAAC,UAAU,EAAE;YAC7D,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC;YACzC,MAAM,SAAS,GACb,IAAI,KAAK,0BAAO,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC;YAC7D,SAAS,CAAC,KAAK,EAAE,CAAC;SACnB;aAAM,IAAI,QAAQ,EAAE;YACnB,OAAO;SACR;aAAM,IACL,IAAI,KAAK,0BAAO,CAAC,OAAO;YACxB,IAAI,KAAK,0BAAO,CAAC,SAAS;YAC1B,IAAI,KAAK,0BAAO,CAAC,SAAS;YAC1B,IAAI,KAAK,0BAAO,CAAC,MAAM,EACvB;YACA,KAAK,CAAC,cAAc,EAAE,CAAC;YAEvB,IAAI,IAAI,KAAK,0BAAO,CAAC,SAAS,IAAI,IAAI,KAAK,0BAAO,CAAC,MAAM,EAAE;gBACzD,oBAAoB,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC;aACzC;iBAAM;gBACL,IAAI,qBAA6B,CAAC;gBAClC,IAAI,kBAAkB,IAAI,IAAI,EAAE;oBAC9B,qBAAqB,GAAG,eAAe,CAAC,aAAa,CAAC,CAAC;iBACxD;qBAAM;oBACL,MAAM,IAAI,GAAG,IAAI,KAAK,0BAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBAE/C,qBAAqB,GAAG,kBAAkB,GAAG,IAAI,CAAC;oBAClD,IAAI,qBAAqB,GAAG,oBAAoB,CAAC,GAAG,EAAE;wBACpD,qBAAqB,GAAG,oBAAoB,CAAC,GAAG,CAAC;qBAClD;yBAAM,IAAI,qBAAqB,GAAG,oBAAoB,CAAC,GAAG,EAAE;wBAC3D,qBAAqB,GAAG,oBAAoB,CAAC,GAAG,CAAC;qBAClD;iBACF;gBAED,oBAAoB,CAAC,qBAAqB,EAAE,aAAa,CAAC,CAAC;gBAC3D,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;aAC7B;SACF;IACH,CAAC;IAED,SAAS,YAAY,CAAC,KAAoC;QACxD,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC5B,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE;YAChC,OAAO;SACR;QAED,MAAM,aAAa,GAAG,MAAM,CAAC,IAAqB,CAAC;QACnD,MAAM,oBAAoB,GAAG,gCAAc,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAEnE,MAAM,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACnD,oBAAoB,CAAC,qBAAqB,EAAE,aAAa,CAAC,CAAC;QAE3D,MAAM,yBAAyB,GAAG,qBAAqB,GAAG,EAAE,CAAC;QAC7D,IAAI,yBAAyB,GAAG,oBAAoB,CAAC,GAAG,EAAE;YACxD,MAAM,QAAQ,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;YAC1C,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;SACpC;IACH,CAAC;IAED,SAAS,iBAAiB,CACxB,UAA2B,EAC3B,SAAoB;QAEpB,MAAM,QAAQ,GAAmB,EAAE,CAAC;QACpC,UAAU,CAAC,OAAO,CAAC,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE;YAC1C,IAAI,KAAK,EAAE;gBACT,QAAQ,CAAC,IAAI,CACX,0CAEE,SAAS,EAAC,8BAA8B,gBAEvC,SAAS,KAHL,aAAa,KAAK,EAAE,CAIpB,CACR,CAAC;aACH;YAED,QAAQ,CAAC,IAAI,CACX,kBAAC,yCAAkB,IAEjB,EAAE,EAAE,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAG,aAAa,CAAC,EACxB,KAAK,EAAE,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,aAAa,CAAC,KAAI,aAAa,EACnD,WAAW,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,aAAa,CAAC,EAC1C,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,aAAa,EACnB,KAAK,EAAE,cAAc,CAAC,iBAAiB,CAAC,aAAa,CAAC,EACtD,QAAQ,EAAE,YAAY,IARjB,aAAa,CASlB,CACH,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,OAAO,yCAAK,SAAS,EAAC,0BAA0B,gBAAE,QAAQ,YAAO,CAAC;IACpE,CAAC;IAED,OAAO,CACL,yCACE,SAAS,EAAE,0BAAU,CAAC,SAAS,EAAE,mBAAmB,CAAC,EACrD,GAAG,EAAE,yBAAS,CAAC,GAAG,EAAE,YAAY,CAAC,EACjC,IAAI,EAAC,OAAO,IACR,KAAK,cAET,yDACc,kBAAkB,EAC9B,SAAS,EAAE,0BAAU,CAAC,UAAU,EAAE,yBAAyB,EAAE;gBAC3D,kBAAkB,EAAE,OAAO;gBAC3B,mBAAmB,EAAE,QAAQ;gBAC7B,kBAAkB,EAAE,OAAO;gBAC3B,CAAC,iBAAiB,IAAI,EAAE,CAAC,EAAE,IAAI;aAChC,CAAC,EACF,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,iBAEjB,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,UAAU,CAAC;oBACvC,iBAAiB,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC,EAEjD,CAAC,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,UAAU,CAAC;oBACvC,iBAAiB,CAAC,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,GAAG,CAAC,aACxC,YACF,CACP,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,SAAS,KAAK,CAAC,QAAkB;IAC/B,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;IAC/C,OAAO,GAAG,EAAE;QACV,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,CAAC,SAAwB;IAC/C,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;IACvB,QAAQ,SAAS,EAAE;QACjB,KAAK,MAAM;YACT,OAAO,GAAG,CAAC,WAAW,EAAE,CAAC;QAC3B,KAAK,OAAO;YACV,OAAO,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;QAC5B,KAAK,KAAK;YACR,OAAO,GAAG,CAAC,OAAO,EAAE,CAAC;QACvB,KAAK,MAAM;YACT,OAAO,GAAG,CAAC,QAAQ,EAAE,CAAC;QACxB,KAAK,QAAQ;YACX,OAAO,GAAG,CAAC,UAAU,EAAE,CAAC;KAC3B;AACH,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from './datetime-
|
|
1
|
+
export * from './datetime-input';
|
|
2
2
|
export * from './date-components';
|
|
@@ -10,6 +10,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
10
10
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./datetime-
|
|
13
|
+
__exportStar(require("./datetime-input"), exports);
|
|
14
14
|
__exportStar(require("./date-components"), exports);
|
|
15
15
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/datetime-input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC;AACjC,oDAAkC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef, ReactNode } from 'react';
|
|
2
|
+
export interface InputRenderFn {
|
|
3
|
+
(props: {
|
|
4
|
+
id: string;
|
|
5
|
+
required: boolean;
|
|
6
|
+
invalid: boolean;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
}
|
|
9
|
+
export interface FormFieldProps extends ComponentPropsWithoutRef<'div'> {
|
|
10
|
+
label?: ReactNode;
|
|
11
|
+
labelFor?: string;
|
|
12
|
+
required?: boolean;
|
|
13
|
+
hint?: ReactNode;
|
|
14
|
+
validationError?: ReactNode;
|
|
15
|
+
children: JSX.Element | InputRenderFn;
|
|
16
|
+
}
|
|
17
|
+
export declare function FormField({ label, labelFor, required, hint, validationError, className, children, ...props }: FormFieldProps): JSX.Element;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.FormField = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const util_1 = require("../../lib/util");
|
|
7
7
|
const react_helpers_1 = require("../../lib/react-helpers");
|
|
8
8
|
const label_1 = require("../label");
|
|
9
9
|
const inline_message_1 = require("../inline-message");
|
|
10
|
-
function
|
|
10
|
+
function FormField({ label, labelFor, required, hint, validationError, className, children, ...props }) {
|
|
11
11
|
const inputId = react_1.useRef(labelFor);
|
|
12
12
|
if (!inputId.current) {
|
|
13
|
-
inputId.current = util_1.uniqueId('field-
|
|
13
|
+
inputId.current = util_1.uniqueId('form-field-input-');
|
|
14
14
|
}
|
|
15
|
-
return (jsx_runtime_1.jsxs("div", Object.assign({}, props, { className: react_helpers_1.classNames(className, 'dc-field
|
|
15
|
+
return (jsx_runtime_1.jsxs("div", Object.assign({}, props, { className: react_helpers_1.classNames(className, 'dc-form-field') }, { children: [label ? (jsx_runtime_1.jsx(label_1.Label, Object.assign({ className: "dc-form-field__label", isRequired: required, htmlFor: inputId.current }, { children: label }), void 0)) : null, jsx_runtime_1.jsx("div", Object.assign({ className: "dc-form-field__input" }, { children: typeof children === 'function'
|
|
16
16
|
? children({
|
|
17
17
|
id: inputId.current,
|
|
18
18
|
required: Boolean(required),
|
|
@@ -20,13 +20,13 @@ function FieldGroup({ label, labelFor, required, hint, validationError, classNam
|
|
|
20
20
|
})
|
|
21
21
|
: children }), void 0), (function () {
|
|
22
22
|
if (validationError) {
|
|
23
|
-
return (jsx_runtime_1.jsx(inline_message_1.InlineMessage, Object.assign({ className: "dc-
|
|
23
|
+
return (jsx_runtime_1.jsx(inline_message_1.InlineMessage, Object.assign({ className: "dc-form-field__error", shouldShowIcon: true, appearance: "error" }, { children: validationError }), void 0));
|
|
24
24
|
}
|
|
25
25
|
if (hint) {
|
|
26
|
-
return (jsx_runtime_1.jsx(inline_message_1.InlineMessage, Object.assign({ className: "dc-
|
|
26
|
+
return (jsx_runtime_1.jsx(inline_message_1.InlineMessage, Object.assign({ className: "dc-form-field__hint" }, { children: hint }), void 0));
|
|
27
27
|
}
|
|
28
28
|
return null;
|
|
29
29
|
})()] }), void 0));
|
|
30
30
|
}
|
|
31
|
-
exports.
|
|
32
|
-
//# sourceMappingURL=field
|
|
31
|
+
exports.FormField = FormField;
|
|
32
|
+
//# sourceMappingURL=form-field.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form-field.js","sourceRoot":"","sources":["../../src/components/form-field/form-field.tsx"],"names":[],"mappings":";;;;AAAA,iCAAoE;AACpE,yCAA0C;AAC1C,2DAAqD;AACrD,oCAAiC;AACjC,sDAAkD;AAelD,SAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,eAAe,EACf,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACO;IACf,MAAM,OAAO,GAAG,cAAM,CAAC,QAAQ,CAAC,CAAC;IACjC,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;QACpB,OAAO,CAAC,OAAO,GAAG,eAAQ,CAAC,mBAAmB,CAAC,CAAC;KACjD;IAED,OAAO,CACL,4CAAS,KAAK,IAAE,SAAS,EAAE,0BAAU,CAAC,SAAS,EAAE,eAAe,CAAC,iBAC9D,KAAK,CAAC,CAAC,CAAC,CACP,kBAAC,aAAK,kBACJ,SAAS,EAAC,sBAAsB,EAChC,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,OAAO,CAAC,OAAO,gBAEvB,KAAK,YACA,CACT,CAAC,CAAC,CAAC,IAAI,EACR,yCAAK,SAAS,EAAC,sBAAsB,gBAClC,OAAO,QAAQ,KAAK,UAAU;oBAC7B,CAAC,CAAC,QAAQ,CAAC;wBACP,EAAE,EAAE,OAAO,CAAC,OAAO;wBACnB,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC;wBAC3B,OAAO,EAAE,OAAO,CAAC,eAAe,CAAC;qBAClC,CAAC;oBACJ,CAAC,CAAC,QAAQ,YACR,EACL,CAAC;gBACA,IAAI,eAAe,EAAE;oBACnB,OAAO,CACL,kBAAC,8BAAa,kBACZ,SAAS,EAAC,sBAAsB,EAChC,cAAc,EAAE,IAAI,EACpB,UAAU,EAAC,OAAO,gBAEjB,eAAe,YACF,CACjB,CAAC;iBACH;gBACD,IAAI,IAAI,EAAE;oBACR,OAAO,CACL,kBAAC,8BAAa,kBAAC,SAAS,EAAC,qBAAqB,gBAC3C,IAAI,YACS,CACjB,CAAC;iBACH;gBACD,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,EAAE,aACA,CACP,CAAC;AACJ,CAAC;AA1DD,8BA0DC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './form-field';
|
|
@@ -10,5 +10,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
10
10
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./
|
|
13
|
+
__exportStar(require("./form-field"), exports);
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/form-field/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,+CAA6B"}
|
package/components/index.d.ts
CHANGED
|
@@ -6,23 +6,23 @@ export * from './breadcrumbs';
|
|
|
6
6
|
export * from './button';
|
|
7
7
|
export * from './buttons-group';
|
|
8
8
|
export * from './checkbox';
|
|
9
|
-
export * from './datetime-
|
|
9
|
+
export * from './datetime-input';
|
|
10
10
|
export * from './dialog';
|
|
11
|
-
export * from './field
|
|
11
|
+
export * from './form-field';
|
|
12
12
|
export * from './formatted-content';
|
|
13
13
|
export * from './inline-message';
|
|
14
14
|
export * from './label';
|
|
15
15
|
export * from './loading-view';
|
|
16
|
-
export * from './number-
|
|
16
|
+
export * from './number-input';
|
|
17
17
|
export * from './non-ideal-state-view';
|
|
18
|
-
export * from './password-
|
|
18
|
+
export * from './password-input';
|
|
19
19
|
export * from './popover';
|
|
20
20
|
export * from './portal';
|
|
21
21
|
export * from './radio-button';
|
|
22
22
|
export * from './radio-group';
|
|
23
23
|
export * from './slider';
|
|
24
24
|
export * from './scope-buttons';
|
|
25
|
-
export * from './search-
|
|
25
|
+
export * from './search-input';
|
|
26
26
|
export * from './secret';
|
|
27
27
|
export * from './segmented-control';
|
|
28
28
|
export * from './select';
|
|
@@ -31,7 +31,7 @@ export * from './svg-icon';
|
|
|
31
31
|
export * from './switch';
|
|
32
32
|
export * from './table';
|
|
33
33
|
export * from './tag';
|
|
34
|
-
export * from './text-
|
|
34
|
+
export * from './text-input';
|
|
35
35
|
export * from './textarea';
|
|
36
36
|
export * from './toast';
|
|
37
37
|
export * from './tooltip';
|
package/components/index.js
CHANGED
|
@@ -18,23 +18,23 @@ __exportStar(require("./breadcrumbs"), exports);
|
|
|
18
18
|
__exportStar(require("./button"), exports);
|
|
19
19
|
__exportStar(require("./buttons-group"), exports);
|
|
20
20
|
__exportStar(require("./checkbox"), exports);
|
|
21
|
-
__exportStar(require("./datetime-
|
|
21
|
+
__exportStar(require("./datetime-input"), exports);
|
|
22
22
|
__exportStar(require("./dialog"), exports);
|
|
23
|
-
__exportStar(require("./field
|
|
23
|
+
__exportStar(require("./form-field"), exports);
|
|
24
24
|
__exportStar(require("./formatted-content"), exports);
|
|
25
25
|
__exportStar(require("./inline-message"), exports);
|
|
26
26
|
__exportStar(require("./label"), exports);
|
|
27
27
|
__exportStar(require("./loading-view"), exports);
|
|
28
|
-
__exportStar(require("./number-
|
|
28
|
+
__exportStar(require("./number-input"), exports);
|
|
29
29
|
__exportStar(require("./non-ideal-state-view"), exports);
|
|
30
|
-
__exportStar(require("./password-
|
|
30
|
+
__exportStar(require("./password-input"), exports);
|
|
31
31
|
__exportStar(require("./popover"), exports);
|
|
32
32
|
__exportStar(require("./portal"), exports);
|
|
33
33
|
__exportStar(require("./radio-button"), exports);
|
|
34
34
|
__exportStar(require("./radio-group"), exports);
|
|
35
35
|
__exportStar(require("./slider"), exports);
|
|
36
36
|
__exportStar(require("./scope-buttons"), exports);
|
|
37
|
-
__exportStar(require("./search-
|
|
37
|
+
__exportStar(require("./search-input"), exports);
|
|
38
38
|
__exportStar(require("./secret"), exports);
|
|
39
39
|
__exportStar(require("./segmented-control"), exports);
|
|
40
40
|
__exportStar(require("./select"), exports);
|
|
@@ -43,7 +43,7 @@ __exportStar(require("./svg-icon"), exports);
|
|
|
43
43
|
__exportStar(require("./switch"), exports);
|
|
44
44
|
__exportStar(require("./table"), exports);
|
|
45
45
|
__exportStar(require("./tag"), exports);
|
|
46
|
-
__exportStar(require("./text-
|
|
46
|
+
__exportStar(require("./text-input"), exports);
|
|
47
47
|
__exportStar(require("./textarea"), exports);
|
|
48
48
|
__exportStar(require("./toast"), exports);
|
|
49
49
|
__exportStar(require("./tooltip"), exports);
|
package/components/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAgC;AAChC,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,gDAA8B;AAC9B,2CAAyB;AACzB,kDAAgC;AAChC,6CAA2B;AAC3B,mDAAiC;AACjC,2CAAyB;AACzB
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,kDAAgC;AAChC,0CAAwB;AACxB,2CAAyB;AACzB,wCAAsB;AACtB,gDAA8B;AAC9B,2CAAyB;AACzB,kDAAgC;AAChC,6CAA2B;AAC3B,mDAAiC;AACjC,2CAAyB;AACzB,+CAA6B;AAC7B,sDAAoC;AACpC,mDAAiC;AACjC,0CAAwB;AACxB,iDAA+B;AAC/B,iDAA+B;AAC/B,yDAAuC;AACvC,mDAAiC;AACjC,4CAA0B;AAC1B,2CAAyB;AACzB,iDAA+B;AAC/B,gDAA8B;AAC9B,2CAAyB;AACzB,kDAAgC;AAChC,iDAA+B;AAC/B,2CAAyB;AACzB,sDAAoC;AACpC,2CAAyB;AACzB,4CAA0B;AAC1B,6CAA2B;AAC3B,2CAAyB;AACzB,0CAAwB;AACxB,wCAAsB;AACtB,+CAA6B;AAC7B,6CAA2B;AAC3B,0CAAwB;AACxB,4CAA0B;AAC1B,wDAAsC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './number-input';
|
|
@@ -10,5 +10,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
10
10
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./number-
|
|
13
|
+
__exportStar(require("./number-input"), exports);
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/number-input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TextInputProps } from '../text-input';
|
|
3
|
+
export interface NumberInputProps extends TextInputProps {
|
|
4
|
+
incrementButtonLabel?: ReactNode;
|
|
5
|
+
decrementButtonLabel?: ReactNode;
|
|
6
|
+
min?: number;
|
|
7
|
+
max?: number;
|
|
8
|
+
step?: number;
|
|
9
|
+
value: string;
|
|
10
|
+
onChangeValue(value: string): void;
|
|
11
|
+
}
|
|
12
|
+
export declare const NumberInput: import("react").ForwardRefExoticComponent<Pick<NumberInputProps, "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "list" | "step" | "hidden" | "multiple" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fullWidth" | "alt" | "src" | "accept" | "autoComplete" | "capture" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "invalid" | "leadingAddOn" | "trailingAddOn" | "onChangeValue" | "incrementButtonLabel" | "decrementButtonLabel"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.NumberInput = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
5
6
|
const react_helpers_1 = require("../../lib/react-helpers");
|
|
6
7
|
const keyboard_helpers_1 = require("../../lib/keyboard-helpers");
|
|
7
8
|
const button_1 = require("../button");
|
|
8
|
-
const
|
|
9
|
+
const text_input_1 = require("../text-input");
|
|
9
10
|
const NUMBER_REGEXP = /^[-+]?([0-9]+(\.[0-9]*)?|\.[0-9]+)([eE][-+]?[0-9]+)?$/;
|
|
10
|
-
function
|
|
11
|
+
exports.NumberInput = react_1.forwardRef(function NumberInput({ style, className, incrementButtonLabel = '↑', decrementButtonLabel = '↓', min, max, step = 1, disabled, readOnly, fullWidth, size, value, onKeyDown, onChangeValue, ...props }, ref) {
|
|
11
12
|
const numericValue = Number(value) || 0;
|
|
12
13
|
function inRange(value) {
|
|
13
14
|
if (min != null && max != null) {
|
|
@@ -47,7 +48,8 @@ function NumberField({ style, className, incrementButtonLabel = '↑', decrement
|
|
|
47
48
|
}
|
|
48
49
|
function handleKeyDown(event) {
|
|
49
50
|
const code = event.code;
|
|
50
|
-
if (!readOnly &&
|
|
51
|
+
if (!readOnly &&
|
|
52
|
+
(code === keyboard_helpers_1.KeyCode.arrowDown || code === keyboard_helpers_1.KeyCode.arrowUp)) {
|
|
51
53
|
let step;
|
|
52
54
|
if (event.shiftKey && event.altKey) {
|
|
53
55
|
step = 100;
|
|
@@ -73,19 +75,10 @@ function NumberField({ style, className, incrementButtonLabel = '↑', decrement
|
|
|
73
75
|
onKeyDown(event);
|
|
74
76
|
}
|
|
75
77
|
}
|
|
76
|
-
return (jsx_runtime_1.jsxs("div", Object.assign({ style: style, className: react_helpers_1.classNames(className, 'dc-number-
|
|
77
|
-
'dc-number-
|
|
78
|
-
}) }, { children: [jsx_runtime_1.jsx(button_1.Button, Object.assign({ appearance: "secondary", size: size, type: "button", noPadding: true, disabled: disabled, onClick: () => {
|
|
79
|
-
|
|
80
|
-
decrement(step);
|
|
81
|
-
}
|
|
82
|
-
} }, { children: decrementButtonLabel }), void 0), jsx_runtime_1.jsx(text_field_1.TextField, Object.assign({}, props, { className: "dc-number-field__input", size: size, disabled: disabled, readOnly: readOnly, fullWidth: fullWidth, type: "text", value: value, onKeyDown: handleKeyDown, onChangeValue: handleChangeValue }), void 0), jsx_runtime_1.jsx(button_1.Button, Object.assign({ appearance: "secondary", size: size, type: "button", noPadding: true, disabled: disabled, onClick: () => {
|
|
83
|
-
if (!readOnly) {
|
|
84
|
-
increment(step);
|
|
85
|
-
}
|
|
86
|
-
} }, { children: incrementButtonLabel }), void 0)] }), void 0));
|
|
87
|
-
}
|
|
88
|
-
exports.NumberField = NumberField;
|
|
78
|
+
return (jsx_runtime_1.jsxs("div", Object.assign({ style: style, className: react_helpers_1.classNames(className, 'dc-number-input', {
|
|
79
|
+
'dc-number-input_full-width': fullWidth,
|
|
80
|
+
}) }, { children: [jsx_runtime_1.jsx(button_1.Button, Object.assign({ appearance: "secondary", size: size, type: "button", noPadding: true, disabled: disabled, onClick: () => !readOnly && decrement(step) }, { children: decrementButtonLabel }), void 0), jsx_runtime_1.jsx(text_input_1.TextInput, Object.assign({}, props, { ref: ref, className: "dc-number-input__text-input", size: size, disabled: disabled, readOnly: readOnly, fullWidth: fullWidth, type: "text", value: value, onKeyDown: handleKeyDown, onChangeValue: handleChangeValue }), void 0), jsx_runtime_1.jsx(button_1.Button, Object.assign({ appearance: "secondary", size: size, type: "button", noPadding: true, disabled: disabled, onClick: () => !readOnly && increment(step) }, { children: incrementButtonLabel }), void 0)] }), void 0));
|
|
81
|
+
});
|
|
89
82
|
function getFractionDigits(n) {
|
|
90
83
|
var _a;
|
|
91
84
|
const fraction = (_a = String(n).split(/[.,]/)[1]) !== null && _a !== void 0 ? _a : '';
|
|
@@ -94,4 +87,4 @@ function getFractionDigits(n) {
|
|
|
94
87
|
function formatFloat(n, fractionDigits) {
|
|
95
88
|
return n.toFixed(fractionDigits).replace(/\.0*$/, '');
|
|
96
89
|
}
|
|
97
|
-
//# sourceMappingURL=number-
|
|
90
|
+
//# sourceMappingURL=number-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"number-input.js","sourceRoot":"","sources":["../../src/components/number-input/number-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './password-input';
|
|
@@ -10,5 +10,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
10
10
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./password-
|
|
13
|
+
__exportStar(require("./password-input"), exports);
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/password-input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,mDAAiC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TextInputProps } from '../text-input';
|
|
3
|
+
export declare type PasswordInputBaseProps = Omit<TextInputProps, 'type' | 'trailingAddOn'>;
|
|
4
|
+
export interface PasswordInputProps extends PasswordInputBaseProps {
|
|
5
|
+
showPasswordAriaTitle?: string;
|
|
6
|
+
hidePasswordAriaTitle?: string;
|
|
7
|
+
}
|
|
8
|
+
export declare function PasswordInput({ showPasswordAriaTitle, hidePasswordAriaTitle, className, ...props }: PasswordInputProps): JSX.Element;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.PasswordInput = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
6
|
const react_helpers_1 = require("../../lib/react-helpers");
|
|
7
|
-
const
|
|
7
|
+
const text_input_1 = require("../text-input");
|
|
8
8
|
const button_1 = require("../button");
|
|
9
9
|
const svg_icon_1 = require("../svg-icon");
|
|
10
10
|
const eye_1 = require("../../icons/eye");
|
|
11
11
|
const eye_slash_1 = require("../../icons/eye-slash");
|
|
12
|
-
function
|
|
12
|
+
function PasswordInput({ showPasswordAriaTitle = 'Show password', hidePasswordAriaTitle = 'Hide password', className, ...props }) {
|
|
13
13
|
const [type, setType] = react_1.useState('password');
|
|
14
14
|
let icon = eye_slash_1.eyeSlash;
|
|
15
15
|
let title = showPasswordAriaTitle;
|
|
@@ -17,7 +17,7 @@ function PasswordField({ showPasswordAriaTitle = 'Show password', hidePasswordAr
|
|
|
17
17
|
icon = eye_1.eye;
|
|
18
18
|
title = hidePasswordAriaTitle;
|
|
19
19
|
}
|
|
20
|
-
return (jsx_runtime_1.jsx(
|
|
20
|
+
return (jsx_runtime_1.jsx(text_input_1.TextInput, Object.assign({}, props, { className: react_helpers_1.classNames(className, 'dc-password-input'), type: type, trailingAddOn: jsx_runtime_1.jsx(button_1.Button, { className: "dc-password-input__button", appearance: "minimal", noPadding: true, leadingIcon: jsx_runtime_1.jsx(svg_icon_1.SvgIcon, { size: "xl", icon: icon }, void 0), title: title, type: "button", size: "sm", onClick: () => setType(type === 'password' ? 'text' : 'password') }, void 0) }), void 0));
|
|
21
21
|
}
|
|
22
|
-
exports.
|
|
23
|
-
//# sourceMappingURL=password-
|
|
22
|
+
exports.PasswordInput = PasswordInput;
|
|
23
|
+
//# sourceMappingURL=password-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"password-input.js","sourceRoot":"","sources":["../../src/components/password-input/password-input.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiC;AACjC,2DAAqD;AACrD,8CAA0D;AAC1D,sCAAmC;AACnC,0CAAoD;AACpD,yCAAsC;AACtC,qDAAiD;AAYjD,SAAgB,aAAa,CAAC,EAC5B,qBAAqB,GAAG,eAAe,EACvC,qBAAqB,GAAG,eAAe,EACvC,SAAS,EACT,GAAG,KAAK,EACW;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,gBAAQ,CAAsB,UAAU,CAAC,CAAC;IAElE,IAAI,IAAI,GAAyB,oBAAQ,CAAC;IAC1C,IAAI,KAAK,GAAW,qBAAqB,CAAC;IAC1C,IAAI,IAAI,KAAK,MAAM,EAAE;QACnB,IAAI,GAAG,SAAG,CAAC;QACX,KAAK,GAAG,qBAAqB,CAAC;KAC/B;IAED,OAAO,CACL,kBAAC,sBAAS,oBACJ,KAAK,IACT,SAAS,EAAE,0BAAU,CAAC,SAAS,EAAE,mBAAmB,CAAC,EACrD,IAAI,EAAE,IAAI,EACV,aAAa,EACX,kBAAC,eAAM,IACL,SAAS,EAAC,2BAA2B,EACrC,UAAU,EAAC,SAAS,EACpB,SAAS,EAAE,IAAI,EACf,WAAW,EAAE,kBAAC,kBAAO,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,WAAI,EAC9C,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,WACjE,YAEJ,CACH,CAAC;AACJ,CAAC;AAlCD,sCAkCC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './search-input';
|
|
@@ -10,5 +10,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
10
10
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
11
|
};
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
-
__exportStar(require("./search-
|
|
13
|
+
__exportStar(require("./search-input"), exports);
|
|
14
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/search-input/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,iDAA+B"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TextInputProps } from '../text-input';
|
|
3
|
+
export interface SearchInputProps extends TextInputProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const SearchInput: import("react").ForwardRefExoticComponent<Pick<SearchInputProps, "form" | "slot" | "style" | "title" | "pattern" | "className" | "color" | "height" | "id" | "lang" | "max" | "min" | "name" | "type" | "width" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key" | "size" | "list" | "step" | "hidden" | "multiple" | "disabled" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "fullWidth" | "alt" | "src" | "accept" | "autoComplete" | "capture" | "enterKeyHint" | "maxLength" | "minLength" | "readOnly" | "required" | "invalid" | "leadingAddOn" | "trailingAddOn" | "onChangeValue"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.SearchInput = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
const react_1 = require("react");
|
|
6
|
+
const text_input_1 = require("../text-input");
|
|
7
|
+
const svg_icon_1 = require("../svg-icon");
|
|
8
|
+
const search_1 = require("../../icons/search");
|
|
9
|
+
const iconSize = {
|
|
10
|
+
sm: 14,
|
|
11
|
+
md: 16,
|
|
12
|
+
lg: 20,
|
|
13
|
+
};
|
|
14
|
+
exports.SearchInput = react_1.forwardRef(function SearchInput({ size = 'md', ...props }, ref) {
|
|
15
|
+
const leadingIcon = (jsx_runtime_1.jsx(svg_icon_1.SvgIcon, { icon: search_1.search, size: iconSize[size] || iconSize.md }, void 0));
|
|
16
|
+
return (jsx_runtime_1.jsx(text_input_1.TextInput, Object.assign({}, props, { ref: ref, size: size, type: "search", leadingAddOn: leadingIcon }), void 0));
|
|
17
|
+
});
|
|
18
|
+
//# sourceMappingURL=search-input.js.map
|