@channel.io/bezier-react 1.15.0 → 1.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Forms/Inputs/TextField/TextField.types.js.map +1 -1
- package/dist/esm/components/Forms/Inputs/TextField/TextField.types.mjs.map +1 -1
- package/dist/types/components/Forms/Inputs/TextField/TextField.types.d.ts +1 -1
- package/dist/types/components/Forms/Inputs/TextField/TextField.types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/Forms/Inputs/TextField/TextField.types.ts +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.types.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport type {\n AdditionalColorProps,\n AdditionalStylableProps,\n BezierComponentProps,\n SideContentProps,\n SizeProps,\n VariantProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms'\nimport { FormFieldSize } from '~/src/components/Forms'\n\nexport enum TextFieldType {\n Search = 'search',\n Text = 'text',\n Email = 'email',\n Password = 'password',\n Tel = 'tel',\n Url = 'url',\n Hidden = 'hidden',\n Number = 'number',\n}\n\nexport enum TextFieldSize {\n XL = FormFieldSize.XL,\n L = FormFieldSize.L,\n M = FormFieldSize.M,\n XS = FormFieldSize.XS,\n}\n\nexport type SelectionRangeDirections = 'forward' | 'backward' | 'none'\n\nexport enum TextFieldVariant {\n Primary,\n Secondary,\n}\n\nexport type TextFieldItemProps = {\n icon: BezierIcon\n onClick?: React.MouseEventHandler\n} & AdditionalColorProps<'icon'> | React.ReactElement\n\nexport interface TextFieldRef {\n focus(options?: FocusOptions): void\n blur(): void\n setSelectionRange(start?: number, end?: number, direction?: SelectionRangeDirections): void\n getSelectionRange(): [number, number]\n selectAll(): void\n unselect(): void\n getBoundingClientRect(): ClientRect | DOMRect\n getDOMNode():
|
|
1
|
+
{"version":3,"file":"TextField.types.js","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport type {\n AdditionalColorProps,\n AdditionalStylableProps,\n BezierComponentProps,\n SideContentProps,\n SizeProps,\n VariantProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms'\nimport { FormFieldSize } from '~/src/components/Forms'\n\nexport enum TextFieldType {\n Search = 'search',\n Text = 'text',\n Email = 'email',\n Password = 'password',\n Tel = 'tel',\n Url = 'url',\n Hidden = 'hidden',\n Number = 'number',\n}\n\nexport enum TextFieldSize {\n XL = FormFieldSize.XL,\n L = FormFieldSize.L,\n M = FormFieldSize.M,\n XS = FormFieldSize.XS,\n}\n\nexport type SelectionRangeDirections = 'forward' | 'backward' | 'none'\n\nexport enum TextFieldVariant {\n Primary,\n Secondary,\n}\n\nexport type TextFieldItemProps = {\n icon: BezierIcon\n onClick?: React.MouseEventHandler\n} & AdditionalColorProps<'icon'> | React.ReactElement\n\nexport interface TextFieldRef {\n focus(options?: FocusOptions): void\n blur(): void\n setSelectionRange(start?: number, end?: number, direction?: SelectionRangeDirections): void\n getSelectionRange(): [number, number]\n selectAll(): void\n unselect(): void\n getBoundingClientRect(): ClientRect | DOMRect\n getDOMNode(): HTMLInputElement | null\n}\n\ntype ChangeEventHandler = React.ChangeEventHandler<HTMLInputElement>\ntype KeyboardEventHandler = React.KeyboardEventHandler<HTMLInputElement>\n\ninterface TextFieldOptions {\n type?: TextFieldType\n allowClear?: boolean\n selectAllOnInit?: boolean\n selectAllOnFocus?: boolean\n withoutLeftContentWrapper?: boolean\n withoutRightContentWrapper?: boolean\n onFocus?: ChangeEventHandler\n onChange?: ChangeEventHandler\n onKeyDown?: KeyboardEventHandler\n onKeyUp?: KeyboardEventHandler\n}\n\ntype OmittedInputHTMLAttributes = 'type' | 'size' | 'readOnly' | 'disabled' | 'onFocus'\n\nexport interface TextFieldProps extends\n FormComponentProps,\n BezierComponentProps,\n SizeProps<TextFieldSize>,\n VariantProps<TextFieldVariant>,\n SideContentProps<TextFieldItemProps, TextFieldItemProps | TextFieldItemProps[]>,\n AdditionalStylableProps<['input', 'wrapper', 'leftWrapper', 'rightWrapper']>,\n Omit<React.InputHTMLAttributes<HTMLInputElement>, OmittedInputHTMLAttributes>,\n TextFieldOptions {}\n"],"names":["TextFieldType","TextFieldSize","FormFieldSize","XL","L","M","XS","TextFieldVariant"],"mappings":";;;;AAgBYA,IAAAA,aAAa,0BAAbA,aAAa,EAAA;EAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAbA,aAAa,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAbA,aAAa,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAbA,aAAa,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAbA,aAAa,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAbA,aAAa,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAWbC,IAAAA,aAAa,aAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAClBC,IAAAA,CAAAA,GAAAA,qBAAa,CAACC,EAAE,CAAA,GAAA,IAAA,CAAA;AADXF,EAAAA,aAAa,CAAbA,aAAa,CAEnBC,GAAAA,CAAAA,GAAAA,qBAAa,CAACE,CAAC,CAAA,GAAA,GAAA,CAAA;AAFTH,EAAAA,aAAa,CAAbA,aAAa,CAGnBC,GAAAA,CAAAA,GAAAA,qBAAa,CAACG,CAAC,CAAA,GAAA,GAAA,CAAA;AAHTJ,EAAAA,aAAa,CAAbA,aAAa,CAIlBC,IAAAA,CAAAA,GAAAA,qBAAa,CAACI,EAAE,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAJXL,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASbM,IAAAA,gBAAgB,0BAAhBA,gBAAgB,EAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAhBA,gBAAgB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.types.mjs","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport type {\n AdditionalColorProps,\n AdditionalStylableProps,\n BezierComponentProps,\n SideContentProps,\n SizeProps,\n VariantProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms'\nimport { FormFieldSize } from '~/src/components/Forms'\n\nexport enum TextFieldType {\n Search = 'search',\n Text = 'text',\n Email = 'email',\n Password = 'password',\n Tel = 'tel',\n Url = 'url',\n Hidden = 'hidden',\n Number = 'number',\n}\n\nexport enum TextFieldSize {\n XL = FormFieldSize.XL,\n L = FormFieldSize.L,\n M = FormFieldSize.M,\n XS = FormFieldSize.XS,\n}\n\nexport type SelectionRangeDirections = 'forward' | 'backward' | 'none'\n\nexport enum TextFieldVariant {\n Primary,\n Secondary,\n}\n\nexport type TextFieldItemProps = {\n icon: BezierIcon\n onClick?: React.MouseEventHandler\n} & AdditionalColorProps<'icon'> | React.ReactElement\n\nexport interface TextFieldRef {\n focus(options?: FocusOptions): void\n blur(): void\n setSelectionRange(start?: number, end?: number, direction?: SelectionRangeDirections): void\n getSelectionRange(): [number, number]\n selectAll(): void\n unselect(): void\n getBoundingClientRect(): ClientRect | DOMRect\n getDOMNode():
|
|
1
|
+
{"version":3,"file":"TextField.types.mjs","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport type {\n AdditionalColorProps,\n AdditionalStylableProps,\n BezierComponentProps,\n SideContentProps,\n SizeProps,\n VariantProps,\n} from '~/src/types/ComponentProps'\n\nimport type { FormComponentProps } from '~/src/components/Forms'\nimport { FormFieldSize } from '~/src/components/Forms'\n\nexport enum TextFieldType {\n Search = 'search',\n Text = 'text',\n Email = 'email',\n Password = 'password',\n Tel = 'tel',\n Url = 'url',\n Hidden = 'hidden',\n Number = 'number',\n}\n\nexport enum TextFieldSize {\n XL = FormFieldSize.XL,\n L = FormFieldSize.L,\n M = FormFieldSize.M,\n XS = FormFieldSize.XS,\n}\n\nexport type SelectionRangeDirections = 'forward' | 'backward' | 'none'\n\nexport enum TextFieldVariant {\n Primary,\n Secondary,\n}\n\nexport type TextFieldItemProps = {\n icon: BezierIcon\n onClick?: React.MouseEventHandler\n} & AdditionalColorProps<'icon'> | React.ReactElement\n\nexport interface TextFieldRef {\n focus(options?: FocusOptions): void\n blur(): void\n setSelectionRange(start?: number, end?: number, direction?: SelectionRangeDirections): void\n getSelectionRange(): [number, number]\n selectAll(): void\n unselect(): void\n getBoundingClientRect(): ClientRect | DOMRect\n getDOMNode(): HTMLInputElement | null\n}\n\ntype ChangeEventHandler = React.ChangeEventHandler<HTMLInputElement>\ntype KeyboardEventHandler = React.KeyboardEventHandler<HTMLInputElement>\n\ninterface TextFieldOptions {\n type?: TextFieldType\n allowClear?: boolean\n selectAllOnInit?: boolean\n selectAllOnFocus?: boolean\n withoutLeftContentWrapper?: boolean\n withoutRightContentWrapper?: boolean\n onFocus?: ChangeEventHandler\n onChange?: ChangeEventHandler\n onKeyDown?: KeyboardEventHandler\n onKeyUp?: KeyboardEventHandler\n}\n\ntype OmittedInputHTMLAttributes = 'type' | 'size' | 'readOnly' | 'disabled' | 'onFocus'\n\nexport interface TextFieldProps extends\n FormComponentProps,\n BezierComponentProps,\n SizeProps<TextFieldSize>,\n VariantProps<TextFieldVariant>,\n SideContentProps<TextFieldItemProps, TextFieldItemProps | TextFieldItemProps[]>,\n AdditionalStylableProps<['input', 'wrapper', 'leftWrapper', 'rightWrapper']>,\n Omit<React.InputHTMLAttributes<HTMLInputElement>, OmittedInputHTMLAttributes>,\n TextFieldOptions {}\n"],"names":["TextFieldType","TextFieldSize","FormFieldSize","XL","L","M","XS","TextFieldVariant"],"mappings":";;AAgBYA,IAAAA,aAAa,0BAAbA,aAAa,EAAA;EAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAbA,aAAa,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;EAAbA,aAAa,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAbA,aAAa,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAbA,aAAa,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAbA,aAAa,CAAA,KAAA,CAAA,GAAA,KAAA,CAAA;EAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;EAAbA,aAAa,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAbA,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAWbC,IAAAA,aAAa,aAAbA,aAAa,EAAA;AAAbA,EAAAA,aAAa,CAAbA,aAAa,CAClBC,IAAAA,CAAAA,GAAAA,aAAa,CAACC,EAAE,CAAA,GAAA,IAAA,CAAA;AADXF,EAAAA,aAAa,CAAbA,aAAa,CAEnBC,GAAAA,CAAAA,GAAAA,aAAa,CAACE,CAAC,CAAA,GAAA,GAAA,CAAA;AAFTH,EAAAA,aAAa,CAAbA,aAAa,CAGnBC,GAAAA,CAAAA,GAAAA,aAAa,CAACG,CAAC,CAAA,GAAA,GAAA,CAAA;AAHTJ,EAAAA,aAAa,CAAbA,aAAa,CAIlBC,IAAAA,CAAAA,GAAAA,aAAa,CAACI,EAAE,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAJXL,aAAa,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AASbM,IAAAA,gBAAgB,0BAAhBA,gBAAgB,EAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,WAAA,CAAA,GAAA,CAAA,CAAA,GAAA,WAAA,CAAA;AAAA,EAAA,OAAhBA,gBAAgB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
|
|
@@ -35,7 +35,7 @@ export interface TextFieldRef {
|
|
|
35
35
|
selectAll(): void;
|
|
36
36
|
unselect(): void;
|
|
37
37
|
getBoundingClientRect(): ClientRect | DOMRect;
|
|
38
|
-
getDOMNode():
|
|
38
|
+
getDOMNode(): HTMLInputElement | null;
|
|
39
39
|
}
|
|
40
40
|
type ChangeEventHandler = React.ChangeEventHandler<HTMLInputElement>;
|
|
41
41
|
type KeyboardEventHandler = React.KeyboardEventHandler<HTMLInputElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,SAAS,EACT,YAAY,EACb,yCAAkC;AAEnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAA8B;AAGhE,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,aAAa;IACvB,EAAE,KAAmB;IACrB,CAAC,KAAkB;IACnB,CAAC,KAAkB;IACnB,EAAE,KAAmB;CACtB;AAED,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;AAEtE,oBAAY,gBAAgB;IAC1B,OAAO,IAAA;IACP,SAAS,IAAA;CACV;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC,GAAG,oBAAoB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;AAErD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,IAAI,IAAI,CAAA;IACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;IAC3F,iBAAiB,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,SAAS,IAAI,IAAI,CAAA;IACjB,QAAQ,IAAI,IAAI,CAAA;IAChB,qBAAqB,IAAI,UAAU,GAAG,OAAO,CAAA;IAC7C,UAAU,IAAI,
|
|
1
|
+
{"version":3,"file":"TextField.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Forms/Inputs/TextField/TextField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,EACV,oBAAoB,EACpB,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,SAAS,EACT,YAAY,EACb,yCAAkC;AAEnC,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAA8B;AAGhE,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,aAAa;IACvB,EAAE,KAAmB;IACrB,CAAC,KAAkB;IACnB,CAAC,KAAkB;IACnB,EAAE,KAAmB;CACtB;AAED,MAAM,MAAM,wBAAwB,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAA;AAEtE,oBAAY,gBAAgB;IAC1B,OAAO,IAAA;IACP,SAAS,IAAA;CACV;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,UAAU,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;CAClC,GAAG,oBAAoB,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,YAAY,CAAA;AAErD,MAAM,WAAW,YAAY;IAC3B,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACnC,IAAI,IAAI,IAAI,CAAA;IACZ,iBAAiB,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAA;IAC3F,iBAAiB,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IACrC,SAAS,IAAI,IAAI,CAAA;IACjB,QAAQ,IAAI,IAAI,CAAA;IAChB,qBAAqB,IAAI,UAAU,GAAG,OAAO,CAAA;IAC7C,UAAU,IAAI,gBAAgB,GAAG,IAAI,CAAA;CACtC;AAED,KAAK,kBAAkB,GAAG,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAA;AACpE,KAAK,oBAAoB,GAAG,KAAK,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,CAAA;AAExE,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,yBAAyB,CAAC,EAAE,OAAO,CAAA;IACnC,0BAA0B,CAAC,EAAE,OAAO,CAAA;IACpC,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAC5B,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAA;CAC/B;AAED,KAAK,0BAA0B,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAA;AAEvF,MAAM,WAAW,cAAe,SAC9B,kBAAkB,EAClB,oBAAoB,EACpB,SAAS,CAAC,aAAa,CAAC,EACxB,YAAY,CAAC,gBAAgB,CAAC,EAC9B,gBAAgB,CAAC,kBAAkB,EAAE,kBAAkB,GAAG,kBAAkB,EAAE,CAAC,EAC/E,uBAAuB,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,EAC5E,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,0BAA0B,CAAC,EAC7E,gBAAgB;CAAG"}
|
package/package.json
CHANGED
|
@@ -52,7 +52,7 @@ export interface TextFieldRef {
|
|
|
52
52
|
selectAll(): void
|
|
53
53
|
unselect(): void
|
|
54
54
|
getBoundingClientRect(): ClientRect | DOMRect
|
|
55
|
-
getDOMNode():
|
|
55
|
+
getDOMNode(): HTMLInputElement | null
|
|
56
56
|
}
|
|
57
57
|
|
|
58
58
|
type ChangeEventHandler = React.ChangeEventHandler<HTMLInputElement>
|