@bigbinary/neetoui 6.7.4 → 6.7.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Checkbox.js +4 -0
- package/dist/Checkbox.js.map +1 -1
- package/dist/DatePicker.js +4 -0
- package/dist/DatePicker.js.map +1 -1
- package/dist/DateTimePicker.js +5 -1
- package/dist/DateTimePicker.js.map +1 -1
- package/dist/Input.js +4 -0
- package/dist/Input.js.map +1 -1
- package/dist/Label.js +47 -10
- package/dist/Label.js.map +1 -1
- package/dist/MultiEmailInput.js +5 -0
- package/dist/MultiEmailInput.js.map +1 -1
- package/dist/Radio.js +4 -0
- package/dist/Radio.js.map +1 -1
- package/dist/Select.js +4 -0
- package/dist/Select.js.map +1 -1
- package/dist/Slider.js +4 -0
- package/dist/Slider.js.map +1 -1
- package/dist/Switch.js +4 -0
- package/dist/Switch.js.map +1 -1
- package/dist/Textarea.js +4 -0
- package/dist/Textarea.js.map +1 -1
- package/dist/TimePicker.js +4 -0
- package/dist/TimePicker.js.map +1 -1
- package/dist/TimePickerInput.js +5 -1
- package/dist/TimePickerInput.js.map +1 -1
- package/dist/TreeSelect.js +5 -0
- package/dist/TreeSelect.js.map +1 -1
- package/dist/cjs/Checkbox.js +4 -0
- package/dist/cjs/Checkbox.js.map +1 -1
- package/dist/cjs/DatePicker.js +4 -0
- package/dist/cjs/DatePicker.js.map +1 -1
- package/dist/cjs/DateTimePicker.js +5 -1
- package/dist/cjs/DateTimePicker.js.map +1 -1
- package/dist/cjs/Input.js +4 -0
- package/dist/cjs/Input.js.map +1 -1
- package/dist/cjs/Label.js +46 -9
- package/dist/cjs/Label.js.map +1 -1
- package/dist/cjs/MultiEmailInput.js +5 -0
- package/dist/cjs/MultiEmailInput.js.map +1 -1
- package/dist/cjs/Radio.js +4 -0
- package/dist/cjs/Radio.js.map +1 -1
- package/dist/cjs/Select.js +4 -0
- package/dist/cjs/Select.js.map +1 -1
- package/dist/cjs/Slider.js +4 -0
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/cjs/Switch.js +4 -0
- package/dist/cjs/Switch.js.map +1 -1
- package/dist/cjs/Textarea.js +4 -0
- package/dist/cjs/Textarea.js.map +1 -1
- package/dist/cjs/TimePicker.js +4 -0
- package/dist/cjs/TimePicker.js.map +1 -1
- package/dist/cjs/TimePickerInput.js +5 -1
- package/dist/cjs/TimePickerInput.js.map +1 -1
- package/dist/cjs/TreeSelect.js +5 -0
- package/dist/cjs/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/Checkbox.js +4 -0
- package/dist/cjs/formik/Checkbox.js.map +1 -1
- package/dist/cjs/formik/Form.js +5 -7
- package/dist/cjs/formik/Form.js.map +1 -1
- package/dist/cjs/formik/Input.js +4 -0
- package/dist/cjs/formik/Input.js.map +1 -1
- package/dist/cjs/formik/MultiEmailInput.js +5 -0
- package/dist/cjs/formik/MultiEmailInput.js.map +1 -1
- package/dist/cjs/formik/Radio.js +5 -1
- package/dist/cjs/formik/Radio.js.map +1 -1
- package/dist/cjs/formik/Select.js +4 -0
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/Slider.js +5 -1
- package/dist/cjs/formik/Slider.js.map +1 -1
- package/dist/cjs/formik/Switch.js +4 -0
- package/dist/cjs/formik/Switch.js.map +1 -1
- package/dist/cjs/formik/Textarea.js +4 -0
- package/dist/cjs/formik/Textarea.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +5 -0
- package/dist/cjs/formik/TreeSelect.js.map +1 -1
- package/dist/cjs/formik/index.js +1 -0
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/{index-becc6543.js → index-dd592d31.js} +1 -1
- package/dist/cjs/{index-becc6543.js.map → index-dd592d31.js.map} +1 -1
- package/dist/cjs/index.css +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/formik/Checkbox.js +4 -0
- package/dist/formik/Checkbox.js.map +1 -1
- package/dist/formik/Form.js +5 -7
- package/dist/formik/Form.js.map +1 -1
- package/dist/formik/Input.js +4 -0
- package/dist/formik/Input.js.map +1 -1
- package/dist/formik/MultiEmailInput.js +5 -0
- package/dist/formik/MultiEmailInput.js.map +1 -1
- package/dist/formik/Radio.js +5 -1
- package/dist/formik/Radio.js.map +1 -1
- package/dist/formik/Select.js +4 -0
- package/dist/formik/Select.js.map +1 -1
- package/dist/formik/Slider.js +5 -1
- package/dist/formik/Slider.js.map +1 -1
- package/dist/formik/Switch.js +4 -0
- package/dist/formik/Switch.js.map +1 -1
- package/dist/formik/Textarea.js +4 -0
- package/dist/formik/Textarea.js.map +1 -1
- package/dist/formik/TreeSelect.js +5 -0
- package/dist/formik/TreeSelect.js.map +1 -1
- package/dist/formik/index.js +1 -0
- package/dist/formik/index.js.map +1 -1
- package/dist/{index-661b9fd6.js → index-25fb0168.js} +1 -1
- package/dist/{index-661b9fd6.js.map → index-25fb0168.js.map} +1 -1
- package/dist/index.css +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/types/Label.d.ts +7 -0
package/dist/Checkbox.js
CHANGED
|
@@ -16,9 +16,13 @@ import '@bigbinary/neeto-cist';
|
|
|
16
16
|
import 'util';
|
|
17
17
|
import './defineProperty-e5245270.js';
|
|
18
18
|
import '@bigbinary/neeto-icons';
|
|
19
|
+
import './Button.js';
|
|
20
|
+
import './motion-087daf52.js';
|
|
19
21
|
import './index-c442518b.js';
|
|
20
22
|
import 'tippy.js';
|
|
21
23
|
import 'react-dom';
|
|
24
|
+
import './Popover.js';
|
|
25
|
+
import './Typography.js';
|
|
22
26
|
|
|
23
27
|
var _excluded = ["label", "error", "className", "required", "labelProps", "children"];
|
|
24
28
|
var Checkbox = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
package/dist/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sources":["../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n (\n {\n label = \"\",\n error = \"\",\n className = \"\",\n required = false,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const renderLabel = label || children;\n\n return (\n <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n <div className=\"neeto-ui-checkbox__container\">\n <input\n {...{ id, ref, required }}\n aria-invalid={!!error}\n className=\"neeto-ui-checkbox\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n name={id}\n type=\"checkbox\"\n {...otherProps}\n />\n {renderLabel && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n htmlFor={id}\n {...labelProps}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * To specify a unique ID to the Checkbox component.\n */\n id: PropTypes.string,\n /**\n * To specify the text to be displayed next to the Checkbox.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify the error message to be shown.\n */\n error: PropTypes.string,\n /**\n * To provide external classnames to Checkbox component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Checkbox is a required field or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../src/components/Checkbox.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Checkbox = forwardRef(\n (\n {\n label = \"\",\n error = \"\",\n className = \"\",\n required = false,\n labelProps,\n children,\n ...otherProps\n },\n ref\n ) => {\n const id = useId(otherProps.id);\n const errorId = `error_${id}`;\n const renderLabel = label || children;\n\n return (\n <div className={classnames([\"neeto-ui-checkbox__wrapper\", className])}>\n <div className=\"neeto-ui-checkbox__container\">\n <input\n {...{ id, ref, required }}\n aria-invalid={!!error}\n className=\"neeto-ui-checkbox\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-input`}\n name={id}\n type=\"checkbox\"\n {...otherProps}\n />\n {renderLabel && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(renderLabel)}-checkbox-label`}\n htmlFor={id}\n {...labelProps}\n >\n {renderLabel}\n </Label>\n )}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(renderLabel)}-checkbox-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n }\n);\n\nCheckbox.displayName = \"Checkbox\";\n\nCheckbox.propTypes = {\n /**\n * To specify a unique ID to the Checkbox component.\n */\n id: PropTypes.string,\n /**\n * To specify the text to be displayed next to the Checkbox.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify the error message to be shown.\n */\n error: PropTypes.string,\n /**\n * To provide external classnames to Checkbox component.\n */\n className: PropTypes.string,\n /**\n * To specify whether the Checkbox is a required field or not.\n */\n required: PropTypes.bool,\n /**\n * To specify the children label to be rendered inside the Checkbox.\n */\n children: PropTypes.string,\n};\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","_ref","ref","_ref$label","label","_ref$error","error","_ref$className","className","_ref$required","required","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","renderLabel","React","createElement","classnames","_extends","hyphenize","name","type","Label","htmlFor","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAUMA,IAAAA,QAAQ,gBAAGC,UAAU,CACzB,UAAAC,IAAA,EAUEC,GAAG,EACA;AAAA,EAAA,IAAAC,UAAA,GAAAF,IAAA,CATDG,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,UAAA,GAAAJ,IAAA,CACVK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,cAAA,GAAAN,IAAA,CACVO,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,aAAA,GAAAR,IAAA,CACdS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;IAChBE,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACVC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;AACLC,IAAAA,UAAU,GAAAC,wBAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA,CAAA;AAIf,EAAA,IAAMC,EAAE,GAAGC,KAAK,CAACJ,UAAU,CAACG,EAAE,CAAC,CAAA;AAC/B,EAAA,IAAME,OAAO,GAAA,QAAA,CAAAC,MAAA,CAAYH,EAAE,CAAE,CAAA;AAC7B,EAAA,IAAMI,WAAW,GAAGhB,KAAK,IAAIQ,QAAQ,CAAA;EAErC,oBACES,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEe,UAAU,CAAC,CAAC,4BAA4B,EAAEf,SAAS,CAAC,CAAA;GAClEa,eAAAA,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAC,8BAAA;AAA8B,GAAA,eAC3Ca,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAAE,QAAA,CAAA;AACQR,IAAAA,EAAE,EAAFA,EAAE;AAAEd,IAAAA,GAAG,EAAHA,GAAG;AAAEQ,IAAAA,QAAQ,EAARA,QAAQ;IACvB,cAAc,EAAA,CAAC,CAACJ,KAAM;AACtBE,IAAAA,SAAS,EAAC,mBAAmB;AAC7B,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDM,IAAAA,IAAI,EAAEV,EAAG;AACTW,IAAAA,IAAI,EAAC,UAAA;GACDd,EAAAA,UAAU,CACd,CAAA,EACDO,WAAW,iBACVC,cAAA,CAAAC,aAAA,CAACM,KAAK,EAAAJ,QAAA,CAAA;AACEd,IAAAA,QAAQ,EAARA,QAAQ;AACd,IAAA,SAAA,EAAA,EAAA,CAAAS,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDS,IAAAA,OAAO,EAAEb,EAAAA;AAAG,GAAA,EACRL,UAAU,CAAA,EAEbS,WAAW,CAEf,CACG,EACL,CAAC,CAACd,KAAK,iBACNe,cAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEd,IAAAA,SAAS,EAAC,uBAAuB;AACjC,IAAA,SAAA,EAAA,EAAA,CAAAW,MAAA,CAAYM,SAAS,CAACL,WAAW,CAAC,EAAkB,iBAAA,CAAA;AACpDJ,IAAAA,EAAE,EAAEE,OAAAA;GAEHZ,EAAAA,KAAK,CAET,CACG,CAAA;AAEV,CAAC,EACF;AAEDP,QAAQ,CAAC+B,WAAW,GAAG,UAAU;;;;"}
|
package/dist/DatePicker.js
CHANGED
|
@@ -16,9 +16,13 @@ import { A as ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, h as hyphenize, c as convertToD
|
|
|
16
16
|
import { u as useSyncedRef } from './useSyncedRef-226a3dbc.js';
|
|
17
17
|
import _ConfigProvider from 'antd/lib/config-provider';
|
|
18
18
|
import './toPropertyKey-bdc24cb9.js';
|
|
19
|
+
import './Button.js';
|
|
20
|
+
import './motion-087daf52.js';
|
|
19
21
|
import './index-c442518b.js';
|
|
20
22
|
import 'tippy.js';
|
|
21
23
|
import 'react-dom';
|
|
24
|
+
import './Popover.js';
|
|
25
|
+
import './Typography.js';
|
|
22
26
|
import 'ramda';
|
|
23
27
|
import './createClass-601a36b2.js';
|
|
24
28
|
import 'util';
|
package/dist/DatePicker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sources":["../src/components/DatePicker/IconOverride.jsx","../src/components/DatePicker/Provider.jsx","../src/components/DatePicker/Today.jsx","../src/components/DatePicker/utils.js","../src/components/DatePicker/index.jsx"],"sourcesContent":["import React from \"react\";\n\nconst IconOverride = ({ icon: Icon }) => (\n <span className=\"neeto-ui-btn neeto-ui-btn--style-text neeto-ui-btn--size-medium neeto-ui-btn--icon-only\">\n <Icon className=\"neeto-ui-btn__icon\" size={20} />\n </span>\n);\n\nexport default IconOverride;\n","import React from \"react\";\n\nimport { ConfigProvider } from \"antd\";\n\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from \"utils\";\n\nconst Provider = ({ children }) => (\n <ConfigProvider\n theme={{\n token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n components: {\n DatePicker: {\n activeBg: \"rgb(var(--neeto-ui-white))\",\n activeBorderColor: \"rgb(var(--neeto-ui-primary-500))\",\n addonBg: \"rgb(var(--neeto-ui-gray-100))\",\n cellActiveWithRangeBg: \"rgb(var(--neeto-ui-primary-100))\",\n cellBgDisabled: \"rgb(var(--neeto-ui-gray-100))\",\n cellHoverBg: \"rgb(var(--neeto-ui-gray-200))\",\n cellHoverWithRangeBg: \"rgb(var(--neeto-ui-primary-100))\",\n cellRangeBorderColor: \"rgb(var(--neeto-ui-primary-100))\",\n hoverBg: \"rgb(var(--neeto-ui-white))\",\n hoverBorderColor: \"rgb(var(--neeto-ui-primary-500))\",\n\n // Global overrides\n colorBgContainer: \"rgb(var(--neeto-ui-white))\",\n colorBgElevated: \"rgb(var(--neeto-ui-white))\",\n colorPrimary: \"rgb(var(--neeto-ui-primary-500))\",\n colorPrimaryBorder: \"rgb(var(--neeto-ui-primary-100))\",\n colorPrimaryHover: \"rgb(var(--neeto-ui-primary-600))\",\n colorBorder: \"rgb(var(--neeto-ui-gray-300))\",\n colorError: \"rgb(var(--neeto-ui-error-500))\",\n colorErrorHover: \"rgb(var(--neeto-ui-error-600))\",\n colorErrorOutline: \"rgb(var(--neeto-ui-error-100))\",\n colorFillAlter: \"rgb(var(--neeto-ui-gray-100))\",\n colorIcon: \"rgb(var(--neeto-ui-gray-700))\",\n colorIconHover: \"rgb(var(--neeto-ui-gray-800))\",\n colorLink: \"rgb(var(--neeto-ui-primary-500))\",\n colorLinkHover: \"rgb(var(--neeto-ui-primary-600))\",\n colorLinkActive: \"rgb(var(--neeto-ui-primary-800))\",\n colorSplit: \"rgb(var(--neeto-ui-gray-200))\",\n colorText: \"rgb(var(--neeto-ui-gray-800))\",\n colorTextDescription: \"rgb(var(--neeto-ui-gray-700))\",\n colorTextDisabled: \"rgb(var(--neeto-ui-gray-500))\",\n colorTextHeading: \"rgb(var(--neeto-ui-black))\",\n colorTextLightSolid: \"rgb(var(--neeto-ui-white))\",\n colorTextPlaceholder: \"rgb(var(--neeto-ui-gray-400))\",\n colorTextQuaternary: \"rgb(var(--neeto-ui-gray-400))\",\n colorWarning: \"rgb(var(--neeto-ui-warning-500))\",\n colorWarningHover: \"rgb(var(--neeto-ui-warning-600))\",\n colorWarningOutline: \"rgb(var(--neeto-ui-warning-100))\",\n controlItemBgActive: \"rgb(var(--neeto-ui-pastel-purple))\",\n controlItemBgHover: \"rgb(var(--neeto-ui-gray-100))\",\n controlOutline: \"rgb(var(--neeto-ui-gray-300))\",\n\n // Sizes\n cellHeight: 32,\n padding: 22,\n },\n },\n }}\n >\n {children}\n </ConfigProvider>\n);\n\nexport default Provider;\n","import React from \"react\";\n\nconst Today = ({ onClick }) => (\n <div className=\"text-center\">\n <button\n {...{ onClick }}\n className=\"neeto-ui-rounded-md hover:neeto-ui-bg-gray-200 px-2 py-1 text-xs font-medium transition duration-300 ease-in-out\"\n data-cy=\"year-month-mode-today\"\n >\n Today\n </button>\n </div>\n);\n\nexport default Today;\n","import { isPresent } from \"neetocist\";\n\nconst getAllowedDate = (date, minDate, maxDate) => {\n if (isPresent(minDate) && date?.isBefore(minDate)) {\n return minDate;\n }\n\n if (isPresent(maxDate) && date?.isAfter(maxDate)) {\n return maxDate;\n }\n\n return date;\n};\n\nconst getAllowedRange = (dates, minDate, maxDate) =>\n dates.map(item => getAllowedDate(item, minDate, maxDate));\n\nconst getAllowed = (date, minDate, maxDate) =>\n (Array.isArray(date) ? getAllowedRange : getAllowedDate)(\n date,\n minDate,\n maxDate\n );\n\nconst formattedString = (date, dateFormat) =>\n Array.isArray(date)\n ? date.map(item => item?.format(dateFormat))\n : date?.format(dateFormat);\n\nexport { getAllowed, formattedString };\n","import React, { forwardRef, useState, useEffect } from \"react\";\n\nimport { DatePicker as AntDatePicker } from \"antd\";\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Left, Right, Calendar, Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useSyncedRef, useId } from \"hooks\";\nimport { convertToDayjsObjects, noop, hyphenize } from \"utils\";\n\nimport IconOverride from \"./IconOverride\";\nimport Provider from \"./Provider\";\nimport Today from \"./Today\";\nimport { getAllowed, formattedString } from \"./utils\";\n\nconst INPUT_SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst { RangePicker } = AntDatePicker;\n\nconst datePickerTypes = { range: RangePicker, date: AntDatePicker };\n\nconst DatePicker = forwardRef(\n (\n {\n className = \"\",\n label = \"\",\n size = INPUT_SIZES.medium,\n dropdownClassName = \"\",\n popupClassName = \"\",\n dateFormat = \"DD/MM/YYYY\",\n timeFormat = \"HH:mm:ss\",\n onChange = noop,\n onOk = noop,\n picker = \"date\",\n mode: inputMode = \"date\",\n showTime = false,\n type = \"date\",\n nakedInput = false,\n error = \"\",\n defaultValue,\n value: inputValue,\n labelProps,\n required = false,\n allowClear = true,\n maxDate,\n minDate,\n ...otherProps\n },\n ref\n ) => {\n const [value, setValue] = useState(inputValue);\n const [mode, setMode] = useState(inputMode);\n const [pickerValue, setPickerValue] = useState();\n const id = useId(otherProps.id);\n const datePickerRef = useSyncedRef(ref);\n\n const Component = datePickerTypes[type?.toLowerCase()];\n const format = showTime ? `${dateFormat} ${timeFormat}` : dateFormat;\n\n const errorId = `error_${id}`;\n\n useEffect(() => {\n setValue(inputValue);\n }, [inputValue]);\n\n const handleOnChange = (date, dateString) => {\n if (type === \"range\" && isNotPresent(date)) {\n return onChange([], dateString);\n }\n const allowed = getAllowed(date, minDate, maxDate);\n setValue(allowed);\n\n return onChange(allowed, formattedString(allowed, dateFormat));\n };\n\n const renderExtraFooter = () => {\n if (type === \"range\" || mode === \"date\") return null;\n\n return (\n <Today\n onClick={() => {\n setMode(\"date\");\n setTimeout(() => {\n document.querySelector(\".ant-picker-now-btn\").click();\n });\n }}\n />\n );\n };\n\n return (\n <Provider>\n <div className=\"neeto-ui-input__wrapper\">\n {label && <Label {...{ required, ...labelProps }}>{label}</Label>}\n <Component\n data-cy={label ? `${hyphenize(label)}-input` : \"picker-input\"}\n ref={datePickerRef}\n showTime={showTime && { format: timeFormat }}\n value={getAllowed(convertToDayjsObjects(value), minDate, maxDate)}\n className={classnames(\"neeto-ui-date-input\", [className], {\n \"neeto-ui-date-input--small\": size === \"small\",\n \"neeto-ui-date-input--medium\": size === \"medium\",\n \"neeto-ui-date-input--large\": size === \"large\",\n \"neeto-ui-date-input--disabled\": otherProps.disabled,\n \"neeto-ui-date-input--naked\": nakedInput,\n \"neeto-ui-date-input--error\": !!error,\n })}\n defaultValue={getAllowed(\n convertToDayjsObjects(defaultValue),\n minDate,\n maxDate\n )}\n popupClassName={classnames(\"neeto-ui-date-time-dropdown\", [\n dropdownClassName, // Will be removed in the next major version\n popupClassName,\n ])}\n onChange={handleOnChange}\n {...{\n format,\n maxDate,\n minDate,\n onOk,\n picker,\n ...otherProps,\n ...(type === \"date\" && {\n mode,\n pickerValue,\n renderExtraFooter,\n onPanelChange: (pickerValue, mode) => {\n setPickerValue(pickerValue);\n setMode(mode);\n },\n }),\n }}\n nextIcon={<IconOverride icon={Right} />}\n prevIcon={<IconOverride icon={Left} />}\n suffixIcon={<Calendar size={16} />}\n superNextIcon={<IconOverride icon={Right} />}\n superPrevIcon={<IconOverride icon={Left} />}\n allowClear={\n allowClear && {\n clearIcon: <Close data-cy=\"date-time-clear-icon\" size={16} />,\n }\n }\n />\n {!!error && typeof error === \"string\" && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(label)}-input-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n </Provider>\n );\n }\n);\n\nDatePicker.displayName = \"DatePicker\";\n\nDatePicker.propTypes = {\n /**\n * To provide external classnames to DatePicker component.\n */\n className: PropTypes.string,\n /**\n * To set the text to be displayed above the DatePicker.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To set the size of the DatePicker.\n */\n size: PropTypes.oneOf(Object.values(INPUT_SIZES)),\n /**\n * To set the DatePicker as naked Input field.\n */\n nakedInput: PropTypes.bool,\n /**\n * To specify the error message to be shown in the DatePicker.\n */\n error: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n /**\n * To set DatePicker as disabled.\n */\n disabled: PropTypes.bool,\n /**\n * To specify custom classnames to be applied to the DatePicker dropdown.\n */\n dropdownClassName: PropTypes.string,\n /**\n * To specify the date format.\n */\n dateFormat: PropTypes.string,\n /**\n * To specify the time format.\n */\n timeFormat: PropTypes.string,\n /**\n * For `DateInput`,(date, dateString) => {} <br />\n * For `DateRange`, (date, [startDate, endDate]) => {}\n */\n onChange: PropTypes.func,\n /**\n * Callback function which will be invoked when ok button is clicked in DateInput\n */\n onOk: PropTypes.func,\n /**\n * To specify the type of the picker.\n */\n picker: PropTypes.oneOf([\"date\", \"week\", \"month\", \"quarter\", \"year\"]),\n /**\n * To show time picker\n */\n showTime: PropTypes.bool,\n /**\n * To specify the type of the DatePicker.\n */\n type: PropTypes.oneOf(Object.keys(datePickerTypes)),\n /**\n * To specify the values to be displayed inside the DatePicker.\n */\n value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n /**\n * To specify the default values to be displayed inside the DatePicker.\n */\n defaultValue: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n /**\n * To specify whether the Date picker is required or not.\n */\n required: PropTypes.bool,\n /**\n * To specify whether the Date picker value can be cleared or not.\n */\n allowClear: PropTypes.bool,\n /**\n * To specify the minimum date of the DatePicker.\n */\n minDate: PropTypes.object,\n /**\n * To specify the maximum date of the DatePicker.\n */\n maxDate: PropTypes.object,\n};\n\nexport default DatePicker;\n"],"names":["IconOverride","_ref","Icon","icon","React","createElement","className","size","Provider","children","_ConfigProvider","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","DatePicker","activeBg","activeBorderColor","addonBg","cellActiveWithRangeBg","cellBgDisabled","cellHoverBg","cellHoverWithRangeBg","cellRangeBorderColor","hoverBg","hoverBorderColor","colorBgContainer","colorBgElevated","colorPrimary","colorPrimaryBorder","colorPrimaryHover","colorBorder","colorError","colorErrorHover","colorErrorOutline","colorFillAlter","colorIcon","colorIconHover","colorLink","colorLinkHover","colorLinkActive","colorSplit","colorText","colorTextDescription","colorTextDisabled","colorTextHeading","colorTextLightSolid","colorTextPlaceholder","colorTextQuaternary","colorWarning","colorWarningHover","colorWarningOutline","controlItemBgActive","controlItemBgHover","controlOutline","cellHeight","padding","Today","onClick","getAllowedDate","date","minDate","maxDate","isPresent","isBefore","isAfter","getAllowedRange","dates","map","item","getAllowed","Array","isArray","formattedString","dateFormat","format","INPUT_SIZES","small","medium","large","RangePicker","_DatePicker","datePickerTypes","range","forwardRef","ref","_ref$className","_ref$label","label","_ref$size","_ref$dropdownClassNam","dropdownClassName","_ref$popupClassName","popupClassName","_ref$dateFormat","_ref$timeFormat","timeFormat","_ref$onChange","onChange","noop","_ref$onOk","onOk","_ref$picker","picker","_ref$mode","mode","inputMode","_ref$showTime","showTime","_ref$type","type","_ref$nakedInput","nakedInput","_ref$error","error","defaultValue","inputValue","value","labelProps","_ref$required","required","_ref$allowClear","allowClear","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","setValue","_useState3","_useState4","setMode","_useState5","_useState6","pickerValue","setPickerValue","id","useId","datePickerRef","useSyncedRef","Component","toLowerCase","concat","errorId","useEffect","handleOnChange","dateString","isNotPresent","allowed","renderExtraFooter","setTimeout","document","querySelector","click","Label","_extends","hyphenize","convertToDayjsObjects","classnames","disabled","onPanelChange","nextIcon","Right","prevIcon","Left","suffixIcon","Calendar","superNextIcon","superPrevIcon","clearIcon","Close","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sources":["../src/components/DatePicker/IconOverride.jsx","../src/components/DatePicker/Provider.jsx","../src/components/DatePicker/Today.jsx","../src/components/DatePicker/utils.js","../src/components/DatePicker/index.jsx"],"sourcesContent":["import React from \"react\";\n\nconst IconOverride = ({ icon: Icon }) => (\n <span className=\"neeto-ui-btn neeto-ui-btn--style-text neeto-ui-btn--size-medium neeto-ui-btn--icon-only\">\n <Icon className=\"neeto-ui-btn__icon\" size={20} />\n </span>\n);\n\nexport default IconOverride;\n","import React from \"react\";\n\nimport { ConfigProvider } from \"antd\";\n\nimport { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from \"utils\";\n\nconst Provider = ({ children }) => (\n <ConfigProvider\n theme={{\n token: { ...ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES },\n components: {\n DatePicker: {\n activeBg: \"rgb(var(--neeto-ui-white))\",\n activeBorderColor: \"rgb(var(--neeto-ui-primary-500))\",\n addonBg: \"rgb(var(--neeto-ui-gray-100))\",\n cellActiveWithRangeBg: \"rgb(var(--neeto-ui-primary-100))\",\n cellBgDisabled: \"rgb(var(--neeto-ui-gray-100))\",\n cellHoverBg: \"rgb(var(--neeto-ui-gray-200))\",\n cellHoverWithRangeBg: \"rgb(var(--neeto-ui-primary-100))\",\n cellRangeBorderColor: \"rgb(var(--neeto-ui-primary-100))\",\n hoverBg: \"rgb(var(--neeto-ui-white))\",\n hoverBorderColor: \"rgb(var(--neeto-ui-primary-500))\",\n\n // Global overrides\n colorBgContainer: \"rgb(var(--neeto-ui-white))\",\n colorBgElevated: \"rgb(var(--neeto-ui-white))\",\n colorPrimary: \"rgb(var(--neeto-ui-primary-500))\",\n colorPrimaryBorder: \"rgb(var(--neeto-ui-primary-100))\",\n colorPrimaryHover: \"rgb(var(--neeto-ui-primary-600))\",\n colorBorder: \"rgb(var(--neeto-ui-gray-300))\",\n colorError: \"rgb(var(--neeto-ui-error-500))\",\n colorErrorHover: \"rgb(var(--neeto-ui-error-600))\",\n colorErrorOutline: \"rgb(var(--neeto-ui-error-100))\",\n colorFillAlter: \"rgb(var(--neeto-ui-gray-100))\",\n colorIcon: \"rgb(var(--neeto-ui-gray-700))\",\n colorIconHover: \"rgb(var(--neeto-ui-gray-800))\",\n colorLink: \"rgb(var(--neeto-ui-primary-500))\",\n colorLinkHover: \"rgb(var(--neeto-ui-primary-600))\",\n colorLinkActive: \"rgb(var(--neeto-ui-primary-800))\",\n colorSplit: \"rgb(var(--neeto-ui-gray-200))\",\n colorText: \"rgb(var(--neeto-ui-gray-800))\",\n colorTextDescription: \"rgb(var(--neeto-ui-gray-700))\",\n colorTextDisabled: \"rgb(var(--neeto-ui-gray-500))\",\n colorTextHeading: \"rgb(var(--neeto-ui-black))\",\n colorTextLightSolid: \"rgb(var(--neeto-ui-white))\",\n colorTextPlaceholder: \"rgb(var(--neeto-ui-gray-400))\",\n colorTextQuaternary: \"rgb(var(--neeto-ui-gray-400))\",\n colorWarning: \"rgb(var(--neeto-ui-warning-500))\",\n colorWarningHover: \"rgb(var(--neeto-ui-warning-600))\",\n colorWarningOutline: \"rgb(var(--neeto-ui-warning-100))\",\n controlItemBgActive: \"rgb(var(--neeto-ui-pastel-purple))\",\n controlItemBgHover: \"rgb(var(--neeto-ui-gray-100))\",\n controlOutline: \"rgb(var(--neeto-ui-gray-300))\",\n\n // Sizes\n cellHeight: 32,\n padding: 22,\n },\n },\n }}\n >\n {children}\n </ConfigProvider>\n);\n\nexport default Provider;\n","import React from \"react\";\n\nconst Today = ({ onClick }) => (\n <div className=\"text-center\">\n <button\n {...{ onClick }}\n className=\"neeto-ui-rounded-md hover:neeto-ui-bg-gray-200 px-2 py-1 text-xs font-medium transition duration-300 ease-in-out\"\n data-cy=\"year-month-mode-today\"\n >\n Today\n </button>\n </div>\n);\n\nexport default Today;\n","import { isPresent } from \"neetocist\";\n\nconst getAllowedDate = (date, minDate, maxDate) => {\n if (isPresent(minDate) && date?.isBefore(minDate)) {\n return minDate;\n }\n\n if (isPresent(maxDate) && date?.isAfter(maxDate)) {\n return maxDate;\n }\n\n return date;\n};\n\nconst getAllowedRange = (dates, minDate, maxDate) =>\n dates.map(item => getAllowedDate(item, minDate, maxDate));\n\nconst getAllowed = (date, minDate, maxDate) =>\n (Array.isArray(date) ? getAllowedRange : getAllowedDate)(\n date,\n minDate,\n maxDate\n );\n\nconst formattedString = (date, dateFormat) =>\n Array.isArray(date)\n ? date.map(item => item?.format(dateFormat))\n : date?.format(dateFormat);\n\nexport { getAllowed, formattedString };\n","import React, { forwardRef, useState, useEffect } from \"react\";\n\nimport { DatePicker as AntDatePicker } from \"antd\";\nimport classnames from \"classnames\";\nimport { isNotPresent } from \"neetocist\";\nimport { Left, Right, Calendar, Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Label from \"components/Label\";\nimport { useSyncedRef, useId } from \"hooks\";\nimport { convertToDayjsObjects, noop, hyphenize } from \"utils\";\n\nimport IconOverride from \"./IconOverride\";\nimport Provider from \"./Provider\";\nimport Today from \"./Today\";\nimport { getAllowed, formattedString } from \"./utils\";\n\nconst INPUT_SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst { RangePicker } = AntDatePicker;\n\nconst datePickerTypes = { range: RangePicker, date: AntDatePicker };\n\nconst DatePicker = forwardRef(\n (\n {\n className = \"\",\n label = \"\",\n size = INPUT_SIZES.medium,\n dropdownClassName = \"\",\n popupClassName = \"\",\n dateFormat = \"DD/MM/YYYY\",\n timeFormat = \"HH:mm:ss\",\n onChange = noop,\n onOk = noop,\n picker = \"date\",\n mode: inputMode = \"date\",\n showTime = false,\n type = \"date\",\n nakedInput = false,\n error = \"\",\n defaultValue,\n value: inputValue,\n labelProps,\n required = false,\n allowClear = true,\n maxDate,\n minDate,\n ...otherProps\n },\n ref\n ) => {\n const [value, setValue] = useState(inputValue);\n const [mode, setMode] = useState(inputMode);\n const [pickerValue, setPickerValue] = useState();\n const id = useId(otherProps.id);\n const datePickerRef = useSyncedRef(ref);\n\n const Component = datePickerTypes[type?.toLowerCase()];\n const format = showTime ? `${dateFormat} ${timeFormat}` : dateFormat;\n\n const errorId = `error_${id}`;\n\n useEffect(() => {\n setValue(inputValue);\n }, [inputValue]);\n\n const handleOnChange = (date, dateString) => {\n if (type === \"range\" && isNotPresent(date)) {\n return onChange([], dateString);\n }\n const allowed = getAllowed(date, minDate, maxDate);\n setValue(allowed);\n\n return onChange(allowed, formattedString(allowed, dateFormat));\n };\n\n const renderExtraFooter = () => {\n if (type === \"range\" || mode === \"date\") return null;\n\n return (\n <Today\n onClick={() => {\n setMode(\"date\");\n setTimeout(() => {\n document.querySelector(\".ant-picker-now-btn\").click();\n });\n }}\n />\n );\n };\n\n return (\n <Provider>\n <div className=\"neeto-ui-input__wrapper\">\n {label && <Label {...{ required, ...labelProps }}>{label}</Label>}\n <Component\n data-cy={label ? `${hyphenize(label)}-input` : \"picker-input\"}\n ref={datePickerRef}\n showTime={showTime && { format: timeFormat }}\n value={getAllowed(convertToDayjsObjects(value), minDate, maxDate)}\n className={classnames(\"neeto-ui-date-input\", [className], {\n \"neeto-ui-date-input--small\": size === \"small\",\n \"neeto-ui-date-input--medium\": size === \"medium\",\n \"neeto-ui-date-input--large\": size === \"large\",\n \"neeto-ui-date-input--disabled\": otherProps.disabled,\n \"neeto-ui-date-input--naked\": nakedInput,\n \"neeto-ui-date-input--error\": !!error,\n })}\n defaultValue={getAllowed(\n convertToDayjsObjects(defaultValue),\n minDate,\n maxDate\n )}\n popupClassName={classnames(\"neeto-ui-date-time-dropdown\", [\n dropdownClassName, // Will be removed in the next major version\n popupClassName,\n ])}\n onChange={handleOnChange}\n {...{\n format,\n maxDate,\n minDate,\n onOk,\n picker,\n ...otherProps,\n ...(type === \"date\" && {\n mode,\n pickerValue,\n renderExtraFooter,\n onPanelChange: (pickerValue, mode) => {\n setPickerValue(pickerValue);\n setMode(mode);\n },\n }),\n }}\n nextIcon={<IconOverride icon={Right} />}\n prevIcon={<IconOverride icon={Left} />}\n suffixIcon={<Calendar size={16} />}\n superNextIcon={<IconOverride icon={Right} />}\n superPrevIcon={<IconOverride icon={Left} />}\n allowClear={\n allowClear && {\n clearIcon: <Close data-cy=\"date-time-clear-icon\" size={16} />,\n }\n }\n />\n {!!error && typeof error === \"string\" && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(label)}-input-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n </Provider>\n );\n }\n);\n\nDatePicker.displayName = \"DatePicker\";\n\nDatePicker.propTypes = {\n /**\n * To provide external classnames to DatePicker component.\n */\n className: PropTypes.string,\n /**\n * To set the text to be displayed above the DatePicker.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To set the size of the DatePicker.\n */\n size: PropTypes.oneOf(Object.values(INPUT_SIZES)),\n /**\n * To set the DatePicker as naked Input field.\n */\n nakedInput: PropTypes.bool,\n /**\n * To specify the error message to be shown in the DatePicker.\n */\n error: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n /**\n * To set DatePicker as disabled.\n */\n disabled: PropTypes.bool,\n /**\n * To specify custom classnames to be applied to the DatePicker dropdown.\n */\n dropdownClassName: PropTypes.string,\n /**\n * To specify the date format.\n */\n dateFormat: PropTypes.string,\n /**\n * To specify the time format.\n */\n timeFormat: PropTypes.string,\n /**\n * For `DateInput`,(date, dateString) => {} <br />\n * For `DateRange`, (date, [startDate, endDate]) => {}\n */\n onChange: PropTypes.func,\n /**\n * Callback function which will be invoked when ok button is clicked in DateInput\n */\n onOk: PropTypes.func,\n /**\n * To specify the type of the picker.\n */\n picker: PropTypes.oneOf([\"date\", \"week\", \"month\", \"quarter\", \"year\"]),\n /**\n * To show time picker\n */\n showTime: PropTypes.bool,\n /**\n * To specify the type of the DatePicker.\n */\n type: PropTypes.oneOf(Object.keys(datePickerTypes)),\n /**\n * To specify the values to be displayed inside the DatePicker.\n */\n value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n /**\n * To specify the default values to be displayed inside the DatePicker.\n */\n defaultValue: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n /**\n * To specify whether the Date picker is required or not.\n */\n required: PropTypes.bool,\n /**\n * To specify whether the Date picker value can be cleared or not.\n */\n allowClear: PropTypes.bool,\n /**\n * To specify the minimum date of the DatePicker.\n */\n minDate: PropTypes.object,\n /**\n * To specify the maximum date of the DatePicker.\n */\n maxDate: PropTypes.object,\n};\n\nexport default DatePicker;\n"],"names":["IconOverride","_ref","Icon","icon","React","createElement","className","size","Provider","children","_ConfigProvider","theme","token","_objectSpread","ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES","components","DatePicker","activeBg","activeBorderColor","addonBg","cellActiveWithRangeBg","cellBgDisabled","cellHoverBg","cellHoverWithRangeBg","cellRangeBorderColor","hoverBg","hoverBorderColor","colorBgContainer","colorBgElevated","colorPrimary","colorPrimaryBorder","colorPrimaryHover","colorBorder","colorError","colorErrorHover","colorErrorOutline","colorFillAlter","colorIcon","colorIconHover","colorLink","colorLinkHover","colorLinkActive","colorSplit","colorText","colorTextDescription","colorTextDisabled","colorTextHeading","colorTextLightSolid","colorTextPlaceholder","colorTextQuaternary","colorWarning","colorWarningHover","colorWarningOutline","controlItemBgActive","controlItemBgHover","controlOutline","cellHeight","padding","Today","onClick","getAllowedDate","date","minDate","maxDate","isPresent","isBefore","isAfter","getAllowedRange","dates","map","item","getAllowed","Array","isArray","formattedString","dateFormat","format","INPUT_SIZES","small","medium","large","RangePicker","_DatePicker","datePickerTypes","range","forwardRef","ref","_ref$className","_ref$label","label","_ref$size","_ref$dropdownClassNam","dropdownClassName","_ref$popupClassName","popupClassName","_ref$dateFormat","_ref$timeFormat","timeFormat","_ref$onChange","onChange","noop","_ref$onOk","onOk","_ref$picker","picker","_ref$mode","mode","inputMode","_ref$showTime","showTime","_ref$type","type","_ref$nakedInput","nakedInput","_ref$error","error","defaultValue","inputValue","value","labelProps","_ref$required","required","_ref$allowClear","allowClear","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","setValue","_useState3","_useState4","setMode","_useState5","_useState6","pickerValue","setPickerValue","id","useId","datePickerRef","useSyncedRef","Component","toLowerCase","concat","errorId","useEffect","handleOnChange","dateString","isNotPresent","allowed","renderExtraFooter","setTimeout","document","querySelector","click","Label","_extends","hyphenize","convertToDayjsObjects","classnames","disabled","onPanelChange","nextIcon","Right","prevIcon","Left","suffixIcon","Calendar","superNextIcon","superPrevIcon","clearIcon","Close","displayName"],"mappings":"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"}
|
package/dist/DateTimePicker.js
CHANGED
|
@@ -4,7 +4,7 @@ import { _ as _slicedToArray } from './slicedToArray-45fa766e.js';
|
|
|
4
4
|
import React__default, { useState, useEffect } from 'react';
|
|
5
5
|
import { c as classnames } from './index-3659771d.js';
|
|
6
6
|
import { d as dayjs, h as hyphenize, n as noop } from './index-c8d9113c.js';
|
|
7
|
-
import { c as customParseFormat, T as TimePickerInput } from './index-
|
|
7
|
+
import { c as customParseFormat, T as TimePickerInput } from './index-25fb0168.js';
|
|
8
8
|
import { isPresent, isNotPresent } from '@bigbinary/neeto-cist';
|
|
9
9
|
import DatePicker from './DatePicker.js';
|
|
10
10
|
import Label from './Label.js';
|
|
@@ -23,9 +23,13 @@ import '@bigbinary/neeto-icons';
|
|
|
23
23
|
import 'antd/lib/date-picker';
|
|
24
24
|
import './useSyncedRef-226a3dbc.js';
|
|
25
25
|
import 'antd/lib/config-provider';
|
|
26
|
+
import './Button.js';
|
|
27
|
+
import './motion-087daf52.js';
|
|
26
28
|
import './index-c442518b.js';
|
|
27
29
|
import 'tippy.js';
|
|
28
30
|
import 'react-dom';
|
|
31
|
+
import './Popover.js';
|
|
32
|
+
import './Typography.js';
|
|
29
33
|
|
|
30
34
|
var DATE_FORMAT = "YYYY-MM-DD";
|
|
31
35
|
var TIME_FORMAT = "HH:mm";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.js","sources":["../src/components/DateTimePicker/utils.js","../src/components/DateTimePicker/index.jsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { isPresent } from \"neetocist\";\n\nconst DATE_FORMAT = \"YYYY-MM-DD\";\nconst TIME_FORMAT = \"HH:mm\";\n\nexport const getDateTime = (date, time) => {\n if (isPresent(date) && isPresent(time)) {\n return dayjs(`${date.format(DATE_FORMAT)} ${time.format(TIME_FORMAT)}`);\n }\n\n return null;\n};\n\nexport const getAllowedTime = (date, time, minDateTime, maxDateTime) => {\n const newTime = getDateTime(date, time || dayjs());\n if (\n isPresent(minDateTime) &&\n date?.isSame(minDateTime, \"day\") &&\n newTime?.isBefore(minDateTime)\n ) {\n return minDateTime;\n }\n\n if (\n isPresent(maxDateTime) &&\n date?.isSame(maxDateTime, \"day\") &&\n newTime?.isAfter(maxDateTime)\n ) {\n return maxDateTime;\n }\n\n return newTime;\n};\n\nexport const getTime = date => date?.format(TIME_FORMAT);\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport dayjs from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport DatePicker from \"components/DatePicker\";\nimport Label from \"components/Label\";\nimport TimePickerInput from \"components/TimePickerInput\";\nimport { useId } from \"hooks\";\nimport { hyphenize, noop } from \"utils\";\n\nimport { getDateTime, getAllowedTime, getTime } from \"./utils\";\n\nconst INPUT_SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\ndayjs.extend(customParseFormat);\n\nconst DateTimePicker = ({\n className = \"\",\n label = \"\",\n size,\n dropdownClassName,\n popupClassName,\n dateFormat,\n onChange = noop,\n nakedInput = false,\n error = \"\",\n defaultValue,\n value,\n labelProps,\n required = false,\n id,\n datePickerProps,\n timePickerProps,\n minDateTime,\n maxDateTime,\n onTimeInputBlur = noop,\n onBlur = noop,\n}) => {\n const [date, setDate] = useState(null);\n const [time, setTime] = useState(null);\n const [changedField, setChangedField] = useState();\n const timeRef = React.useRef(null);\n const defaultId = useId(id);\n const errorId = `error_${defaultId}`;\n\n useEffect(() => {\n const inputValue = value || defaultValue;\n\n if (isNotPresent(inputValue)) {\n setDate(null);\n setTime(null);\n\n return;\n }\n\n if (dayjs(inputValue).isValid()) {\n const dateTime = dayjs.isDayjs(inputValue)\n ? inputValue\n : dayjs(inputValue);\n setDate(dateTime);\n setTime(dateTime);\n }\n }, [value, defaultValue]);\n\n useEffect(() => {\n if (isNotPresent(changedField)) return;\n onChange(getDateTime(date, time), changedField);\n setChangedField(); // reset to avoid unnecessary trigger on rerender\n }, [date, time, changedField]);\n\n const handleDateChange = newDate => {\n timeRef.current\n ?.querySelector(\".react-time-picker__inputGroup__hour\")\n ?.focus();\n\n setDate(newDate);\n setTime(getAllowedTime(newDate, time, minDateTime, maxDateTime));\n setChangedField(\"date\");\n };\n\n const handleTimeChange = newTime => {\n setTime(newTime.isValid() ? newTime : null);\n if (newTime.isValid() && !date) setDate(newTime);\n setChangedField(\"time\");\n };\n\n const handleTimeBlur = () => {\n const dateTime = getDateTime(date, time);\n onTimeInputBlur(dateTime);\n onBlur(dateTime);\n };\n\n return (\n <div className=\"neeto-ui-input__wrapper\">\n {label && <Label {...{ required, ...labelProps }}>{label}</Label>}\n <div className={classnames(\"neeto-ui-date-time-input\", className)}>\n <DatePicker\n {...{\n dateFormat,\n dropdownClassName,\n nakedInput,\n popupClassName,\n size,\n }}\n error={!!error}\n maxDate={maxDateTime}\n minDate={minDateTime}\n picker=\"date\"\n showTime={false}\n type=\"date\"\n value={date}\n onChange={handleDateChange}\n {...datePickerProps}\n />\n <TimePickerInput\n {...{ error, nakedInput, size }}\n error={!!error}\n maxTime={date?.isSame(maxDateTime, \"day\") && getTime(maxDateTime)}\n minTime={date?.isSame(minDateTime, \"day\") && getTime(minDateTime)}\n ref={timeRef}\n value={time}\n onBlur={handleTimeBlur}\n onChange={handleTimeChange}\n {...timePickerProps}\n />\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(label)}-input-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n};\n\nDateTimePicker.displayName = \"DateTimePicker\";\n\nDateTimePicker.propTypes = {\n /**\n * To set the text to be displayed above the DateTimePicker.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * The callback function that will be triggered when value changes.\n */\n onChange: PropTypes.func,\n /**\n * To specify the error message to be shown in the DateTimePicker.\n */\n error: PropTypes.string,\n /**\n * To specify whether the Date Time Input is required or not.\n */\n required: PropTypes.bool,\n /**\n * To provide external classnames to DateTimePicker component.\n */\n className: PropTypes.string,\n /**\n * To set the text to be displayed above the DateTimePicker.\n */\n size: PropTypes.oneOf(Object.values(INPUT_SIZES)),\n /**\n * To set the DateTimePicker as naked Input field.\n */\n nakedInput: PropTypes.bool,\n /**\n * To specify custom classnames to be applied to the DatePicker dropdown.\n */\n dropdownClassName: PropTypes.string,\n /**\n * To specify the date format.\n */\n dateFormat: PropTypes.string,\n /**\n * To specify the values to be displayed inside the DatePicker.\n */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n /**\n * To specify the default values to be displayed inside the DatePicker.\n */\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n /**\n * @deprecated The callback function that will be triggered when time picker loses focus (onBlur event).\n */\n onTimeInputBlur: PropTypes.func,\n /**\n * The callback function that will be triggered when time picker loses focus (onBlur event).\n */\n onBlur: PropTypes.func,\n /**\n * To specify minimum allowed date time\n */\n minDateTime: PropTypes.object,\n /**\n * To specify maximum allowed date time\n */\n maxDateTime: PropTypes.object,\n};\n\nexport default React.memo(DateTimePicker);\n"],"names":["DATE_FORMAT","TIME_FORMAT","getDateTime","date","time","isPresent","dayjs","concat","format","getAllowedTime","minDateTime","maxDateTime","newTime","isSame","isBefore","isAfter","getTime","extend","customParseFormat","DateTimePicker","_ref","_ref$className","className","_ref$label","label","size","dropdownClassName","popupClassName","dateFormat","_ref$onChange","onChange","noop","_ref$nakedInput","nakedInput","_ref$error","error","defaultValue","value","labelProps","_ref$required","required","id","datePickerProps","timePickerProps","_ref$onTimeInputBlur","onTimeInputBlur","_ref$onBlur","onBlur","_useState","useState","_useState2","_slicedToArray","setDate","_useState3","_useState4","setTime","_useState5","_useState6","changedField","setChangedField","timeRef","React","useRef","defaultId","useId","errorId","useEffect","inputValue","isNotPresent","isValid","dateTime","isDayjs","handleDateChange","newDate","_timeRef$current","current","querySelector","focus","handleTimeChange","handleTimeBlur","createElement","Label","_objectSpread","classnames","DatePicker","_extends","maxDate","minDate","picker","showTime","type","TimePickerInput","_defineProperty","hyphenize","displayName","memo"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DateTimePicker.js","sources":["../src/components/DateTimePicker/utils.js","../src/components/DateTimePicker/index.jsx"],"sourcesContent":["import dayjs from \"dayjs\";\nimport { isPresent } from \"neetocist\";\n\nconst DATE_FORMAT = \"YYYY-MM-DD\";\nconst TIME_FORMAT = \"HH:mm\";\n\nexport const getDateTime = (date, time) => {\n if (isPresent(date) && isPresent(time)) {\n return dayjs(`${date.format(DATE_FORMAT)} ${time.format(TIME_FORMAT)}`);\n }\n\n return null;\n};\n\nexport const getAllowedTime = (date, time, minDateTime, maxDateTime) => {\n const newTime = getDateTime(date, time || dayjs());\n if (\n isPresent(minDateTime) &&\n date?.isSame(minDateTime, \"day\") &&\n newTime?.isBefore(minDateTime)\n ) {\n return minDateTime;\n }\n\n if (\n isPresent(maxDateTime) &&\n date?.isSame(maxDateTime, \"day\") &&\n newTime?.isAfter(maxDateTime)\n ) {\n return maxDateTime;\n }\n\n return newTime;\n};\n\nexport const getTime = date => date?.format(TIME_FORMAT);\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport dayjs from \"dayjs\";\nimport customParseFormat from \"dayjs/plugin/customParseFormat\";\nimport { isNotPresent } from \"neetocist\";\nimport PropTypes from \"prop-types\";\n\nimport DatePicker from \"components/DatePicker\";\nimport Label from \"components/Label\";\nimport TimePickerInput from \"components/TimePickerInput\";\nimport { useId } from \"hooks\";\nimport { hyphenize, noop } from \"utils\";\n\nimport { getDateTime, getAllowedTime, getTime } from \"./utils\";\n\nconst INPUT_SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\ndayjs.extend(customParseFormat);\n\nconst DateTimePicker = ({\n className = \"\",\n label = \"\",\n size,\n dropdownClassName,\n popupClassName,\n dateFormat,\n onChange = noop,\n nakedInput = false,\n error = \"\",\n defaultValue,\n value,\n labelProps,\n required = false,\n id,\n datePickerProps,\n timePickerProps,\n minDateTime,\n maxDateTime,\n onTimeInputBlur = noop,\n onBlur = noop,\n}) => {\n const [date, setDate] = useState(null);\n const [time, setTime] = useState(null);\n const [changedField, setChangedField] = useState();\n const timeRef = React.useRef(null);\n const defaultId = useId(id);\n const errorId = `error_${defaultId}`;\n\n useEffect(() => {\n const inputValue = value || defaultValue;\n\n if (isNotPresent(inputValue)) {\n setDate(null);\n setTime(null);\n\n return;\n }\n\n if (dayjs(inputValue).isValid()) {\n const dateTime = dayjs.isDayjs(inputValue)\n ? inputValue\n : dayjs(inputValue);\n setDate(dateTime);\n setTime(dateTime);\n }\n }, [value, defaultValue]);\n\n useEffect(() => {\n if (isNotPresent(changedField)) return;\n onChange(getDateTime(date, time), changedField);\n setChangedField(); // reset to avoid unnecessary trigger on rerender\n }, [date, time, changedField]);\n\n const handleDateChange = newDate => {\n timeRef.current\n ?.querySelector(\".react-time-picker__inputGroup__hour\")\n ?.focus();\n\n setDate(newDate);\n setTime(getAllowedTime(newDate, time, minDateTime, maxDateTime));\n setChangedField(\"date\");\n };\n\n const handleTimeChange = newTime => {\n setTime(newTime.isValid() ? newTime : null);\n if (newTime.isValid() && !date) setDate(newTime);\n setChangedField(\"time\");\n };\n\n const handleTimeBlur = () => {\n const dateTime = getDateTime(date, time);\n onTimeInputBlur(dateTime);\n onBlur(dateTime);\n };\n\n return (\n <div className=\"neeto-ui-input__wrapper\">\n {label && <Label {...{ required, ...labelProps }}>{label}</Label>}\n <div className={classnames(\"neeto-ui-date-time-input\", className)}>\n <DatePicker\n {...{\n dateFormat,\n dropdownClassName,\n nakedInput,\n popupClassName,\n size,\n }}\n error={!!error}\n maxDate={maxDateTime}\n minDate={minDateTime}\n picker=\"date\"\n showTime={false}\n type=\"date\"\n value={date}\n onChange={handleDateChange}\n {...datePickerProps}\n />\n <TimePickerInput\n {...{ error, nakedInput, size }}\n error={!!error}\n maxTime={date?.isSame(maxDateTime, \"day\") && getTime(maxDateTime)}\n minTime={date?.isSame(minDateTime, \"day\") && getTime(minDateTime)}\n ref={timeRef}\n value={time}\n onBlur={handleTimeBlur}\n onChange={handleTimeChange}\n {...timePickerProps}\n />\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(label)}-input-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n </div>\n );\n};\n\nDateTimePicker.displayName = \"DateTimePicker\";\n\nDateTimePicker.propTypes = {\n /**\n * To set the text to be displayed above the DateTimePicker.\n */\n label: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * The callback function that will be triggered when value changes.\n */\n onChange: PropTypes.func,\n /**\n * To specify the error message to be shown in the DateTimePicker.\n */\n error: PropTypes.string,\n /**\n * To specify whether the Date Time Input is required or not.\n */\n required: PropTypes.bool,\n /**\n * To provide external classnames to DateTimePicker component.\n */\n className: PropTypes.string,\n /**\n * To set the text to be displayed above the DateTimePicker.\n */\n size: PropTypes.oneOf(Object.values(INPUT_SIZES)),\n /**\n * To set the DateTimePicker as naked Input field.\n */\n nakedInput: PropTypes.bool,\n /**\n * To specify custom classnames to be applied to the DatePicker dropdown.\n */\n dropdownClassName: PropTypes.string,\n /**\n * To specify the date format.\n */\n dateFormat: PropTypes.string,\n /**\n * To specify the values to be displayed inside the DatePicker.\n */\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n /**\n * To specify the default values to be displayed inside the DatePicker.\n */\n defaultValue: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),\n /**\n * @deprecated The callback function that will be triggered when time picker loses focus (onBlur event).\n */\n onTimeInputBlur: PropTypes.func,\n /**\n * The callback function that will be triggered when time picker loses focus (onBlur event).\n */\n onBlur: PropTypes.func,\n /**\n * To specify minimum allowed date time\n */\n minDateTime: PropTypes.object,\n /**\n * To specify maximum allowed date time\n */\n maxDateTime: PropTypes.object,\n};\n\nexport default React.memo(DateTimePicker);\n"],"names":["DATE_FORMAT","TIME_FORMAT","getDateTime","date","time","isPresent","dayjs","concat","format","getAllowedTime","minDateTime","maxDateTime","newTime","isSame","isBefore","isAfter","getTime","extend","customParseFormat","DateTimePicker","_ref","_ref$className","className","_ref$label","label","size","dropdownClassName","popupClassName","dateFormat","_ref$onChange","onChange","noop","_ref$nakedInput","nakedInput","_ref$error","error","defaultValue","value","labelProps","_ref$required","required","id","datePickerProps","timePickerProps","_ref$onTimeInputBlur","onTimeInputBlur","_ref$onBlur","onBlur","_useState","useState","_useState2","_slicedToArray","setDate","_useState3","_useState4","setTime","_useState5","_useState6","changedField","setChangedField","timeRef","React","useRef","defaultId","useId","errorId","useEffect","inputValue","isNotPresent","isValid","dateTime","isDayjs","handleDateChange","newDate","_timeRef$current","current","querySelector","focus","handleTimeChange","handleTimeBlur","createElement","Label","_objectSpread","classnames","DatePicker","_extends","maxDate","minDate","picker","showTime","type","TimePickerInput","_defineProperty","hyphenize","displayName","memo"],"mappings":"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"}
|
package/dist/Input.js
CHANGED
|
@@ -16,9 +16,13 @@ import './createClass-601a36b2.js';
|
|
|
16
16
|
import '@bigbinary/neeto-cist';
|
|
17
17
|
import 'util';
|
|
18
18
|
import '@bigbinary/neeto-icons';
|
|
19
|
+
import './Button.js';
|
|
20
|
+
import './motion-087daf52.js';
|
|
19
21
|
import './index-c442518b.js';
|
|
20
22
|
import 'tippy.js';
|
|
21
23
|
import 'react-dom';
|
|
24
|
+
import './Popover.js';
|
|
25
|
+
import './Typography.js';
|
|
22
26
|
|
|
23
27
|
var _excluded = ["size", "type", "label", "error", "suffix", "prefix", "disabled", "helpText", "className", "nakedInput", "contentSize", "required", "maxLength", "unlimitedChars", "labelProps", "rejectCharsRegex", "onBlur", "disableTrimOnBlur"];
|
|
24
28
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
package/dist/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../src/components/Input.jsx"],"sourcesContent":["import React, { useState, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { replace } from \"ramda\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst Input = forwardRef(\n (\n {\n size = SIZES.medium,\n type = \"text\",\n label = \"\",\n error = \"\",\n suffix = null,\n prefix = null,\n disabled = false,\n helpText = \"\",\n className = \"\",\n nakedInput = false,\n contentSize = null,\n required = false,\n maxLength,\n unlimitedChars = false,\n labelProps,\n rejectCharsRegex,\n onBlur,\n disableTrimOnBlur = false,\n ...otherProps\n },\n ref\n ) => {\n const [valueInternal, setValueInternal] = useState(otherProps.value);\n const id = useId(otherProps.id);\n\n const errorId = `error_${id}`;\n const helpTextId = `helpText_${id}`;\n\n const value = otherProps.value ?? valueInternal ?? \"\";\n\n const valueLength = value?.toString().length || 0;\n const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n const onChange = e => {\n if (!otherProps.onChange || !otherProps.value) {\n setValueInternal(e.target.value);\n }\n otherProps.onChange?.(e);\n };\n\n const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n const handleRegexChange = e => {\n const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n e.target.value = replace(globalRegex, \"\", e.target.value);\n onChange(e);\n };\n\n const handleChange = rejectCharsRegex ? handleRegexChange : onChange;\n\n const handleTrimmedChangeOnBlur = e => {\n if (disableTrimOnBlur || typeof value !== \"string\") return;\n\n const trimmedValue = value.trim();\n if (value === trimmedValue) return;\n\n e.target.value = trimmedValue;\n handleChange(e);\n };\n\n const handleOnBlur = e => {\n handleTrimmedChangeOnBlur(e);\n onBlur?.(e);\n };\n\n return (\n <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n <div className=\"neeto-ui-input__label-wrapper\">\n {label && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(label)}-input-label`}\n htmlFor={id}\n {...labelProps}\n >\n {label}\n </Label>\n )}\n {isCharacterLimitVisible && (\n <p\n className={classnames(\"neeto-ui-input__max-length\", {\n \"neeto-ui-input__max-length--error\": maxLengthError,\n })}\n >\n {valueLength}/{maxLength}\n </p>\n )}\n </div>\n <div\n className={classnames(\"neeto-ui-input\", {\n \"neeto-ui-input--naked\": !!nakedInput,\n \"neeto-ui-input--error\": !!error,\n \"neeto-ui-input--disabled\": !!disabled,\n \"neeto-ui-input--small\": size === \"small\",\n \"neeto-ui-input--medium\": size === \"medium\",\n \"neeto-ui-input--large\": size === \"large\",\n })}\n >\n {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n <input\n aria-invalid={!!error}\n data-cy={`${hyphenize(label)}-input-field`}\n size={contentSize}\n aria-describedby={classnames({\n [errorId]: !!error,\n [helpTextId]: helpText,\n })}\n {...{\n disabled,\n id,\n ref,\n required,\n type,\n ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n ...otherProps,\n value,\n }}\n onBlur={handleOnBlur}\n onChange={handleChange}\n />\n {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(label)}-input-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n {helpText && (\n <p\n className=\"neeto-ui-input__help-text\"\n data-cy={`${hyphenize(label)}-input-help`}\n id={helpTextId}\n >\n {helpText}\n </p>\n )}\n </div>\n );\n }\n);\n\nInput.displayName = \"Input\";\n\nInput.propTypes = {\n /**\n * To specify a unique ID to the Input component.\n */\n id: PropTypes.string,\n /**\n * To specify the size of Input.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify the type of Input field.\n */\n type: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify a maximum character limit to the Input. Charater limit is visible only if the Input value is greater than or equal to 85% of the maximum character limit.\n */\n maxLength: PropTypes.number,\n /**\n * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n */\n unlimitedChars: PropTypes.bool,\n /**\n * To specify the text to be displayed above the Input.\n */\n label: PropTypes.string,\n /**\n * To specify the error message to be shown in the Input field.\n */\n error: PropTypes.string,\n /**\n * To specify the content to be added at the end of the Input field.\n */\n suffix: PropTypes.node,\n /**\n * To specify the content to be added at the beginning of the Input field.\n */\n prefix: PropTypes.node,\n /**\n * To specify whether the Input field is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the text that appears below the Input field.\n */\n helpText: PropTypes.string,\n /**\n * To specify external classNames that can be provided as overrides to the main wrapper.\n */\n className: PropTypes.string,\n /**\n * To create an Input field without any borders.\n */\n nakedInput: PropTypes.bool,\n /**\n * To specify the value to be passed as size attribute to the Input field.\n */\n contentSize: PropTypes.number,\n /**\n * To specify whether the Input field is required or not.\n */\n required: PropTypes.bool,\n /**\n * To specify a regex to be matched against the user input. Any character that matches it\n * cannot be input by the user. It will also prevent such characters from being pasted into the input.\n */\n rejectCharsRegex: PropTypes.instanceOf(RegExp),\n /**\n * To disable leading and trailing white spaces onBlur.\n */\n disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Input;\n"],"names":["SIZES","small","medium","large","Input","forwardRef","_ref","ref","_ref2","_otherProps$value","_ref$size","size","_ref$type","type","_ref$label","label","_ref$error","error","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$helpText","helpText","_ref$className","className","_ref$nakedInput","nakedInput","_ref$contentSize","contentSize","_ref$required","required","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","rejectCharsRegex","onBlur","_ref$disableTrimOnBlu","disableTrimOnBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","value","_useState2","_slicedToArray","valueInternal","setValueInternal","id","useId","errorId","concat","helpTextId","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChange","e","_otherProps$onChange","target","call","isMaxLengthPresent","handleRegexChange","globalRegex","RegExp","replace","handleChange","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","React","createElement","classnames","Label","_extends","hyphenize","htmlFor","_defineProperty","_objectSpread","displayName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../src/components/Input.jsx"],"sourcesContent":["import React, { useState, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { replace } from \"ramda\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst Input = forwardRef(\n (\n {\n size = SIZES.medium,\n type = \"text\",\n label = \"\",\n error = \"\",\n suffix = null,\n prefix = null,\n disabled = false,\n helpText = \"\",\n className = \"\",\n nakedInput = false,\n contentSize = null,\n required = false,\n maxLength,\n unlimitedChars = false,\n labelProps,\n rejectCharsRegex,\n onBlur,\n disableTrimOnBlur = false,\n ...otherProps\n },\n ref\n ) => {\n const [valueInternal, setValueInternal] = useState(otherProps.value);\n const id = useId(otherProps.id);\n\n const errorId = `error_${id}`;\n const helpTextId = `helpText_${id}`;\n\n const value = otherProps.value ?? valueInternal ?? \"\";\n\n const valueLength = value?.toString().length || 0;\n const isCharacterLimitVisible = valueLength >= maxLength * 0.85;\n const maxLengthError = unlimitedChars && valueLength > maxLength;\n\n const onChange = e => {\n if (!otherProps.onChange || !otherProps.value) {\n setValueInternal(e.target.value);\n }\n otherProps.onChange?.(e);\n };\n\n const isMaxLengthPresent = !!maxLength || maxLength === 0;\n\n const handleRegexChange = e => {\n const globalRegex = new RegExp(rejectCharsRegex, \"g\");\n e.target.value = replace(globalRegex, \"\", e.target.value);\n onChange(e);\n };\n\n const handleChange = rejectCharsRegex ? handleRegexChange : onChange;\n\n const handleTrimmedChangeOnBlur = e => {\n if (disableTrimOnBlur || typeof value !== \"string\") return;\n\n const trimmedValue = value.trim();\n if (value === trimmedValue) return;\n\n e.target.value = trimmedValue;\n handleChange(e);\n };\n\n const handleOnBlur = e => {\n handleTrimmedChangeOnBlur(e);\n onBlur?.(e);\n };\n\n return (\n <div className={classnames([\"neeto-ui-input__wrapper\", className])}>\n <div className=\"neeto-ui-input__label-wrapper\">\n {label && (\n <Label\n {...{ required }}\n data-cy={`${hyphenize(label)}-input-label`}\n htmlFor={id}\n {...labelProps}\n >\n {label}\n </Label>\n )}\n {isCharacterLimitVisible && (\n <p\n className={classnames(\"neeto-ui-input__max-length\", {\n \"neeto-ui-input__max-length--error\": maxLengthError,\n })}\n >\n {valueLength}/{maxLength}\n </p>\n )}\n </div>\n <div\n className={classnames(\"neeto-ui-input\", {\n \"neeto-ui-input--naked\": !!nakedInput,\n \"neeto-ui-input--error\": !!error,\n \"neeto-ui-input--disabled\": !!disabled,\n \"neeto-ui-input--small\": size === \"small\",\n \"neeto-ui-input--medium\": size === \"medium\",\n \"neeto-ui-input--large\": size === \"large\",\n })}\n >\n {prefix && <div className=\"neeto-ui-input__prefix\">{prefix}</div>}\n <input\n aria-invalid={!!error}\n data-cy={`${hyphenize(label)}-input-field`}\n size={contentSize}\n aria-describedby={classnames({\n [errorId]: !!error,\n [helpTextId]: helpText,\n })}\n {...{\n disabled,\n id,\n ref,\n required,\n type,\n ...(isMaxLengthPresent && !unlimitedChars && { maxLength }),\n ...otherProps,\n value,\n }}\n onBlur={handleOnBlur}\n onChange={handleChange}\n />\n {suffix && <div className=\"neeto-ui-input__suffix\">{suffix}</div>}\n </div>\n {!!error && (\n <p\n className=\"neeto-ui-input__error\"\n data-cy={`${hyphenize(label)}-input-error`}\n id={errorId}\n >\n {error}\n </p>\n )}\n {helpText && (\n <p\n className=\"neeto-ui-input__help-text\"\n data-cy={`${hyphenize(label)}-input-help`}\n id={helpTextId}\n >\n {helpText}\n </p>\n )}\n </div>\n );\n }\n);\n\nInput.displayName = \"Input\";\n\nInput.propTypes = {\n /**\n * To specify a unique ID to the Input component.\n */\n id: PropTypes.string,\n /**\n * To specify the size of Input.\n */\n size: PropTypes.oneOf(Object.values(SIZES)),\n /**\n * To specify the type of Input field.\n */\n type: PropTypes.string,\n /**\n * To specify the label props to be passed to the Label component.\n */\n labelProps: PropTypes.object,\n /**\n * To specify a maximum character limit to the Input. Charater limit is visible only if the Input value is greater than or equal to 85% of the maximum character limit.\n */\n maxLength: PropTypes.number,\n /**\n * To be used along with maxLength prop. When set to true the character limit will not be enforced and character count will be shown in error state if the character limit is exceeded.\n */\n unlimitedChars: PropTypes.bool,\n /**\n * To specify the text to be displayed above the Input.\n */\n label: PropTypes.string,\n /**\n * To specify the error message to be shown in the Input field.\n */\n error: PropTypes.string,\n /**\n * To specify the content to be added at the end of the Input field.\n */\n suffix: PropTypes.node,\n /**\n * To specify the content to be added at the beginning of the Input field.\n */\n prefix: PropTypes.node,\n /**\n * To specify whether the Input field is disabled or not.\n */\n disabled: PropTypes.bool,\n /**\n * To specify the text that appears below the Input field.\n */\n helpText: PropTypes.string,\n /**\n * To specify external classNames that can be provided as overrides to the main wrapper.\n */\n className: PropTypes.string,\n /**\n * To create an Input field without any borders.\n */\n nakedInput: PropTypes.bool,\n /**\n * To specify the value to be passed as size attribute to the Input field.\n */\n contentSize: PropTypes.number,\n /**\n * To specify whether the Input field is required or not.\n */\n required: PropTypes.bool,\n /**\n * To specify a regex to be matched against the user input. Any character that matches it\n * cannot be input by the user. It will also prevent such characters from being pasted into the input.\n */\n rejectCharsRegex: PropTypes.instanceOf(RegExp),\n /**\n * To disable leading and trailing white spaces onBlur.\n */\n disableTrimOnBlur: PropTypes.bool,\n};\n\nexport default Input;\n"],"names":["SIZES","small","medium","large","Input","forwardRef","_ref","ref","_ref2","_otherProps$value","_ref$size","size","_ref$type","type","_ref$label","label","_ref$error","error","_ref$suffix","suffix","_ref$prefix","prefix","_ref$disabled","disabled","_ref$helpText","helpText","_ref$className","className","_ref$nakedInput","nakedInput","_ref$contentSize","contentSize","_ref$required","required","maxLength","_ref$unlimitedChars","unlimitedChars","labelProps","rejectCharsRegex","onBlur","_ref$disableTrimOnBlu","disableTrimOnBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","value","_useState2","_slicedToArray","valueInternal","setValueInternal","id","useId","errorId","concat","helpTextId","valueLength","toString","length","isCharacterLimitVisible","maxLengthError","onChange","e","_otherProps$onChange","target","call","isMaxLengthPresent","handleRegexChange","globalRegex","RegExp","replace","handleChange","handleTrimmedChangeOnBlur","trimmedValue","trim","handleOnBlur","React","createElement","classnames","Label","_extends","hyphenize","htmlFor","_defineProperty","_objectSpread","displayName"],"mappings":"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"}
|
package/dist/Label.js
CHANGED
|
@@ -1,17 +1,24 @@
|
|
|
1
1
|
import { _ as _extends } from './extends-093996c9.js';
|
|
2
2
|
import { _ as _defineProperty } from './defineProperty-e5245270.js';
|
|
3
3
|
import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
|
|
4
|
-
import React__default from 'react';
|
|
4
|
+
import React__default, { useRef } from 'react';
|
|
5
5
|
import { c as classnames } from './index-3659771d.js';
|
|
6
6
|
import { Help } from '@bigbinary/neeto-icons';
|
|
7
|
+
import Button from './Button.js';
|
|
8
|
+
import Popover from './Popover.js';
|
|
7
9
|
import { T as Tooltip } from './index-c442518b.js';
|
|
10
|
+
import Typography from './Typography.js';
|
|
8
11
|
import './toPropertyKey-bdc24cb9.js';
|
|
12
|
+
import 'react-router-dom';
|
|
13
|
+
import './motion-087daf52.js';
|
|
9
14
|
import './slicedToArray-45fa766e.js';
|
|
10
15
|
import 'tippy.js';
|
|
11
16
|
import 'react-dom';
|
|
12
17
|
|
|
13
18
|
var _excluded = ["children", "className", "required", "helpIconProps"],
|
|
14
|
-
_excluded2 = ["onClick", "icon", "tooltipProps", "className"]
|
|
19
|
+
_excluded2 = ["onClick", "icon", "tooltipProps", "popoverProps", "className"],
|
|
20
|
+
_excluded3 = ["title", "description", "helpLinkProps"];
|
|
21
|
+
var Title = Popover.Title;
|
|
15
22
|
var Label = function Label(_ref) {
|
|
16
23
|
var children = _ref.children,
|
|
17
24
|
_ref$className = _ref.className,
|
|
@@ -25,21 +32,51 @@ var Label = function Label(_ref) {
|
|
|
25
32
|
onClick = _ref2.onClick,
|
|
26
33
|
icon = _ref2.icon,
|
|
27
34
|
tooltipProps = _ref2.tooltipProps,
|
|
35
|
+
popoverProps = _ref2.popoverProps,
|
|
28
36
|
helpIconClassName = _ref2.className,
|
|
29
37
|
otherHelpIconProps = _objectWithoutProperties(_ref2, _excluded2);
|
|
38
|
+
var _ref3 = popoverProps || {},
|
|
39
|
+
title = _ref3.title,
|
|
40
|
+
description = _ref3.description,
|
|
41
|
+
helpLinkProps = _ref3.helpLinkProps,
|
|
42
|
+
otherPopoverProps = _objectWithoutProperties(_ref3, _excluded3);
|
|
30
43
|
var HelpIcon = icon || Help;
|
|
44
|
+
var popoverReferenceElement = useRef();
|
|
45
|
+
var renderHelpIcon = function renderHelpIcon() {
|
|
46
|
+
return /*#__PURE__*/React__default.createElement("span", {
|
|
47
|
+
onClick: onClick,
|
|
48
|
+
ref: popoverProps ? popoverReferenceElement : undefined,
|
|
49
|
+
className: classnames("neeto-ui-label__help-icon-wrap", _defineProperty({}, helpIconClassName, helpIconClassName))
|
|
50
|
+
}, /*#__PURE__*/React__default.createElement(HelpIcon, _extends({
|
|
51
|
+
size: 16
|
|
52
|
+
}, otherHelpIconProps)));
|
|
53
|
+
};
|
|
31
54
|
return /*#__PURE__*/React__default.createElement("label", _extends({
|
|
32
55
|
className: classnames("neeto-ui-label neeto-ui-flex neeto-ui-items-center", className)
|
|
33
56
|
}, otherProps), children, required && /*#__PURE__*/React__default.createElement("span", {
|
|
34
57
|
"aria-hidden": true
|
|
35
|
-
}, "*"), helpIconProps && /*#__PURE__*/React__default.createElement(
|
|
36
|
-
|
|
37
|
-
}), /*#__PURE__*/React__default.createElement("
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
},
|
|
58
|
+
}, "*"), helpIconProps && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, tooltipProps ? /*#__PURE__*/React__default.createElement(Tooltip, tooltipProps, renderHelpIcon()) : popoverProps ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, renderHelpIcon(), /*#__PURE__*/React__default.createElement(Popover, _extends({
|
|
59
|
+
reference: popoverReferenceElement
|
|
60
|
+
}, otherPopoverProps), /*#__PURE__*/React__default.createElement("div", {
|
|
61
|
+
className: "flex flex-col"
|
|
62
|
+
}, title && /*#__PURE__*/React__default.createElement(Title, {
|
|
63
|
+
"data-cy": "help-popover-title",
|
|
64
|
+
"data-testid": "help-popover-title"
|
|
65
|
+
}, title), typeof description === "string" ? /*#__PURE__*/React__default.createElement(Typography, {
|
|
66
|
+
"data-cy": "help-popover-description",
|
|
67
|
+
"data-testid": "help-popover-description",
|
|
68
|
+
lineHeight: "normal",
|
|
69
|
+
style: "body2",
|
|
70
|
+
weight: "normal"
|
|
71
|
+
}, description) : description, helpLinkProps && /*#__PURE__*/React__default.createElement(Button, _extends({
|
|
72
|
+
className: "neeto-ui-mt-3",
|
|
73
|
+
"data-cy": "help-popover-link-button",
|
|
74
|
+
size: "small"
|
|
75
|
+
}, helpLinkProps, {
|
|
76
|
+
"data-testid": "help-popover-link-button",
|
|
77
|
+
style: "link",
|
|
78
|
+
target: "_blank"
|
|
79
|
+
}))))) : renderHelpIcon()));
|
|
43
80
|
};
|
|
44
81
|
|
|
45
82
|
export { Label as default };
|
package/dist/Label.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sources":["../src/components/Label.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { Help } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Tooltip from \"./Tooltip\";\n\nconst Label = ({\n children,\n className = \"\",\n required = false,\n helpIconProps = null,\n ...otherProps\n}) => {\n const {\n onClick,\n icon,\n tooltipProps,\n className: helpIconClassName,\n ...otherHelpIconProps\n } = helpIconProps || {};\n\n const HelpIcon = icon || Help;\n\n return (\n <label\n className={classnames(\n \"neeto-ui-label neeto-ui-flex neeto-ui-items-center\",\n className\n )}\n {...otherProps}\n >\n {children}\n {required && <span aria-hidden>*</span>}\n {helpIconProps && (\n <Tooltip {...tooltipProps}
|
|
1
|
+
{"version":3,"file":"Label.js","sources":["../src/components/Label.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Help } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Popover from \"./Popover\";\nimport Tooltip from \"./Tooltip\";\nimport Typography from \"./Typography\";\n\nconst { Title } = Popover;\n\nconst Label = ({\n children,\n className = \"\",\n required = false,\n helpIconProps = null,\n ...otherProps\n}) => {\n const {\n onClick,\n icon,\n tooltipProps,\n popoverProps,\n className: helpIconClassName,\n ...otherHelpIconProps\n } = helpIconProps || {};\n\n const { title, description, helpLinkProps, ...otherPopoverProps } =\n popoverProps || {};\n\n const HelpIcon = icon || Help;\n const popoverReferenceElement = useRef();\n\n const renderHelpIcon = () => (\n <span\n {...{ onClick }}\n ref={popoverProps ? popoverReferenceElement : undefined}\n className={classnames(\"neeto-ui-label__help-icon-wrap\", {\n [helpIconClassName]: helpIconClassName,\n })}\n >\n <HelpIcon size={16} {...otherHelpIconProps} />\n </span>\n );\n\n return (\n <label\n className={classnames(\n \"neeto-ui-label neeto-ui-flex neeto-ui-items-center\",\n className\n )}\n {...otherProps}\n >\n {children}\n {required && <span aria-hidden>*</span>}\n {helpIconProps && (\n <>\n {tooltipProps ? (\n <Tooltip {...tooltipProps}>{renderHelpIcon()}</Tooltip>\n ) : popoverProps ? (\n <>\n {renderHelpIcon()}\n <Popover\n reference={popoverReferenceElement}\n {...otherPopoverProps}\n >\n <div className=\"flex flex-col\">\n {title && (\n <Title\n data-cy=\"help-popover-title\"\n data-testid=\"help-popover-title\"\n >\n {title}\n </Title>\n )}\n {typeof description === \"string\" ? (\n <Typography\n data-cy=\"help-popover-description\"\n data-testid=\"help-popover-description\"\n lineHeight=\"normal\"\n style=\"body2\"\n weight=\"normal\"\n >\n {description}\n </Typography>\n ) : (\n description\n )}\n {helpLinkProps && (\n <Button\n className=\"neeto-ui-mt-3\"\n data-cy=\"help-popover-link-button\"\n size=\"small\"\n {...helpLinkProps}\n data-testid=\"help-popover-link-button\"\n style=\"link\"\n target=\"_blank\"\n />\n )}\n </div>\n </Popover>\n </>\n ) : (\n renderHelpIcon()\n )}\n </>\n )}\n </label>\n );\n};\n\nLabel.propTypes = {\n /**\n * To specify the content to be rendered inside the Label.\n */\n children: PropTypes.node,\n /**\n * Provide external classnames to Label component.\n */\n className: PropTypes.string,\n /**\n * To specify whether to show the required asterisk.\n */\n required: PropTypes.bool,\n /**\n * Props for the help icon\n */\n helpIconProps: PropTypes.shape({\n onClick: PropTypes.func,\n icon: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),\n tooltipProps: PropTypes.shape({ ...Tooltip.propTypes }),\n popoverProps: PropTypes.shape({\n title: PropTypes.node,\n description: PropTypes.node,\n helpLinkProps: PropTypes.shape({ ...Button.propTypes }),\n }),\n className: PropTypes.string,\n }),\n};\n\nexport default Label;\n"],"names":["Title","Popover","Label","_ref","children","_ref$className","className","_ref$required","required","_ref$helpIconProps","helpIconProps","otherProps","_objectWithoutProperties","_excluded","_ref2","onClick","icon","tooltipProps","popoverProps","helpIconClassName","otherHelpIconProps","_excluded2","_ref3","title","description","helpLinkProps","otherPopoverProps","_excluded3","HelpIcon","Help","popoverReferenceElement","useRef","renderHelpIcon","React","createElement","ref","undefined","classnames","_defineProperty","_extends","size","Fragment","Tooltip","reference","Typography","lineHeight","style","weight","Button","target"],"mappings":"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"}
|
package/dist/MultiEmailInput.js
CHANGED
|
@@ -16,8 +16,13 @@ import './toPropertyKey-bdc24cb9.js';
|
|
|
16
16
|
import './createClass-601a36b2.js';
|
|
17
17
|
import '@bigbinary/neeto-cist';
|
|
18
18
|
import 'util';
|
|
19
|
+
import './Button.js';
|
|
20
|
+
import 'react-router-dom';
|
|
21
|
+
import './motion-087daf52.js';
|
|
19
22
|
import './index-c442518b.js';
|
|
20
23
|
import 'tippy.js';
|
|
24
|
+
import './Popover.js';
|
|
25
|
+
import './Typography.js';
|
|
21
26
|
|
|
22
27
|
function _toArray(arr) {
|
|
23
28
|
return _arrayWithHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableRest();
|