@razorpay/blade 11.27.0 → 11.27.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/build/lib/web/development/components/DatePicker/DateInput.web.js +15 -4
- package/build/lib/web/development/components/DatePicker/DateInput.web.js.map +1 -1
- package/build/lib/web/production/components/DatePicker/DateInput.web.js +15 -4
- package/build/lib/web/production/components/DatePicker/DateInput.web.js.map +1 -1
- package/package.json +1 -1
|
@@ -48,12 +48,16 @@ var _DateInput = function _DateInput(props, ref) {
|
|
|
48
48
|
var DateInput = /*#__PURE__*/React__default.forwardRef(_DateInput);
|
|
49
49
|
var HiddenInput = function HiddenInput(_ref2) {
|
|
50
50
|
var value = _ref2.value,
|
|
51
|
-
name = _ref2.name
|
|
51
|
+
name = _ref2.name,
|
|
52
|
+
isRequired = _ref2.isRequired,
|
|
53
|
+
isDisabled = _ref2.isDisabled;
|
|
52
54
|
if (isReactNative()) return /*#__PURE__*/jsx(Fragment, {});
|
|
53
55
|
return /*#__PURE__*/jsx("input", {
|
|
54
56
|
hidden: true,
|
|
55
57
|
name: name,
|
|
56
58
|
value: value,
|
|
59
|
+
required: isRequired,
|
|
60
|
+
disabled: isDisabled,
|
|
57
61
|
readOnly: true
|
|
58
62
|
});
|
|
59
63
|
};
|
|
@@ -99,7 +103,9 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
|
|
|
99
103
|
width: "100%",
|
|
100
104
|
children: [/*#__PURE__*/jsx(HiddenInput, {
|
|
101
105
|
value: dateValue,
|
|
102
|
-
name: name
|
|
106
|
+
name: name,
|
|
107
|
+
isRequired: props.isRequired,
|
|
108
|
+
isDisabled: props.isDisabled
|
|
103
109
|
}), /*#__PURE__*/jsx(DateInput, _objectSpread(_objectSpread({
|
|
104
110
|
ref: ref,
|
|
105
111
|
id: "start-date",
|
|
@@ -112,6 +118,7 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
|
|
|
112
118
|
autoFocus: autoFocus,
|
|
113
119
|
value: dateValue,
|
|
114
120
|
componentName: "DatePickerInput",
|
|
121
|
+
necessityIndicator: necessityIndicator,
|
|
115
122
|
successText: successText,
|
|
116
123
|
errorText: errorText,
|
|
117
124
|
helpText: helpText
|
|
@@ -158,7 +165,9 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
|
|
|
158
165
|
flexBasis: isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px',
|
|
159
166
|
children: [/*#__PURE__*/jsx(HiddenInput, {
|
|
160
167
|
value: startValue,
|
|
161
|
-
name: name === null || name === void 0 ? void 0 : name.start
|
|
168
|
+
name: name === null || name === void 0 ? void 0 : name.start,
|
|
169
|
+
isRequired: props.isRequired,
|
|
170
|
+
isDisabled: props.isDisabled
|
|
162
171
|
}), /*#__PURE__*/jsx(DateInput, _objectSpread(_objectSpread({
|
|
163
172
|
setInputWrapperRef: function setInputWrapperRef(node) {
|
|
164
173
|
return inputRef.current = node;
|
|
@@ -192,7 +201,9 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
|
|
|
192
201
|
flex: 1,
|
|
193
202
|
children: [/*#__PURE__*/jsx(HiddenInput, {
|
|
194
203
|
value: endValue,
|
|
195
|
-
name: name === null || name === void 0 ? void 0 : name.end
|
|
204
|
+
name: name === null || name === void 0 ? void 0 : name.end,
|
|
205
|
+
isRequired: props.isRequired,
|
|
206
|
+
isDisabled: props.isDisabled
|
|
196
207
|
}), /*#__PURE__*/jsx(DateInput, _objectSpread(_objectSpread({
|
|
197
208
|
id: "end-date",
|
|
198
209
|
placeholder: format,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport { getFormattedDate } from './utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst _DateInput = (\n props: BaseInputProps,\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n return (\n <BaseInput\n {...props}\n ref={ref}\n as=\"button\"\n textAlign=\"left\"\n hideLabelText={props.label?.length === 0}\n autoCompleteSuggestionType=\"none\"\n hasPopup=\"dialog\"\n onClick={(e) => {\n if (props.isDisabled) {\n return;\n }\n props.onClick?.(e);\n }}\n onKeyDown={({ event }) => {\n // @ts-expect-error\n props.onKeyDown?.(event);\n }}\n />\n );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({ value, name }: { value: string; name?: string }): React.ReactElement => {\n if (isReactNative()) return <></>;\n\n return <input hidden={true} name={name} value={value} readOnly />;\n};\n\nconst iconVerticalMargin = {\n medium: sizeTokens[14],\n large: sizeTokens[24],\n} as const;\nconst LEFT_LABEL_WIDTH = 132;\n\nconst _DatePickerInput = (\n {\n selectionType,\n referenceProps,\n inputRef,\n date,\n label,\n labelPosition,\n autoFocus,\n name,\n size = 'medium',\n necessityIndicator,\n successText,\n errorText,\n helpText,\n ...props\n }: DatePickerInputProps,\n ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n const isMobile = useIsMobile();\n const format = 'DD/MM/YYYY';\n const isLarge = size === 'large';\n const hasLabel = typeof label === 'string' ? Boolean(label) : Boolean(label?.start || label?.end);\n const isLabelPositionLeft = labelPosition === 'left';\n const isLabelPositionTop = labelPosition === 'top';\n const isLabelPositionVisuallyTop = hasLabel && (isLabelPositionTop || isMobile);\n\n const { locale } = useDatesContext();\n\n if (selectionType == 'single') {\n const dateValue = getFormattedDate({\n date,\n format,\n labelSeparator: '-',\n locale,\n type: 'default',\n });\n return (\n <BaseBox width=\"100%\">\n <HiddenInput value={dateValue} name={name} />\n <DateInput\n ref={ref as never}\n id=\"start-date\"\n labelPosition={labelPosition}\n label={label}\n placeholder={format}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={dateValue}\n componentName=\"DatePickerInput\"\n successText={successText}\n errorText={errorText}\n helpText={helpText}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n );\n }\n\n if (selectionType == 'range') {\n const shouldRenderEndLabel = (): string | undefined => {\n let finalLabel: string | undefined = '';\n\n const labelEnd = isLabelPositionLeft ? undefined : label?.end;\n if (isLabelPositionVisuallyTop && labelEnd === undefined) {\n // Empty space, nbsp;\n finalLabel = '\\u00A0';\n } else if (isLabelPositionLeft) {\n finalLabel = undefined;\n } else {\n finalLabel = label?.end;\n }\n return finalLabel;\n };\n\n const startValue = getFormattedDate({\n type: 'default',\n date: date[0],\n format,\n labelSeparator: '-',\n locale,\n });\n const endValue = getFormattedDate({\n type: 'default',\n date: date[1],\n format,\n labelSeparator: '-',\n locale,\n });\n return (\n <BaseBox\n width=\"100%\"\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.4\"\n alignItems=\"flex-start\"\n ref={ref as never}\n >\n <BaseBox flex={1} flexBasis={isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px'}>\n <HiddenInput value={startValue} name={name?.start} />\n <DateInput\n setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n id=\"start-date\"\n leadingIcon={CalendarIcon}\n label={label?.start}\n labelPosition={labelPosition}\n placeholder={format}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={startValue}\n componentName=\"DatePickerInputStart\"\n necessityIndicator={necessityIndicator}\n successText={successText?.start}\n errorText={errorText?.start}\n helpText={helpText?.start}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n <BaseBox flexShrink={0} alignSelf=\"start\">\n <ArrowRightIcon\n size=\"medium\"\n marginTop={\n // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n hasLabel && (!isLabelPositionLeft || isMobile)\n ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n isLarge ? sizeTokens[20] : sizeTokens[15],\n )})`\n : makeSize(iconVerticalMargin[size])\n }\n />\n </BaseBox>\n <BaseBox flex={1}>\n <HiddenInput value={endValue} name={name?.end} />\n <DateInput\n id=\"end-date\"\n placeholder={format}\n leadingIcon={CalendarIcon}\n label={shouldRenderEndLabel()}\n labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n value={endValue}\n componentName=\"DatePickerInputEnd\"\n successText={successText?.end}\n errorText={errorText?.end}\n helpText={helpText?.end}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n </BaseBox>\n );\n }\n\n return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isReactNative","_Fragment","hidden","readOnly","iconVerticalMargin","medium","sizeTokens","large","LEFT_LABEL_WIDTH","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","necessityIndicator","successText","errorText","helpText","_objectWithoutProperties","_excluded","isMobile","useIsMobile","format","isLarge","hasLabel","Boolean","start","end","isLabelPositionLeft","isLabelPositionTop","isLabelPositionVisuallyTop","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","placeholder","popupId","isPopupExpanded","componentName","shouldRenderEndLabel","finalLabel","labelEnd","undefined","startValue","endValue","display","flexDirection","gap","alignItems","flex","flexBasis","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","DatePickerInput"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport { getFormattedDate } from './utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst _DateInput = (\n props: BaseInputProps,\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n return (\n <BaseInput\n {...props}\n ref={ref}\n as=\"button\"\n textAlign=\"left\"\n hideLabelText={props.label?.length === 0}\n autoCompleteSuggestionType=\"none\"\n hasPopup=\"dialog\"\n onClick={(e) => {\n if (props.isDisabled) {\n return;\n }\n props.onClick?.(e);\n }}\n onKeyDown={({ event }) => {\n // @ts-expect-error\n props.onKeyDown?.(event);\n }}\n />\n );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({\n value,\n name,\n isRequired,\n isDisabled,\n}: {\n value: string;\n name?: string;\n isRequired?: boolean;\n isDisabled?: boolean;\n}): React.ReactElement => {\n if (isReactNative()) return <></>;\n\n return (\n <input\n hidden={true}\n name={name}\n value={value}\n required={isRequired}\n disabled={isDisabled}\n readOnly\n />\n );\n};\n\nconst iconVerticalMargin = {\n medium: sizeTokens[14],\n large: sizeTokens[24],\n} as const;\nconst LEFT_LABEL_WIDTH = 132;\n\nconst _DatePickerInput = (\n {\n selectionType,\n referenceProps,\n inputRef,\n date,\n label,\n labelPosition,\n autoFocus,\n name,\n size = 'medium',\n necessityIndicator,\n successText,\n errorText,\n helpText,\n ...props\n }: DatePickerInputProps,\n ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n const isMobile = useIsMobile();\n const format = 'DD/MM/YYYY';\n const isLarge = size === 'large';\n const hasLabel = typeof label === 'string' ? Boolean(label) : Boolean(label?.start || label?.end);\n const isLabelPositionLeft = labelPosition === 'left';\n const isLabelPositionTop = labelPosition === 'top';\n const isLabelPositionVisuallyTop = hasLabel && (isLabelPositionTop || isMobile);\n\n const { locale } = useDatesContext();\n\n if (selectionType == 'single') {\n const dateValue = getFormattedDate({\n date,\n format,\n labelSeparator: '-',\n locale,\n type: 'default',\n });\n return (\n <BaseBox width=\"100%\">\n <HiddenInput\n value={dateValue}\n name={name}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n />\n <DateInput\n ref={ref as never}\n id=\"start-date\"\n labelPosition={labelPosition}\n label={label}\n placeholder={format}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={dateValue}\n componentName=\"DatePickerInput\"\n necessityIndicator={necessityIndicator}\n successText={successText}\n errorText={errorText}\n helpText={helpText}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n );\n }\n\n if (selectionType == 'range') {\n const shouldRenderEndLabel = (): string | undefined => {\n let finalLabel: string | undefined = '';\n\n const labelEnd = isLabelPositionLeft ? undefined : label?.end;\n if (isLabelPositionVisuallyTop && labelEnd === undefined) {\n // Empty space, nbsp;\n finalLabel = '\\u00A0';\n } else if (isLabelPositionLeft) {\n finalLabel = undefined;\n } else {\n finalLabel = label?.end;\n }\n return finalLabel;\n };\n\n const startValue = getFormattedDate({\n type: 'default',\n date: date[0],\n format,\n labelSeparator: '-',\n locale,\n });\n const endValue = getFormattedDate({\n type: 'default',\n date: date[1],\n format,\n labelSeparator: '-',\n locale,\n });\n return (\n <BaseBox\n width=\"100%\"\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.4\"\n alignItems=\"flex-start\"\n ref={ref as never}\n >\n <BaseBox flex={1} flexBasis={isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px'}>\n <HiddenInput\n value={startValue}\n name={name?.start}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n />\n <DateInput\n setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n id=\"start-date\"\n leadingIcon={CalendarIcon}\n label={label?.start}\n labelPosition={labelPosition}\n placeholder={format}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={startValue}\n componentName=\"DatePickerInputStart\"\n necessityIndicator={necessityIndicator}\n successText={successText?.start}\n errorText={errorText?.start}\n helpText={helpText?.start}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n <BaseBox flexShrink={0} alignSelf=\"start\">\n <ArrowRightIcon\n size=\"medium\"\n marginTop={\n // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n hasLabel && (!isLabelPositionLeft || isMobile)\n ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n isLarge ? sizeTokens[20] : sizeTokens[15],\n )})`\n : makeSize(iconVerticalMargin[size])\n }\n />\n </BaseBox>\n <BaseBox flex={1}>\n <HiddenInput\n value={endValue}\n name={name?.end}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n />\n <DateInput\n id=\"end-date\"\n placeholder={format}\n leadingIcon={CalendarIcon}\n label={shouldRenderEndLabel()}\n labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n value={endValue}\n componentName=\"DatePickerInputEnd\"\n successText={successText?.end}\n errorText={errorText?.end}\n helpText={helpText?.end}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n </BaseBox>\n );\n }\n\n return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isRequired","isReactNative","_Fragment","hidden","required","disabled","readOnly","iconVerticalMargin","medium","sizeTokens","large","LEFT_LABEL_WIDTH","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","necessityIndicator","successText","errorText","helpText","_objectWithoutProperties","_excluded","isMobile","useIsMobile","format","isLarge","hasLabel","Boolean","start","end","isLabelPositionLeft","isLabelPositionTop","isLabelPositionVisuallyTop","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","placeholder","popupId","isPopupExpanded","componentName","shouldRenderEndLabel","finalLabel","labelEnd","undefined","startValue","endValue","display","flexDirection","gap","alignItems","flex","flexBasis","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","DatePickerInput"],"mappings":"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"}
|
|
@@ -48,12 +48,16 @@ var _DateInput = function _DateInput(props, ref) {
|
|
|
48
48
|
var DateInput = /*#__PURE__*/React__default.forwardRef(_DateInput);
|
|
49
49
|
var HiddenInput = function HiddenInput(_ref2) {
|
|
50
50
|
var value = _ref2.value,
|
|
51
|
-
name = _ref2.name
|
|
51
|
+
name = _ref2.name,
|
|
52
|
+
isRequired = _ref2.isRequired,
|
|
53
|
+
isDisabled = _ref2.isDisabled;
|
|
52
54
|
if (isReactNative()) return /*#__PURE__*/jsx(Fragment, {});
|
|
53
55
|
return /*#__PURE__*/jsx("input", {
|
|
54
56
|
hidden: true,
|
|
55
57
|
name: name,
|
|
56
58
|
value: value,
|
|
59
|
+
required: isRequired,
|
|
60
|
+
disabled: isDisabled,
|
|
57
61
|
readOnly: true
|
|
58
62
|
});
|
|
59
63
|
};
|
|
@@ -99,7 +103,9 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
|
|
|
99
103
|
width: "100%",
|
|
100
104
|
children: [/*#__PURE__*/jsx(HiddenInput, {
|
|
101
105
|
value: dateValue,
|
|
102
|
-
name: name
|
|
106
|
+
name: name,
|
|
107
|
+
isRequired: props.isRequired,
|
|
108
|
+
isDisabled: props.isDisabled
|
|
103
109
|
}), /*#__PURE__*/jsx(DateInput, _objectSpread(_objectSpread({
|
|
104
110
|
ref: ref,
|
|
105
111
|
id: "start-date",
|
|
@@ -112,6 +118,7 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
|
|
|
112
118
|
autoFocus: autoFocus,
|
|
113
119
|
value: dateValue,
|
|
114
120
|
componentName: "DatePickerInput",
|
|
121
|
+
necessityIndicator: necessityIndicator,
|
|
115
122
|
successText: successText,
|
|
116
123
|
errorText: errorText,
|
|
117
124
|
helpText: helpText
|
|
@@ -158,7 +165,9 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
|
|
|
158
165
|
flexBasis: isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px',
|
|
159
166
|
children: [/*#__PURE__*/jsx(HiddenInput, {
|
|
160
167
|
value: startValue,
|
|
161
|
-
name: name === null || name === void 0 ? void 0 : name.start
|
|
168
|
+
name: name === null || name === void 0 ? void 0 : name.start,
|
|
169
|
+
isRequired: props.isRequired,
|
|
170
|
+
isDisabled: props.isDisabled
|
|
162
171
|
}), /*#__PURE__*/jsx(DateInput, _objectSpread(_objectSpread({
|
|
163
172
|
setInputWrapperRef: function setInputWrapperRef(node) {
|
|
164
173
|
return inputRef.current = node;
|
|
@@ -192,7 +201,9 @@ var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
|
|
|
192
201
|
flex: 1,
|
|
193
202
|
children: [/*#__PURE__*/jsx(HiddenInput, {
|
|
194
203
|
value: endValue,
|
|
195
|
-
name: name === null || name === void 0 ? void 0 : name.end
|
|
204
|
+
name: name === null || name === void 0 ? void 0 : name.end,
|
|
205
|
+
isRequired: props.isRequired,
|
|
206
|
+
isDisabled: props.isDisabled
|
|
196
207
|
}), /*#__PURE__*/jsx(DateInput, _objectSpread(_objectSpread({
|
|
197
208
|
id: "end-date",
|
|
198
209
|
placeholder: format,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport { getFormattedDate } from './utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst _DateInput = (\n props: BaseInputProps,\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n return (\n <BaseInput\n {...props}\n ref={ref}\n as=\"button\"\n textAlign=\"left\"\n hideLabelText={props.label?.length === 0}\n autoCompleteSuggestionType=\"none\"\n hasPopup=\"dialog\"\n onClick={(e) => {\n if (props.isDisabled) {\n return;\n }\n props.onClick?.(e);\n }}\n onKeyDown={({ event }) => {\n // @ts-expect-error\n props.onKeyDown?.(event);\n }}\n />\n );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({ value, name }: { value: string; name?: string }): React.ReactElement => {\n if (isReactNative()) return <></>;\n\n return <input hidden={true} name={name} value={value} readOnly />;\n};\n\nconst iconVerticalMargin = {\n medium: sizeTokens[14],\n large: sizeTokens[24],\n} as const;\nconst LEFT_LABEL_WIDTH = 132;\n\nconst _DatePickerInput = (\n {\n selectionType,\n referenceProps,\n inputRef,\n date,\n label,\n labelPosition,\n autoFocus,\n name,\n size = 'medium',\n necessityIndicator,\n successText,\n errorText,\n helpText,\n ...props\n }: DatePickerInputProps,\n ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n const isMobile = useIsMobile();\n const format = 'DD/MM/YYYY';\n const isLarge = size === 'large';\n const hasLabel = typeof label === 'string' ? Boolean(label) : Boolean(label?.start || label?.end);\n const isLabelPositionLeft = labelPosition === 'left';\n const isLabelPositionTop = labelPosition === 'top';\n const isLabelPositionVisuallyTop = hasLabel && (isLabelPositionTop || isMobile);\n\n const { locale } = useDatesContext();\n\n if (selectionType == 'single') {\n const dateValue = getFormattedDate({\n date,\n format,\n labelSeparator: '-',\n locale,\n type: 'default',\n });\n return (\n <BaseBox width=\"100%\">\n <HiddenInput value={dateValue} name={name} />\n <DateInput\n ref={ref as never}\n id=\"start-date\"\n labelPosition={labelPosition}\n label={label}\n placeholder={format}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={dateValue}\n componentName=\"DatePickerInput\"\n successText={successText}\n errorText={errorText}\n helpText={helpText}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n );\n }\n\n if (selectionType == 'range') {\n const shouldRenderEndLabel = (): string | undefined => {\n let finalLabel: string | undefined = '';\n\n const labelEnd = isLabelPositionLeft ? undefined : label?.end;\n if (isLabelPositionVisuallyTop && labelEnd === undefined) {\n // Empty space, nbsp;\n finalLabel = '\\u00A0';\n } else if (isLabelPositionLeft) {\n finalLabel = undefined;\n } else {\n finalLabel = label?.end;\n }\n return finalLabel;\n };\n\n const startValue = getFormattedDate({\n type: 'default',\n date: date[0],\n format,\n labelSeparator: '-',\n locale,\n });\n const endValue = getFormattedDate({\n type: 'default',\n date: date[1],\n format,\n labelSeparator: '-',\n locale,\n });\n return (\n <BaseBox\n width=\"100%\"\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.4\"\n alignItems=\"flex-start\"\n ref={ref as never}\n >\n <BaseBox flex={1} flexBasis={isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px'}>\n <HiddenInput value={startValue} name={name?.start} />\n <DateInput\n setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n id=\"start-date\"\n leadingIcon={CalendarIcon}\n label={label?.start}\n labelPosition={labelPosition}\n placeholder={format}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={startValue}\n componentName=\"DatePickerInputStart\"\n necessityIndicator={necessityIndicator}\n successText={successText?.start}\n errorText={errorText?.start}\n helpText={helpText?.start}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n <BaseBox flexShrink={0} alignSelf=\"start\">\n <ArrowRightIcon\n size=\"medium\"\n marginTop={\n // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n hasLabel && (!isLabelPositionLeft || isMobile)\n ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n isLarge ? sizeTokens[20] : sizeTokens[15],\n )})`\n : makeSize(iconVerticalMargin[size])\n }\n />\n </BaseBox>\n <BaseBox flex={1}>\n <HiddenInput value={endValue} name={name?.end} />\n <DateInput\n id=\"end-date\"\n placeholder={format}\n leadingIcon={CalendarIcon}\n label={shouldRenderEndLabel()}\n labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n value={endValue}\n componentName=\"DatePickerInputEnd\"\n successText={successText?.end}\n errorText={errorText?.end}\n helpText={helpText?.end}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n </BaseBox>\n );\n }\n\n return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isReactNative","_Fragment","hidden","readOnly","iconVerticalMargin","medium","sizeTokens","large","LEFT_LABEL_WIDTH","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","necessityIndicator","successText","errorText","helpText","_objectWithoutProperties","_excluded","isMobile","useIsMobile","format","isLarge","hasLabel","Boolean","start","end","isLabelPositionLeft","isLabelPositionTop","isLabelPositionVisuallyTop","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","placeholder","popupId","isPopupExpanded","componentName","shouldRenderEndLabel","finalLabel","labelEnd","undefined","startValue","endValue","display","flexDirection","gap","alignItems","flex","flexBasis","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","DatePickerInput"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport { getFormattedDate } from './utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\nimport { useIsMobile } from '~utils/useIsMobile';\n\nconst _DateInput = (\n props: BaseInputProps,\n ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n return (\n <BaseInput\n {...props}\n ref={ref}\n as=\"button\"\n textAlign=\"left\"\n hideLabelText={props.label?.length === 0}\n autoCompleteSuggestionType=\"none\"\n hasPopup=\"dialog\"\n onClick={(e) => {\n if (props.isDisabled) {\n return;\n }\n props.onClick?.(e);\n }}\n onKeyDown={({ event }) => {\n // @ts-expect-error\n props.onKeyDown?.(event);\n }}\n />\n );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({\n value,\n name,\n isRequired,\n isDisabled,\n}: {\n value: string;\n name?: string;\n isRequired?: boolean;\n isDisabled?: boolean;\n}): React.ReactElement => {\n if (isReactNative()) return <></>;\n\n return (\n <input\n hidden={true}\n name={name}\n value={value}\n required={isRequired}\n disabled={isDisabled}\n readOnly\n />\n );\n};\n\nconst iconVerticalMargin = {\n medium: sizeTokens[14],\n large: sizeTokens[24],\n} as const;\nconst LEFT_LABEL_WIDTH = 132;\n\nconst _DatePickerInput = (\n {\n selectionType,\n referenceProps,\n inputRef,\n date,\n label,\n labelPosition,\n autoFocus,\n name,\n size = 'medium',\n necessityIndicator,\n successText,\n errorText,\n helpText,\n ...props\n }: DatePickerInputProps,\n ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n const isMobile = useIsMobile();\n const format = 'DD/MM/YYYY';\n const isLarge = size === 'large';\n const hasLabel = typeof label === 'string' ? Boolean(label) : Boolean(label?.start || label?.end);\n const isLabelPositionLeft = labelPosition === 'left';\n const isLabelPositionTop = labelPosition === 'top';\n const isLabelPositionVisuallyTop = hasLabel && (isLabelPositionTop || isMobile);\n\n const { locale } = useDatesContext();\n\n if (selectionType == 'single') {\n const dateValue = getFormattedDate({\n date,\n format,\n labelSeparator: '-',\n locale,\n type: 'default',\n });\n return (\n <BaseBox width=\"100%\">\n <HiddenInput\n value={dateValue}\n name={name}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n />\n <DateInput\n ref={ref as never}\n id=\"start-date\"\n labelPosition={labelPosition}\n label={label}\n placeholder={format}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={dateValue}\n componentName=\"DatePickerInput\"\n necessityIndicator={necessityIndicator}\n successText={successText}\n errorText={errorText}\n helpText={helpText}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n );\n }\n\n if (selectionType == 'range') {\n const shouldRenderEndLabel = (): string | undefined => {\n let finalLabel: string | undefined = '';\n\n const labelEnd = isLabelPositionLeft ? undefined : label?.end;\n if (isLabelPositionVisuallyTop && labelEnd === undefined) {\n // Empty space, nbsp;\n finalLabel = '\\u00A0';\n } else if (isLabelPositionLeft) {\n finalLabel = undefined;\n } else {\n finalLabel = label?.end;\n }\n return finalLabel;\n };\n\n const startValue = getFormattedDate({\n type: 'default',\n date: date[0],\n format,\n labelSeparator: '-',\n locale,\n });\n const endValue = getFormattedDate({\n type: 'default',\n date: date[1],\n format,\n labelSeparator: '-',\n locale,\n });\n return (\n <BaseBox\n width=\"100%\"\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.4\"\n alignItems=\"flex-start\"\n ref={ref as never}\n >\n <BaseBox flex={1} flexBasis={isLabelPositionLeft ? LEFT_LABEL_WIDTH : '0px'}>\n <HiddenInput\n value={startValue}\n name={name?.start}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n />\n <DateInput\n setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n id=\"start-date\"\n leadingIcon={CalendarIcon}\n label={label?.start}\n labelPosition={labelPosition}\n placeholder={format}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n autoFocus={autoFocus}\n value={startValue}\n componentName=\"DatePickerInputStart\"\n necessityIndicator={necessityIndicator}\n successText={successText?.start}\n errorText={errorText?.start}\n helpText={helpText?.start}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n <BaseBox flexShrink={0} alignSelf=\"start\">\n <ArrowRightIcon\n size=\"medium\"\n marginTop={\n // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n hasLabel && (!isLabelPositionLeft || isMobile)\n ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n isLarge ? sizeTokens[20] : sizeTokens[15],\n )})`\n : makeSize(iconVerticalMargin[size])\n }\n />\n </BaseBox>\n <BaseBox flex={1}>\n <HiddenInput\n value={endValue}\n name={name?.end}\n isRequired={props.isRequired}\n isDisabled={props.isDisabled}\n />\n <DateInput\n id=\"end-date\"\n placeholder={format}\n leadingIcon={CalendarIcon}\n label={shouldRenderEndLabel()}\n labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n popupId={referenceProps['aria-controls']}\n isPopupExpanded={referenceProps['aria-expanded']}\n size={size}\n value={endValue}\n componentName=\"DatePickerInputEnd\"\n successText={successText?.end}\n errorText={errorText?.end}\n helpText={helpText?.end}\n {...props}\n {...referenceProps}\n />\n </BaseBox>\n </BaseBox>\n );\n }\n\n return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isRequired","isReactNative","_Fragment","hidden","required","disabled","readOnly","iconVerticalMargin","medium","sizeTokens","large","LEFT_LABEL_WIDTH","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","necessityIndicator","successText","errorText","helpText","_objectWithoutProperties","_excluded","isMobile","useIsMobile","format","isLarge","hasLabel","Boolean","start","end","isLabelPositionLeft","isLabelPositionTop","isLabelPositionVisuallyTop","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","placeholder","popupId","isPopupExpanded","componentName","shouldRenderEndLabel","finalLabel","labelEnd","undefined","startValue","endValue","display","flexDirection","gap","alignItems","flex","flexBasis","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","DatePickerInput"],"mappings":"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"}
|