@hitachivantara/uikit-react-lab 3.51.7 → 3.52.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/QueryBuilder/Context.js +2 -1
- package/dist/QueryBuilder/Context.js.map +1 -1
- package/dist/QueryBuilder/QueryBuilder.d.ts +4 -0
- package/dist/QueryBuilder/QueryBuilder.js +11 -3
- package/dist/QueryBuilder/QueryBuilder.js.map +1 -1
- package/dist/QueryBuilder/Rule/Attribute/Attribute.js +3 -1
- package/dist/QueryBuilder/Rule/Attribute/Attribute.js.map +1 -1
- package/dist/QueryBuilder/Rule/Operator/Operator.js +3 -1
- package/dist/QueryBuilder/Rule/Operator/Operator.js.map +1 -1
- package/dist/QueryBuilder/Rule/Rule.js +9 -5
- package/dist/QueryBuilder/Rule/Rule.js.map +1 -1
- package/dist/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js +3 -1
- package/dist/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js.map +1 -1
- package/dist/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js +10 -5
- package/dist/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map +1 -1
- package/dist/QueryBuilder/Rule/Value/NumericValue/NumericValue.js +8 -4
- package/dist/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
- package/dist/QueryBuilder/Rule/Value/TextValue/TextValue.js +4 -2
- package/dist/QueryBuilder/Rule/Value/TextValue/TextValue.js.map +1 -1
- package/dist/QueryBuilder/RuleGroup/RuleGroup.js +30 -12
- package/dist/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
- package/dist/QueryBuilder/RuleGroup/styles.js +3 -0
- package/dist/QueryBuilder/RuleGroup/styles.js.map +1 -1
- package/dist/legacy/QueryBuilder/Context.js +2 -1
- package/dist/legacy/QueryBuilder/Context.js.map +1 -1
- package/dist/legacy/QueryBuilder/QueryBuilder.d.ts +4 -0
- package/dist/legacy/QueryBuilder/QueryBuilder.js +11 -3
- package/dist/legacy/QueryBuilder/QueryBuilder.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Attribute/Attribute.js +3 -1
- package/dist/legacy/QueryBuilder/Rule/Attribute/Attribute.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Operator/Operator.js +3 -1
- package/dist/legacy/QueryBuilder/Rule/Operator/Operator.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Rule.js +9 -5
- package/dist/legacy/QueryBuilder/Rule/Rule.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js +3 -1
- package/dist/legacy/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js +10 -5
- package/dist/legacy/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Value/NumericValue/NumericValue.js +8 -4
- package/dist/legacy/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
- package/dist/legacy/QueryBuilder/Rule/Value/TextValue/TextValue.js +4 -2
- package/dist/legacy/QueryBuilder/Rule/Value/TextValue/TextValue.js.map +1 -1
- package/dist/legacy/QueryBuilder/RuleGroup/RuleGroup.js +28 -10
- package/dist/legacy/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
- package/dist/legacy/QueryBuilder/RuleGroup/styles.js +3 -0
- package/dist/legacy/QueryBuilder/RuleGroup/styles.js.map +1 -1
- package/dist/modern/QueryBuilder/Context.js +2 -1
- package/dist/modern/QueryBuilder/Context.js.map +1 -1
- package/dist/modern/QueryBuilder/QueryBuilder.d.ts +4 -0
- package/dist/modern/QueryBuilder/QueryBuilder.js +10 -3
- package/dist/modern/QueryBuilder/QueryBuilder.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Attribute/Attribute.js +3 -1
- package/dist/modern/QueryBuilder/Rule/Attribute/Attribute.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Operator/Operator.js +3 -1
- package/dist/modern/QueryBuilder/Rule/Operator/Operator.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Rule.js +9 -5
- package/dist/modern/QueryBuilder/Rule/Rule.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js +3 -1
- package/dist/modern/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js +10 -5
- package/dist/modern/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Value/NumericValue/NumericValue.js +8 -4
- package/dist/modern/QueryBuilder/Rule/Value/NumericValue/NumericValue.js.map +1 -1
- package/dist/modern/QueryBuilder/Rule/Value/TextValue/TextValue.js +4 -2
- package/dist/modern/QueryBuilder/Rule/Value/TextValue/TextValue.js.map +1 -1
- package/dist/modern/QueryBuilder/RuleGroup/RuleGroup.js +28 -10
- package/dist/modern/QueryBuilder/RuleGroup/RuleGroup.js.map +1 -1
- package/dist/modern/QueryBuilder/RuleGroup/styles.js +3 -0
- package/dist/modern/QueryBuilder/RuleGroup/styles.js.map +1 -1
- package/package.json +3 -3
|
@@ -18,7 +18,8 @@ var Attribute = function Attribute(_ref) {
|
|
|
18
18
|
var dispatchAction = context.dispatchAction,
|
|
19
19
|
attributes = context.attributes,
|
|
20
20
|
operators = context.operators,
|
|
21
|
-
labels = context.labels
|
|
21
|
+
labels = context.labels,
|
|
22
|
+
readOnly = context.readOnly;
|
|
22
23
|
var values = useMemo(function () {
|
|
23
24
|
return Object.keys(attributes).map(function (key) {
|
|
24
25
|
return {
|
|
@@ -35,6 +36,7 @@ var Attribute = function Attribute(_ref) {
|
|
|
35
36
|
placeholder: labels.rule.attribute.placeholder,
|
|
36
37
|
values: values,
|
|
37
38
|
disabled: disabled,
|
|
39
|
+
readOnly: readOnly,
|
|
38
40
|
status: isInvalid ? "invalid" : "valid",
|
|
39
41
|
statusMessage: labels.rule.attribute.exists,
|
|
40
42
|
onChange: function onChange(selected) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Attribute.js","names":["React","useMemo","useContext","PropTypes","HvDropdown","Context","isBigList","Attribute","id","attribute","disabled","isInvalid","context","dispatchAction","attributes","operators","labels","values","Object","keys","map","key","label","selected","currentType","type","rule","placeholder","exists","Array","isArray","attributeId","typeOperators","operator","undefined","length","value","virtualized","height","propTypes","number","string","bool","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Attribute/Attribute.js"],"sourcesContent":["import React, { useMemo, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvDropdown } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nconst Attribute = ({ id, attribute, disabled, isInvalid }) => {\n const context = useContext(Context);\n const { dispatchAction, attributes, operators, labels } = context;\n\n const values = useMemo(\n () =>\n Object.keys(attributes).map((key) => ({\n id: key,\n label: attributes[key].label,\n selected: key === attribute,\n })),\n [attributes, attribute]\n );\n\n const currentType = attribute != null ? attributes[attribute]?.type : null;\n\n return (\n <HvDropdown\n singleSelectionToggle={false}\n label={labels.rule.attribute.label}\n placeholder={labels.rule.attribute.placeholder}\n values={values}\n disabled={disabled}\n status={isInvalid ? \"invalid\" : \"valid\"}\n statusMessage={labels.rule.attribute.exists}\n onChange={(selected) => {\n if (selected && !Array.isArray(selected)) {\n const attributeId = selected.id;\n\n const { type } = attributes[attributeId];\n const typeOperators = operators[type];\n\n let operator;\n if (currentType === type) {\n operator = undefined;\n } else if (typeOperators?.length === 1) {\n operator = typeOperators[0].operator;\n } else {\n operator = null;\n }\n\n // default boolean attributes to true\n const value = type === \"boolean\" ? true : undefined;\n\n dispatchAction({\n type: \"set-attribute\",\n id,\n attribute: attributeId,\n operator,\n value,\n });\n } else {\n dispatchAction({ type: \"set-attribute\", id, attribute: null });\n }\n }}\n showSearch={isBigList(values)}\n {...(isBigList(values) && { virtualized: true, height: 300 })}\n />\n );\n};\n\nAttribute.propTypes = {\n id: PropTypes.number,\n attribute: PropTypes.string,\n disabled: PropTypes.bool,\n isInvalid: PropTypes.bool,\n};\n\nexport default React.memo(Attribute);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,UAAzB,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,kCAA3B;AAEA,OAAOC,OAAP,MAAoB,eAApB;AACA,SAASC,SAAT,QAA0B,aAA1B;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAA4C;EAAA;;EAAA,IAAzCC,EAAyC,QAAzCA,EAAyC;EAAA,IAArCC,SAAqC,QAArCA,SAAqC;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAhBC,SAAgB,QAAhBA,SAAgB;EAC5D,IAAMC,OAAO,GAAGV,UAAU,CAACG,OAAD,CAA1B;EACA,IAAQQ,cAAR,
|
|
1
|
+
{"version":3,"file":"Attribute.js","names":["React","useMemo","useContext","PropTypes","HvDropdown","Context","isBigList","Attribute","id","attribute","disabled","isInvalid","context","dispatchAction","attributes","operators","labels","readOnly","values","Object","keys","map","key","label","selected","currentType","type","rule","placeholder","exists","Array","isArray","attributeId","typeOperators","operator","undefined","length","value","virtualized","height","propTypes","number","string","bool","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Attribute/Attribute.js"],"sourcesContent":["import React, { useMemo, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvDropdown } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nconst Attribute = ({ id, attribute, disabled, isInvalid }) => {\n const context = useContext(Context);\n const { dispatchAction, attributes, operators, labels, readOnly } = context;\n\n const values = useMemo(\n () =>\n Object.keys(attributes).map((key) => ({\n id: key,\n label: attributes[key].label,\n selected: key === attribute,\n })),\n [attributes, attribute]\n );\n\n const currentType = attribute != null ? attributes[attribute]?.type : null;\n\n return (\n <HvDropdown\n singleSelectionToggle={false}\n label={labels.rule.attribute.label}\n placeholder={labels.rule.attribute.placeholder}\n values={values}\n disabled={disabled}\n readOnly={readOnly}\n status={isInvalid ? \"invalid\" : \"valid\"}\n statusMessage={labels.rule.attribute.exists}\n onChange={(selected) => {\n if (selected && !Array.isArray(selected)) {\n const attributeId = selected.id;\n\n const { type } = attributes[attributeId];\n const typeOperators = operators[type];\n\n let operator;\n if (currentType === type) {\n operator = undefined;\n } else if (typeOperators?.length === 1) {\n operator = typeOperators[0].operator;\n } else {\n operator = null;\n }\n\n // default boolean attributes to true\n const value = type === \"boolean\" ? true : undefined;\n\n dispatchAction({\n type: \"set-attribute\",\n id,\n attribute: attributeId,\n operator,\n value,\n });\n } else {\n dispatchAction({ type: \"set-attribute\", id, attribute: null });\n }\n }}\n showSearch={isBigList(values)}\n {...(isBigList(values) && { virtualized: true, height: 300 })}\n />\n );\n};\n\nAttribute.propTypes = {\n id: PropTypes.number,\n attribute: PropTypes.string,\n disabled: PropTypes.bool,\n isInvalid: PropTypes.bool,\n};\n\nexport default React.memo(Attribute);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,EAAyBC,UAAzB,QAA2C,OAA3C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,kCAA3B;AAEA,OAAOC,OAAP,MAAoB,eAApB;AACA,SAASC,SAAT,QAA0B,aAA1B;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAA4C;EAAA;;EAAA,IAAzCC,EAAyC,QAAzCA,EAAyC;EAAA,IAArCC,SAAqC,QAArCA,SAAqC;EAAA,IAA1BC,QAA0B,QAA1BA,QAA0B;EAAA,IAAhBC,SAAgB,QAAhBA,SAAgB;EAC5D,IAAMC,OAAO,GAAGV,UAAU,CAACG,OAAD,CAA1B;EACA,IAAQQ,cAAR,GAAoED,OAApE,CAAQC,cAAR;EAAA,IAAwBC,UAAxB,GAAoEF,OAApE,CAAwBE,UAAxB;EAAA,IAAoCC,SAApC,GAAoEH,OAApE,CAAoCG,SAApC;EAAA,IAA+CC,MAA/C,GAAoEJ,OAApE,CAA+CI,MAA/C;EAAA,IAAuDC,QAAvD,GAAoEL,OAApE,CAAuDK,QAAvD;EAEA,IAAMC,MAAM,GAAGjB,OAAO,CACpB;IAAA,OACEkB,MAAM,CAACC,IAAP,CAAYN,UAAZ,EAAwBO,GAAxB,CAA4B,UAACC,GAAD;MAAA,OAAU;QACpCd,EAAE,EAAEc,GADgC;QAEpCC,KAAK,EAAET,UAAU,CAACQ,GAAD,CAAV,CAAgBC,KAFa;QAGpCC,QAAQ,EAAEF,GAAG,KAAKb;MAHkB,CAAV;IAAA,CAA5B,CADF;EAAA,CADoB,EAOpB,CAACK,UAAD,EAAaL,SAAb,CAPoB,CAAtB;EAUA,IAAMgB,WAAW,GAAGhB,SAAS,IAAI,IAAb,4BAAoBK,UAAU,CAACL,SAAD,CAA9B,0DAAoB,sBAAuBiB,IAA3C,GAAkD,IAAtE;EAEA,oBACE,oBAAC,UAAD;IACE,qBAAqB,EAAE,KADzB;IAEE,KAAK,EAAEV,MAAM,CAACW,IAAP,CAAYlB,SAAZ,CAAsBc,KAF/B;IAGE,WAAW,EAAEP,MAAM,CAACW,IAAP,CAAYlB,SAAZ,CAAsBmB,WAHrC;IAIE,MAAM,EAAEV,MAJV;IAKE,QAAQ,EAAER,QALZ;IAME,QAAQ,EAAEO,QANZ;IAOE,MAAM,EAAEN,SAAS,GAAG,SAAH,GAAe,OAPlC;IAQE,aAAa,EAAEK,MAAM,CAACW,IAAP,CAAYlB,SAAZ,CAAsBoB,MARvC;IASE,QAAQ,EAAE,kBAACL,QAAD,EAAc;MACtB,IAAIA,QAAQ,IAAI,CAACM,KAAK,CAACC,OAAN,CAAcP,QAAd,CAAjB,EAA0C;QACxC,IAAMQ,WAAW,GAAGR,QAAQ,CAAChB,EAA7B;QAEA,IAAQkB,IAAR,GAAiBZ,UAAU,CAACkB,WAAD,CAA3B,CAAQN,IAAR;QACA,IAAMO,aAAa,GAAGlB,SAAS,CAACW,IAAD,CAA/B;QAEA,IAAIQ,QAAJ;;QACA,IAAIT,WAAW,KAAKC,IAApB,EAA0B;UACxBQ,QAAQ,GAAGC,SAAX;QACD,CAFD,MAEO,IAAI,CAAAF,aAAa,SAAb,IAAAA,aAAa,WAAb,YAAAA,aAAa,CAAEG,MAAf,MAA0B,CAA9B,EAAiC;UACtCF,QAAQ,GAAGD,aAAa,CAAC,CAAD,CAAb,CAAiBC,QAA5B;QACD,CAFM,MAEA;UACLA,QAAQ,GAAG,IAAX;QACD,CAbuC,CAexC;;;QACA,IAAMG,KAAK,GAAGX,IAAI,KAAK,SAAT,GAAqB,IAArB,GAA4BS,SAA1C;QAEAtB,cAAc,CAAC;UACba,IAAI,EAAE,eADO;UAEblB,EAAE,EAAFA,EAFa;UAGbC,SAAS,EAAEuB,WAHE;UAIbE,QAAQ,EAARA,QAJa;UAKbG,KAAK,EAALA;QALa,CAAD,CAAd;MAOD,CAzBD,MAyBO;QACLxB,cAAc,CAAC;UAAEa,IAAI,EAAE,eAAR;UAAyBlB,EAAE,EAAFA,EAAzB;UAA6BC,SAAS,EAAE;QAAxC,CAAD,CAAd;MACD;IACF,CAtCH;IAuCE,UAAU,EAAEH,SAAS,CAACY,MAAD;EAvCvB,GAwCOZ,SAAS,CAACY,MAAD,CAAT,IAAqB;IAAEoB,WAAW,EAAE,IAAf;IAAqBC,MAAM,EAAE;EAA7B,CAxC5B,EADF;AA4CD,CA5DD;;AA8DA,wCAAAhC,SAAS,CAACiC,SAAV,GAAsB;EACpBhC,EAAE,EAAEL,SAAS,CAACsC,MADM;EAEpBhC,SAAS,EAAEN,SAAS,CAACuC,MAFD;EAGpBhC,QAAQ,EAAEP,SAAS,CAACwC,IAHA;EAIpBhC,SAAS,EAAER,SAAS,CAACwC;AAJD,CAAtB;AAOA,4BAAe3C,KAAK,CAAC4C,IAAN,CAAWrC,SAAX,CAAf"}
|
|
@@ -19,7 +19,8 @@ var Operator = function Operator(_ref) {
|
|
|
19
19
|
var dispatchAction = context.dispatchAction,
|
|
20
20
|
attributes = context.attributes,
|
|
21
21
|
operators = context.operators,
|
|
22
|
-
labels = context.labels
|
|
22
|
+
labels = context.labels,
|
|
23
|
+
readOnly = context.readOnly;
|
|
23
24
|
var value = operator !== null && operator !== void 0 ? operator : null;
|
|
24
25
|
var values = useMemo(function () {
|
|
25
26
|
var _operators$attributeS;
|
|
@@ -44,6 +45,7 @@ var Operator = function Operator(_ref) {
|
|
|
44
45
|
placeholder: labels.rule.operator.placeholder,
|
|
45
46
|
values: values,
|
|
46
47
|
disabled: values.length === 0,
|
|
48
|
+
readOnly: readOnly,
|
|
47
49
|
onChange: function onChange(selected) {
|
|
48
50
|
if (selected && !Array.isArray(selected) && selected.id) {
|
|
49
51
|
dispatchAction({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Operator.js","names":["React","useMemo","PropTypes","HvDropdown","Context","isBigList","Operator","id","combinator","attribute","operator","context","useContext","dispatchAction","attributes","operators","labels","value","values","attributeSpec","options","type","filter","o","combinators","includes","map","key","label","selected","rule","placeholder","length","Array","isArray","undefined","virtualized","height","propTypes","number","string","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Operator/Operator.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvDropdown } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nconst Operator = ({ id, combinator, attribute, operator }) => {\n const context = React.useContext(Context);\n\n const { dispatchAction, attributes, operators, labels } = context;\n\n const value = operator ?? null;\n\n const values = useMemo(() => {\n const attributeSpec = attribute ? attributes[attribute] : null;\n const options = attributeSpec\n ? operators[attributeSpec.type].filter((o) => o.combinators.includes(combinator)) ?? []\n : [];\n return options.map((key) => ({\n id: key.operator,\n label: key.label,\n selected: key.operator === value,\n }));\n }, [attribute, attributes, operators, combinator, value]);\n\n return (\n <HvDropdown\n required\n status=\"valid\"\n singleSelectionToggle={false}\n label={labels.rule.operator.label}\n placeholder={labels.rule.operator.placeholder}\n values={values}\n disabled={values.length === 0}\n onChange={(selected) => {\n if (selected && !Array.isArray(selected) && selected.id) {\n dispatchAction({\n type: \"set-operator\",\n id,\n operator: selected.id,\n value: value === \"range\" || selected.id === \"range\" ? null : undefined,\n });\n } else {\n dispatchAction({\n type: \"set-operator\",\n id,\n operator: null,\n value: null,\n });\n }\n }}\n showSearch={isBigList(values)}\n {...(isBigList(values) && { virtualized: true, height: 300 })}\n />\n );\n};\n\nOperator.propTypes = {\n id: PropTypes.number,\n combinator: PropTypes.string,\n attribute: PropTypes.string,\n operator: PropTypes.string,\n};\n\nexport default React.memo(Operator);\n"],"mappings":";;;;;;AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,kCAA3B;AAEA,OAAOC,OAAP,MAAoB,eAApB;AACA,SAASC,SAAT,QAA0B,aAA1B;;AAEA,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAA6C;EAAA,IAA1CC,EAA0C,QAA1CA,EAA0C;EAAA,IAAtCC,UAAsC,QAAtCA,UAAsC;EAAA,IAA1BC,SAA0B,QAA1BA,SAA0B;EAAA,IAAfC,QAAe,QAAfA,QAAe;EAC5D,IAAMC,OAAO,GAAGX,KAAK,CAACY,UAAN,CAAiBR,OAAjB,CAAhB;EAEA,IAAQS,cAAR,
|
|
1
|
+
{"version":3,"file":"Operator.js","names":["React","useMemo","PropTypes","HvDropdown","Context","isBigList","Operator","id","combinator","attribute","operator","context","useContext","dispatchAction","attributes","operators","labels","readOnly","value","values","attributeSpec","options","type","filter","o","combinators","includes","map","key","label","selected","rule","placeholder","length","Array","isArray","undefined","virtualized","height","propTypes","number","string","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Operator/Operator.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvDropdown } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../Context\";\nimport { isBigList } from \"../../utils\";\n\nconst Operator = ({ id, combinator, attribute, operator }) => {\n const context = React.useContext(Context);\n\n const { dispatchAction, attributes, operators, labels, readOnly } = context;\n\n const value = operator ?? null;\n\n const values = useMemo(() => {\n const attributeSpec = attribute ? attributes[attribute] : null;\n const options = attributeSpec\n ? operators[attributeSpec.type].filter((o) => o.combinators.includes(combinator)) ?? []\n : [];\n return options.map((key) => ({\n id: key.operator,\n label: key.label,\n selected: key.operator === value,\n }));\n }, [attribute, attributes, operators, combinator, value]);\n\n return (\n <HvDropdown\n required\n status=\"valid\"\n singleSelectionToggle={false}\n label={labels.rule.operator.label}\n placeholder={labels.rule.operator.placeholder}\n values={values}\n disabled={values.length === 0}\n readOnly={readOnly}\n onChange={(selected) => {\n if (selected && !Array.isArray(selected) && selected.id) {\n dispatchAction({\n type: \"set-operator\",\n id,\n operator: selected.id,\n value: value === \"range\" || selected.id === \"range\" ? null : undefined,\n });\n } else {\n dispatchAction({\n type: \"set-operator\",\n id,\n operator: null,\n value: null,\n });\n }\n }}\n showSearch={isBigList(values)}\n {...(isBigList(values) && { virtualized: true, height: 300 })}\n />\n );\n};\n\nOperator.propTypes = {\n id: PropTypes.number,\n combinator: PropTypes.string,\n attribute: PropTypes.string,\n operator: PropTypes.string,\n};\n\nexport default React.memo(Operator);\n"],"mappings":"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"}
|
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
var _Delete;
|
|
2
|
-
|
|
3
1
|
import "core-js/modules/es.object.to-string.js";
|
|
4
2
|
import "core-js/modules/es.array.includes.js";
|
|
5
3
|
import "core-js/modules/es.string.includes.js";
|
|
@@ -14,6 +12,8 @@ import Value from "./Value";
|
|
|
14
12
|
import useStyles from "./styles";
|
|
15
13
|
|
|
16
14
|
var Rule = function Rule(_ref) {
|
|
15
|
+
var _Delete;
|
|
16
|
+
|
|
17
17
|
var id = _ref.id,
|
|
18
18
|
combinator = _ref.combinator,
|
|
19
19
|
attribute = _ref.attribute,
|
|
@@ -26,7 +26,8 @@ var Rule = function Rule(_ref) {
|
|
|
26
26
|
var askAction = context.askAction,
|
|
27
27
|
attributes = context.attributes,
|
|
28
28
|
operators = context.operators,
|
|
29
|
-
labels = context.labels
|
|
29
|
+
labels = context.labels,
|
|
30
|
+
readOnly = context.readOnly;
|
|
30
31
|
var availableOperators = useMemo(function () {
|
|
31
32
|
var attributeSpec = attribute != null ? attributes[attribute] : null;
|
|
32
33
|
|
|
@@ -44,7 +45,9 @@ var Rule = function Rule(_ref) {
|
|
|
44
45
|
}, [attribute, attributes, combinator, operators]);
|
|
45
46
|
var shouldShowValueInput = operator !== "Empty" && operator !== "IsNotEmpty";
|
|
46
47
|
var DeleteIcon = withTooltip(function () {
|
|
47
|
-
return _Delete || (_Delete = /*#__PURE__*/React.createElement(Delete,
|
|
48
|
+
return _Delete || (_Delete = /*#__PURE__*/React.createElement(Delete, {
|
|
49
|
+
disabled: readOnly
|
|
50
|
+
}));
|
|
48
51
|
}, labels.rule.delete.tooltip, "bottom");
|
|
49
52
|
return /*#__PURE__*/React.createElement(HvGrid, {
|
|
50
53
|
container: true,
|
|
@@ -91,7 +94,8 @@ var Rule = function Rule(_ref) {
|
|
|
91
94
|
}],
|
|
92
95
|
dialog: labels.rule.delete
|
|
93
96
|
});
|
|
94
|
-
}
|
|
97
|
+
},
|
|
98
|
+
disabled: readOnly
|
|
95
99
|
}, /*#__PURE__*/React.createElement(DeleteIcon, null))));
|
|
96
100
|
};
|
|
97
101
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rule.js","names":["React","useMemo","useContext","PropTypes","HvGrid","HvButton","withTooltip","Delete","Context","Attribute","Operator","Value","useStyles","Rule","id","combinator","attribute","operator","value","disabled","isInvalid","classes","context","askAction","attributes","operators","labels","availableOperators","attributeSpec","typeOperators","type","reduce","count","item","combinators","includes","shouldShowValueInput","DeleteIcon","rule","delete","tooltip","root","actionsContainer","ariaLabel","actions","dialog","propTypes","number","string","any","bool"],"sources":["../../../../src/QueryBuilder/Rule/Rule.js"],"sourcesContent":["import React, { useMemo, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvGrid, HvButton, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { Delete } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Attribute from \"./Attribute\";\nimport Operator from \"./Operator\";\nimport Value from \"./Value\";\nimport useStyles from \"./styles\";\n\nconst Rule = ({ id, combinator, attribute, operator, value, disabled, isInvalid }) => {\n const classes = useStyles();\n const context = useContext(Context);\n\n const { askAction, attributes, operators, labels } = context;\n\n const availableOperators = useMemo(() => {\n const attributeSpec = attribute != null ? attributes[attribute] : null;\n if (attributeSpec != null) {\n const typeOperators = operators[attributeSpec.type];\n if (typeOperators != null) {\n return typeOperators.reduce(\n (count, item) => count + (item.combinators.includes(combinator) ? 1 : 0),\n 0\n );\n }\n }\n\n return -1;\n }, [attribute, attributes, combinator, operators]);\n\n const shouldShowValueInput = operator !== \"Empty\" && operator !== \"IsNotEmpty\";\n\n const DeleteIcon = withTooltip(() => <Delete
|
|
1
|
+
{"version":3,"file":"Rule.js","names":["React","useMemo","useContext","PropTypes","HvGrid","HvButton","withTooltip","Delete","Context","Attribute","Operator","Value","useStyles","Rule","id","combinator","attribute","operator","value","disabled","isInvalid","classes","context","askAction","attributes","operators","labels","readOnly","availableOperators","attributeSpec","typeOperators","type","reduce","count","item","combinators","includes","shouldShowValueInput","DeleteIcon","rule","delete","tooltip","root","actionsContainer","ariaLabel","actions","dialog","propTypes","number","string","any","bool"],"sources":["../../../../src/QueryBuilder/Rule/Rule.js"],"sourcesContent":["import React, { useMemo, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { HvGrid, HvButton, withTooltip } from \"@hitachivantara/uikit-react-core\";\nimport { Delete } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Attribute from \"./Attribute\";\nimport Operator from \"./Operator\";\nimport Value from \"./Value\";\nimport useStyles from \"./styles\";\n\nconst Rule = ({ id, combinator, attribute, operator, value, disabled, isInvalid }) => {\n const classes = useStyles();\n const context = useContext(Context);\n\n const { askAction, attributes, operators, labels, readOnly } = context;\n\n const availableOperators = useMemo(() => {\n const attributeSpec = attribute != null ? attributes[attribute] : null;\n if (attributeSpec != null) {\n const typeOperators = operators[attributeSpec.type];\n if (typeOperators != null) {\n return typeOperators.reduce(\n (count, item) => count + (item.combinators.includes(combinator) ? 1 : 0),\n 0\n );\n }\n }\n\n return -1;\n }, [attribute, attributes, combinator, operators]);\n\n const shouldShowValueInput = operator !== \"Empty\" && operator !== \"IsNotEmpty\";\n\n const DeleteIcon = withTooltip(\n () => <Delete disabled={readOnly} />,\n labels.rule.delete.tooltip,\n \"bottom\"\n );\n\n return (\n <HvGrid container className={classes.root} spacing={0} wrap=\"nowrap\">\n <HvGrid item xs={2} lg={3}>\n <Attribute attribute={attribute} id={id} disabled={disabled} isInvalid={isInvalid} />\n </HvGrid>\n {attribute != null && availableOperators > 0 && (\n <HvGrid item xs={2} lg={3}>\n <Operator id={id} combinator={combinator} attribute={attribute} operator={operator} />\n </HvGrid>\n )}\n {attribute != null && (operator != null || availableOperators === 0) && (\n <HvGrid item xs>\n {shouldShowValueInput && (\n <Value attribute={attribute} id={id} operator={operator} value={value} />\n )}\n </HvGrid>\n )}\n <HvGrid item className={classes.actionsContainer}>\n <HvButton\n icon\n aria-label={labels.rule.delete.ariaLabel}\n onClick={() => {\n askAction({\n actions: [{ type: \"remove-node\", id }],\n dialog: labels.rule.delete,\n });\n }}\n disabled={readOnly}\n >\n <DeleteIcon />\n </HvButton>\n </HvGrid>\n </HvGrid>\n );\n};\n\nRule.propTypes = {\n id: PropTypes.number,\n combinator: PropTypes.string,\n attribute: PropTypes.string,\n operator: PropTypes.string,\n value: PropTypes.any,\n disabled: PropTypes.bool,\n isInvalid: PropTypes.bool,\n};\n\nexport default Rule;\n"],"mappings":"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"}
|
|
@@ -12,7 +12,8 @@ var BooleanValue = function BooleanValue(_ref) {
|
|
|
12
12
|
value = _ref$value === void 0 ? true : _ref$value;
|
|
13
13
|
var context = React.useContext(Context);
|
|
14
14
|
var labels = context.labels,
|
|
15
|
-
dispatchAction = context.dispatchAction
|
|
15
|
+
dispatchAction = context.dispatchAction,
|
|
16
|
+
readOnly = context.readOnly;
|
|
16
17
|
var values = ["true", "false"].map(function (v) {
|
|
17
18
|
return {
|
|
18
19
|
id: v,
|
|
@@ -27,6 +28,7 @@ var BooleanValue = function BooleanValue(_ref) {
|
|
|
27
28
|
label: labels.rule.value.boolean.label,
|
|
28
29
|
placeholder: labels.rule.value.boolean.placeholder,
|
|
29
30
|
values: values,
|
|
31
|
+
readOnly: readOnly,
|
|
30
32
|
onChange: function onChange(selected) {
|
|
31
33
|
if (selected && !Array.isArray(selected) && selected.id) {
|
|
32
34
|
dispatchAction({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BooleanValue.js","names":["React","PropTypes","HvDropdown","Context","isBigList","BooleanValue","id","value","context","useContext","labels","dispatchAction","values","map","v","label","rule","boolean","options","selected","placeholder","Array","isArray","type","virtualized","height","propTypes","number","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvDropdown } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport { isBigList } from \"../../../utils\";\n\nconst BooleanValue = ({ id, value = true }) => {\n const context = React.useContext(Context);\n const { labels, dispatchAction } = context;\n\n const values = [\"true\", \"false\"].map((v) => ({\n id: v,\n label: labels.rule.value.boolean.options[v],\n selected: value === (v === \"true\"),\n }));\n\n return (\n <HvDropdown\n required\n status=\"valid\"\n singleSelectionToggle={false}\n label={labels.rule.value.boolean.label}\n placeholder={labels.rule.value.boolean.placeholder}\n values={values}\n onChange={(selected) => {\n if (selected && !Array.isArray(selected) && selected.id) {\n dispatchAction({\n type: \"set-value\",\n id,\n value: selected.id === \"true\",\n });\n } else {\n dispatchAction({ type: \"set-value\", id, value: null });\n }\n }}\n showSearch={isBigList(values)}\n {...(isBigList(values) && { virtualized: true, height: 300 })}\n />\n );\n};\n\nBooleanValue.propTypes = {\n id: PropTypes.number,\n value: PropTypes.bool,\n};\n\nexport default React.memo(BooleanValue);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,kCAA3B;AAEA,OAAOC,OAAP,MAAoB,kBAApB;AACA,SAASC,SAAT,QAA0B,gBAA1B;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAA0B;EAAA,IAAvBC,EAAuB,QAAvBA,EAAuB;EAAA,sBAAnBC,KAAmB;EAAA,IAAnBA,KAAmB,2BAAX,IAAW;EAC7C,IAAMC,OAAO,GAAGR,KAAK,CAACS,UAAN,CAAiBN,OAAjB,CAAhB;EACA,IAAQO,MAAR,
|
|
1
|
+
{"version":3,"file":"BooleanValue.js","names":["React","PropTypes","HvDropdown","Context","isBigList","BooleanValue","id","value","context","useContext","labels","dispatchAction","readOnly","values","map","v","label","rule","boolean","options","selected","placeholder","Array","isArray","type","virtualized","height","propTypes","number","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/BooleanValue/BooleanValue.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvDropdown } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport { isBigList } from \"../../../utils\";\n\nconst BooleanValue = ({ id, value = true }) => {\n const context = React.useContext(Context);\n const { labels, dispatchAction, readOnly } = context;\n\n const values = [\"true\", \"false\"].map((v) => ({\n id: v,\n label: labels.rule.value.boolean.options[v],\n selected: value === (v === \"true\"),\n }));\n\n return (\n <HvDropdown\n required\n status=\"valid\"\n singleSelectionToggle={false}\n label={labels.rule.value.boolean.label}\n placeholder={labels.rule.value.boolean.placeholder}\n values={values}\n readOnly={readOnly}\n onChange={(selected) => {\n if (selected && !Array.isArray(selected) && selected.id) {\n dispatchAction({\n type: \"set-value\",\n id,\n value: selected.id === \"true\",\n });\n } else {\n dispatchAction({ type: \"set-value\", id, value: null });\n }\n }}\n showSearch={isBigList(values)}\n {...(isBigList(values) && { virtualized: true, height: 300 })}\n />\n );\n};\n\nBooleanValue.propTypes = {\n id: PropTypes.number,\n value: PropTypes.bool,\n};\n\nexport default React.memo(BooleanValue);\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,kCAA3B;AAEA,OAAOC,OAAP,MAAoB,kBAApB;AACA,SAASC,SAAT,QAA0B,gBAA1B;;AAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,OAA0B;EAAA,IAAvBC,EAAuB,QAAvBA,EAAuB;EAAA,sBAAnBC,KAAmB;EAAA,IAAnBA,KAAmB,2BAAX,IAAW;EAC7C,IAAMC,OAAO,GAAGR,KAAK,CAACS,UAAN,CAAiBN,OAAjB,CAAhB;EACA,IAAQO,MAAR,GAA6CF,OAA7C,CAAQE,MAAR;EAAA,IAAgBC,cAAhB,GAA6CH,OAA7C,CAAgBG,cAAhB;EAAA,IAAgCC,QAAhC,GAA6CJ,OAA7C,CAAgCI,QAAhC;EAEA,IAAMC,MAAM,GAAG,CAAC,MAAD,EAAS,OAAT,EAAkBC,GAAlB,CAAsB,UAACC,CAAD;IAAA,OAAQ;MAC3CT,EAAE,EAAES,CADuC;MAE3CC,KAAK,EAAEN,MAAM,CAACO,IAAP,CAAYV,KAAZ,CAAkBW,OAAlB,CAA0BC,OAA1B,CAAkCJ,CAAlC,CAFoC;MAG3CK,QAAQ,EAAEb,KAAK,MAAMQ,CAAC,KAAK,MAAZ;IAH4B,CAAR;EAAA,CAAtB,CAAf;EAMA,oBACE,oBAAC,UAAD;IACE,QAAQ,MADV;IAEE,MAAM,EAAC,OAFT;IAGE,qBAAqB,EAAE,KAHzB;IAIE,KAAK,EAAEL,MAAM,CAACO,IAAP,CAAYV,KAAZ,CAAkBW,OAAlB,CAA0BF,KAJnC;IAKE,WAAW,EAAEN,MAAM,CAACO,IAAP,CAAYV,KAAZ,CAAkBW,OAAlB,CAA0BG,WALzC;IAME,MAAM,EAAER,MANV;IAOE,QAAQ,EAAED,QAPZ;IAQE,QAAQ,EAAE,kBAACQ,QAAD,EAAc;MACtB,IAAIA,QAAQ,IAAI,CAACE,KAAK,CAACC,OAAN,CAAcH,QAAd,CAAb,IAAwCA,QAAQ,CAACd,EAArD,EAAyD;QACvDK,cAAc,CAAC;UACba,IAAI,EAAE,WADO;UAEblB,EAAE,EAAFA,EAFa;UAGbC,KAAK,EAAEa,QAAQ,CAACd,EAAT,KAAgB;QAHV,CAAD,CAAd;MAKD,CAND,MAMO;QACLK,cAAc,CAAC;UAAEa,IAAI,EAAE,WAAR;UAAqBlB,EAAE,EAAFA,EAArB;UAAyBC,KAAK,EAAE;QAAhC,CAAD,CAAd;MACD;IACF,CAlBH;IAmBE,UAAU,EAAEH,SAAS,CAACS,MAAD;EAnBvB,GAoBOT,SAAS,CAACS,MAAD,CAAT,IAAqB;IAAEY,WAAW,EAAE,IAAf;IAAqBC,MAAM,EAAE;EAA7B,CApB5B,EADF;AAwBD,CAlCD;;AAoCA,wCAAArB,YAAY,CAACsB,SAAb,GAAyB;EACvBrB,EAAE,EAAEL,SAAS,CAAC2B,MADS;EAEvBrB,KAAK,EAAEN,SAAS,CAAC4B;AAFM,CAAzB;AAKA,4BAAe7B,KAAK,CAAC8B,IAAN,CAAWzB,YAAX,CAAf"}
|
|
@@ -27,7 +27,8 @@ var DateTimeValue = function DateTimeValue(_ref) {
|
|
|
27
27
|
var isRange = valueIsRange(operator, valueProp);
|
|
28
28
|
var context = React.useContext(Context);
|
|
29
29
|
var labels = context.labels,
|
|
30
|
-
dispatchAction = context.dispatchAction
|
|
30
|
+
dispatchAction = context.dispatchAction,
|
|
31
|
+
readOnly = context.readOnly;
|
|
31
32
|
var elementId = uniqueId("datetime".concat(id));
|
|
32
33
|
|
|
33
34
|
var _useState = useState(initialTouched),
|
|
@@ -222,7 +223,8 @@ var DateTimeValue = function DateTimeValue(_ref) {
|
|
|
222
223
|
label: isRange ? labels.rule.value.datetime.startDateLabel : labels.rule.value.datetime.dateLabel,
|
|
223
224
|
placeholder: isRange ? labels.rule.value.datetime.startDatePlaceholder : labels.rule.value.datetime.datePlaceholder,
|
|
224
225
|
value: datePickerValue,
|
|
225
|
-
onChange: onDateChange
|
|
226
|
+
onChange: onDateChange,
|
|
227
|
+
readOnly: readOnly
|
|
226
228
|
}), /*#__PURE__*/React.createElement(HvTimePicker, {
|
|
227
229
|
className: classes.timePicker,
|
|
228
230
|
timeFormat: "24",
|
|
@@ -239,7 +241,8 @@ var DateTimeValue = function DateTimeValue(_ref) {
|
|
|
239
241
|
if (!open && !touchedTime) {
|
|
240
242
|
setTouchedTime(true);
|
|
241
243
|
}
|
|
242
|
-
}
|
|
244
|
+
},
|
|
245
|
+
readOnly: readOnly
|
|
243
246
|
})), isRange && /*#__PURE__*/React.createElement("div", {
|
|
244
247
|
className: clsx(classes.row, classes.vertical)
|
|
245
248
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -254,7 +257,8 @@ var DateTimeValue = function DateTimeValue(_ref) {
|
|
|
254
257
|
label: labels.rule.value.datetime.endDateLabel,
|
|
255
258
|
placeholder: labels.rule.value.datetime.endDatePlaceholder,
|
|
256
259
|
value: endDatePickerValue,
|
|
257
|
-
onChange: onEndDateChange
|
|
260
|
+
onChange: onEndDateChange,
|
|
261
|
+
readOnly: readOnly
|
|
258
262
|
}), /*#__PURE__*/React.createElement(HvTimePicker, {
|
|
259
263
|
className: classes.timePicker,
|
|
260
264
|
timeFormat: "24",
|
|
@@ -272,7 +276,8 @@ var DateTimeValue = function DateTimeValue(_ref) {
|
|
|
272
276
|
if (!open && !touchedEndTime) {
|
|
273
277
|
setTouchedEndTime(true);
|
|
274
278
|
}
|
|
275
|
-
}
|
|
279
|
+
},
|
|
280
|
+
readOnly: readOnly
|
|
276
281
|
})), /*#__PURE__*/React.createElement(HvWarningText, {
|
|
277
282
|
disableBorder: true,
|
|
278
283
|
id: "".concat(elementId, "-combined-error"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeValue.js","names":["React","useCallback","useMemo","useState","PropTypes","uniqueId","dayjs","clsx","HvDatePicker","HvWarningText","HvTimePicker","Context","padTime","parseDate","parseTime","useStyles","valueIsRange","operator","DateTimeValue","id","value","valueProp","initialTouched","classes","isRange","context","useContext","labels","dispatchAction","elementId","touchedDate","setTouchedDate","touchedTime","setTouchedTime","touchedEndDate","setTouchedEndDate","touchedEndTime","setTouchedEndTime","onDateChange","data","date","format","oldValue","start","time","end","type","onTimeChange","hours","minutes","seconds","onEndDateChange","onEndTimeChange","startDate","datePickerValue","datePickerStatus","startTime","timePickerValue","timePickerStatus","endDate","endDatePickerValue","endTime","endTimePickerValue","dateStatus","timeStatus","endDateIsBefore","endTimeIsBeforeOrSame","endDateTimeIsBefore","endDatePickerStatus","endDateStatus","endTimePickerStatus","endTimeStatus","root","row","horizontal","datePicker","rule","datetime","validation","required","startDateLabel","dateLabel","startDatePlaceholder","datePlaceholder","timePicker","startTimeLabel","timeLabel","startTimePlaceholder","timePlaceholder","_evt","open","vertical","undefined","endDateLabel","endDatePlaceholder","endTimeLabel","endTimePlaceholder","invalidInterval","propTypes","number","string","any","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport dayjs from \"dayjs\";\nimport clsx from \"clsx\";\n\nimport { HvDatePicker, HvWarningText, HvTimePicker } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport { padTime, parseDate, parseTime } from \"./utils\";\n\nimport useStyles from \"./styles\";\n\nfunction valueIsRange(operator) {\n return operator === \"range\";\n}\n\nconst DateTimeValue = ({ id, operator, value: valueProp = {}, initialTouched = false }) => {\n const classes = useStyles();\n\n const isRange = valueIsRange(operator, valueProp);\n\n const context = React.useContext(Context);\n const { labels, dispatchAction } = context;\n\n const elementId = uniqueId(`datetime${id}`);\n\n const [touchedDate, setTouchedDate] = useState(initialTouched);\n const [touchedTime, setTouchedTime] = useState(initialTouched);\n const [touchedEndDate, setTouchedEndDate] = useState(initialTouched);\n const [touchedEndTime, setTouchedEndTime] = useState(initialTouched);\n\n const onDateChange = useCallback(\n (data) => {\n setTouchedDate(true);\n\n let date;\n if (data != null) {\n date = dayjs(data).format(\"YYYY-MM-DD\");\n }\n\n const oldValue = !isRange ? valueProp?.date : valueProp?.start?.date;\n\n if (date !== oldValue) {\n let value;\n if (!isRange) {\n value = {\n date,\n time: valueProp?.time,\n };\n } else {\n value = {\n start: {\n date,\n time: valueProp?.start?.time,\n },\n end: valueProp?.end,\n };\n }\n\n dispatchAction({\n type: \"set-value\",\n id,\n value,\n });\n }\n },\n [dispatchAction, id, isRange, valueProp]\n );\n\n const onTimeChange = useCallback(\n (data) => {\n setTouchedTime(true);\n\n let time;\n if (data != null) {\n time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n }\n\n const oldValue = !isRange ? valueProp?.time : valueProp?.start?.time;\n\n if (time !== oldValue) {\n let value;\n if (!isRange) {\n value = {\n date: valueProp?.date,\n time,\n };\n } else {\n value = {\n start: {\n date: valueProp?.start?.date,\n time,\n },\n end: valueProp?.end,\n };\n }\n\n dispatchAction({\n type: \"set-value\",\n id,\n value,\n });\n }\n },\n [dispatchAction, id, isRange, valueProp]\n );\n\n const onEndDateChange = useCallback(\n (data) => {\n setTouchedEndDate(true);\n\n let date;\n if (data != null) {\n date = dayjs(data).format(\"YYYY-MM-DD\");\n }\n\n if (date !== valueProp?.end?.date) {\n const value = {\n start: valueProp?.start,\n end: {\n date,\n time: valueProp?.end?.time,\n },\n };\n\n dispatchAction({\n type: \"set-value\",\n id,\n value,\n });\n }\n },\n [dispatchAction, id, valueProp]\n );\n\n const onEndTimeChange = useCallback(\n (data) => {\n setTouchedEndTime(true);\n\n let time;\n if (data != null) {\n time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n }\n\n if (time !== valueProp?.end?.time) {\n const value = {\n start: valueProp?.start,\n end: {\n date: valueProp?.end?.date,\n time,\n },\n };\n\n dispatchAction({\n type: \"set-value\",\n id,\n value,\n });\n }\n },\n [dispatchAction, id, valueProp]\n );\n\n const startDate = isRange ? valueProp?.start?.date : valueProp?.date;\n const datePickerValue = useMemo(() => parseDate(startDate), [startDate]);\n const datePickerStatus = datePickerValue != null ? \"valid\" : \"invalid\";\n\n const startTime = (isRange ? valueProp?.start?.time : valueProp?.time) ?? \"\";\n const timePickerValue = useMemo(() => parseTime(startTime), [startTime]);\n const timePickerStatus = timePickerValue != null ? \"valid\" : \"invalid\";\n\n const endDate = isRange ? valueProp?.end?.date : null;\n const endDatePickerValue = useMemo(() => parseDate(endDate), [endDate]);\n\n const endTime = isRange ? valueProp?.end?.time : null;\n const endTimePickerValue = useMemo(() => parseTime(endTime), [endTime]);\n\n const dateStatus = !touchedDate ? \"standBy\" : datePickerStatus;\n const timeStatus = !touchedTime ? \"standBy\" : timePickerStatus;\n\n const endDateIsBefore = startDate != null && endDate != null && endDate < startDate;\n\n const endTimeIsBeforeOrSame =\n startDate != null &&\n endDate != null &&\n endDate === startDate &&\n startTime != null &&\n endTime != null &&\n endTime <= startTime;\n\n const endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;\n\n const endDatePickerStatus =\n endDatePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n const endDateStatus = !touchedEndDate ? \"standBy\" : endDatePickerStatus;\n\n const endTimePickerStatus =\n endTimePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n const endTimeStatus = !touchedEndTime ? \"standBy\" : endTimePickerStatus;\n\n return (\n <div className={classes.root}>\n <div className={clsx(classes.row, classes.horizontal)}>\n <HvDatePicker\n className={classes.datePicker}\n name={`${elementId}-date`}\n required\n status={dateStatus}\n statusMessage={labels.rule.value.datetime.validation.required}\n label={\n isRange\n ? labels.rule.value.datetime.startDateLabel\n : labels.rule.value.datetime.dateLabel\n }\n placeholder={\n isRange\n ? labels.rule.value.datetime.startDatePlaceholder\n : labels.rule.value.datetime.datePlaceholder\n }\n value={datePickerValue}\n onChange={onDateChange}\n />\n <HvTimePicker\n className={classes.timePicker}\n timeFormat=\"24\"\n name={`${elementId}-time`}\n disableDefaultValue\n required\n status={timeStatus}\n statusMessage={labels.rule.value.datetime.validation.required}\n label={\n isRange\n ? labels.rule.value.datetime.startTimeLabel\n : labels.rule.value.datetime.timeLabel\n }\n placeholder={\n isRange\n ? labels.rule.value.datetime.startTimePlaceholder\n : labels.rule.value.datetime.timePlaceholder\n }\n value={timePickerValue}\n onChange={onTimeChange}\n onToggle={(_evt, open) => {\n if (!open && !touchedTime) {\n setTouchedTime(true);\n }\n }}\n />\n </div>\n {isRange && (\n <div className={clsx(classes.row, classes.vertical)}>\n <div className={classes.horizontal}>\n <HvDatePicker\n className={classes.datePicker}\n name={`${elementId}-endDate`}\n required\n status={endDateStatus}\n statusMessage={labels.rule.value.datetime.validation.required}\n aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n label={labels.rule.value.datetime.endDateLabel}\n placeholder={labels.rule.value.datetime.endDatePlaceholder}\n value={endDatePickerValue}\n onChange={onEndDateChange}\n />\n <HvTimePicker\n className={classes.timePicker}\n timeFormat=\"24\"\n name={`${elementId}-endTime`}\n disableDefaultValue\n required\n status={endTimeStatus}\n statusMessage={labels.rule.value.datetime.validation.required}\n aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n label={labels.rule.value.datetime.endTimeLabel}\n placeholder={labels.rule.value.datetime.endTimePlaceholder}\n value={endTimePickerValue}\n onChange={onEndTimeChange}\n onToggle={(_evt, open) => {\n if (!open && !touchedEndTime) {\n setTouchedEndTime(true);\n }\n }}\n />\n </div>\n <HvWarningText\n disableBorder\n id={`${elementId}-combined-error`}\n isVisible={endDateTimeIsBefore}\n >\n {labels.rule.value.datetime.validation.invalidInterval}\n </HvWarningText>\n </div>\n )}\n </div>\n );\n};\n\nDateTimeValue.propTypes = {\n id: PropTypes.number,\n operator: PropTypes.string,\n value: PropTypes.any,\n initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(DateTimeValue);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"DateTimeValue.js","names":["React","useCallback","useMemo","useState","PropTypes","uniqueId","dayjs","clsx","HvDatePicker","HvWarningText","HvTimePicker","Context","padTime","parseDate","parseTime","useStyles","valueIsRange","operator","DateTimeValue","id","value","valueProp","initialTouched","classes","isRange","context","useContext","labels","dispatchAction","readOnly","elementId","touchedDate","setTouchedDate","touchedTime","setTouchedTime","touchedEndDate","setTouchedEndDate","touchedEndTime","setTouchedEndTime","onDateChange","data","date","format","oldValue","start","time","end","type","onTimeChange","hours","minutes","seconds","onEndDateChange","onEndTimeChange","startDate","datePickerValue","datePickerStatus","startTime","timePickerValue","timePickerStatus","endDate","endDatePickerValue","endTime","endTimePickerValue","dateStatus","timeStatus","endDateIsBefore","endTimeIsBeforeOrSame","endDateTimeIsBefore","endDatePickerStatus","endDateStatus","endTimePickerStatus","endTimeStatus","root","row","horizontal","datePicker","rule","datetime","validation","required","startDateLabel","dateLabel","startDatePlaceholder","datePlaceholder","timePicker","startTimeLabel","timeLabel","startTimePlaceholder","timePlaceholder","_evt","open","vertical","undefined","endDateLabel","endDatePlaceholder","endTimeLabel","endTimePlaceholder","invalidInterval","propTypes","number","string","any","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/DateTimeValue/DateTimeValue.js"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport dayjs from \"dayjs\";\nimport clsx from \"clsx\";\n\nimport { HvDatePicker, HvWarningText, HvTimePicker } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport { padTime, parseDate, parseTime } from \"./utils\";\n\nimport useStyles from \"./styles\";\n\nfunction valueIsRange(operator) {\n return operator === \"range\";\n}\n\nconst DateTimeValue = ({ id, operator, value: valueProp = {}, initialTouched = false }) => {\n const classes = useStyles();\n\n const isRange = valueIsRange(operator, valueProp);\n\n const context = React.useContext(Context);\n const { labels, dispatchAction, readOnly } = context;\n\n const elementId = uniqueId(`datetime${id}`);\n\n const [touchedDate, setTouchedDate] = useState(initialTouched);\n const [touchedTime, setTouchedTime] = useState(initialTouched);\n const [touchedEndDate, setTouchedEndDate] = useState(initialTouched);\n const [touchedEndTime, setTouchedEndTime] = useState(initialTouched);\n\n const onDateChange = useCallback(\n (data) => {\n setTouchedDate(true);\n\n let date;\n if (data != null) {\n date = dayjs(data).format(\"YYYY-MM-DD\");\n }\n\n const oldValue = !isRange ? valueProp?.date : valueProp?.start?.date;\n\n if (date !== oldValue) {\n let value;\n if (!isRange) {\n value = {\n date,\n time: valueProp?.time,\n };\n } else {\n value = {\n start: {\n date,\n time: valueProp?.start?.time,\n },\n end: valueProp?.end,\n };\n }\n\n dispatchAction({\n type: \"set-value\",\n id,\n value,\n });\n }\n },\n [dispatchAction, id, isRange, valueProp]\n );\n\n const onTimeChange = useCallback(\n (data) => {\n setTouchedTime(true);\n\n let time;\n if (data != null) {\n time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n }\n\n const oldValue = !isRange ? valueProp?.time : valueProp?.start?.time;\n\n if (time !== oldValue) {\n let value;\n if (!isRange) {\n value = {\n date: valueProp?.date,\n time,\n };\n } else {\n value = {\n start: {\n date: valueProp?.start?.date,\n time,\n },\n end: valueProp?.end,\n };\n }\n\n dispatchAction({\n type: \"set-value\",\n id,\n value,\n });\n }\n },\n [dispatchAction, id, isRange, valueProp]\n );\n\n const onEndDateChange = useCallback(\n (data) => {\n setTouchedEndDate(true);\n\n let date;\n if (data != null) {\n date = dayjs(data).format(\"YYYY-MM-DD\");\n }\n\n if (date !== valueProp?.end?.date) {\n const value = {\n start: valueProp?.start,\n end: {\n date,\n time: valueProp?.end?.time,\n },\n };\n\n dispatchAction({\n type: \"set-value\",\n id,\n value,\n });\n }\n },\n [dispatchAction, id, valueProp]\n );\n\n const onEndTimeChange = useCallback(\n (data) => {\n setTouchedEndTime(true);\n\n let time;\n if (data != null) {\n time = `${padTime(data.hours)}:${padTime(data.minutes)}:${padTime(data.seconds)}`;\n }\n\n if (time !== valueProp?.end?.time) {\n const value = {\n start: valueProp?.start,\n end: {\n date: valueProp?.end?.date,\n time,\n },\n };\n\n dispatchAction({\n type: \"set-value\",\n id,\n value,\n });\n }\n },\n [dispatchAction, id, valueProp]\n );\n\n const startDate = isRange ? valueProp?.start?.date : valueProp?.date;\n const datePickerValue = useMemo(() => parseDate(startDate), [startDate]);\n const datePickerStatus = datePickerValue != null ? \"valid\" : \"invalid\";\n\n const startTime = (isRange ? valueProp?.start?.time : valueProp?.time) ?? \"\";\n const timePickerValue = useMemo(() => parseTime(startTime), [startTime]);\n const timePickerStatus = timePickerValue != null ? \"valid\" : \"invalid\";\n\n const endDate = isRange ? valueProp?.end?.date : null;\n const endDatePickerValue = useMemo(() => parseDate(endDate), [endDate]);\n\n const endTime = isRange ? valueProp?.end?.time : null;\n const endTimePickerValue = useMemo(() => parseTime(endTime), [endTime]);\n\n const dateStatus = !touchedDate ? \"standBy\" : datePickerStatus;\n const timeStatus = !touchedTime ? \"standBy\" : timePickerStatus;\n\n const endDateIsBefore = startDate != null && endDate != null && endDate < startDate;\n\n const endTimeIsBeforeOrSame =\n startDate != null &&\n endDate != null &&\n endDate === startDate &&\n startTime != null &&\n endTime != null &&\n endTime <= startTime;\n\n const endDateTimeIsBefore = endDateIsBefore || endTimeIsBeforeOrSame;\n\n const endDatePickerStatus =\n endDatePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n const endDateStatus = !touchedEndDate ? \"standBy\" : endDatePickerStatus;\n\n const endTimePickerStatus =\n endTimePickerValue == null || endDateTimeIsBefore ? \"invalid\" : \"valid\";\n const endTimeStatus = !touchedEndTime ? \"standBy\" : endTimePickerStatus;\n\n return (\n <div className={classes.root}>\n <div className={clsx(classes.row, classes.horizontal)}>\n <HvDatePicker\n className={classes.datePicker}\n name={`${elementId}-date`}\n required\n status={dateStatus}\n statusMessage={labels.rule.value.datetime.validation.required}\n label={\n isRange\n ? labels.rule.value.datetime.startDateLabel\n : labels.rule.value.datetime.dateLabel\n }\n placeholder={\n isRange\n ? labels.rule.value.datetime.startDatePlaceholder\n : labels.rule.value.datetime.datePlaceholder\n }\n value={datePickerValue}\n onChange={onDateChange}\n readOnly={readOnly}\n />\n <HvTimePicker\n className={classes.timePicker}\n timeFormat=\"24\"\n name={`${elementId}-time`}\n disableDefaultValue\n required\n status={timeStatus}\n statusMessage={labels.rule.value.datetime.validation.required}\n label={\n isRange\n ? labels.rule.value.datetime.startTimeLabel\n : labels.rule.value.datetime.timeLabel\n }\n placeholder={\n isRange\n ? labels.rule.value.datetime.startTimePlaceholder\n : labels.rule.value.datetime.timePlaceholder\n }\n value={timePickerValue}\n onChange={onTimeChange}\n onToggle={(_evt, open) => {\n if (!open && !touchedTime) {\n setTouchedTime(true);\n }\n }}\n readOnly={readOnly}\n />\n </div>\n {isRange && (\n <div className={clsx(classes.row, classes.vertical)}>\n <div className={classes.horizontal}>\n <HvDatePicker\n className={classes.datePicker}\n name={`${elementId}-endDate`}\n required\n status={endDateStatus}\n statusMessage={labels.rule.value.datetime.validation.required}\n aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n label={labels.rule.value.datetime.endDateLabel}\n placeholder={labels.rule.value.datetime.endDatePlaceholder}\n value={endDatePickerValue}\n onChange={onEndDateChange}\n readOnly={readOnly}\n />\n <HvTimePicker\n className={classes.timePicker}\n timeFormat=\"24\"\n name={`${elementId}-endTime`}\n disableDefaultValue\n required\n status={endTimeStatus}\n statusMessage={labels.rule.value.datetime.validation.required}\n aria-errormessage={endDateTimeIsBefore ? `${elementId}-combined-error` : undefined}\n label={labels.rule.value.datetime.endTimeLabel}\n placeholder={labels.rule.value.datetime.endTimePlaceholder}\n value={endTimePickerValue}\n onChange={onEndTimeChange}\n onToggle={(_evt, open) => {\n if (!open && !touchedEndTime) {\n setTouchedEndTime(true);\n }\n }}\n readOnly={readOnly}\n />\n </div>\n <HvWarningText\n disableBorder\n id={`${elementId}-combined-error`}\n isVisible={endDateTimeIsBefore}\n >\n {labels.rule.value.datetime.validation.invalidInterval}\n </HvWarningText>\n </div>\n )}\n </div>\n );\n};\n\nDateTimeValue.propTypes = {\n id: PropTypes.number,\n operator: PropTypes.string,\n value: PropTypes.any,\n initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(DateTimeValue);\n"],"mappings":"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"}
|
|
@@ -21,7 +21,8 @@ var NumericValue = function NumericValue(_ref) {
|
|
|
21
21
|
var isRange = operator === "range";
|
|
22
22
|
var context = React.useContext(Context);
|
|
23
23
|
var labels = context.labels,
|
|
24
|
-
dispatchAction = context.dispatchAction
|
|
24
|
+
dispatchAction = context.dispatchAction,
|
|
25
|
+
readOnly = context.readOnly;
|
|
25
26
|
var onSingleValueChange = useCallback(function (evt, data) {
|
|
26
27
|
var numericData = isEmpty(data) ? null : Number(data);
|
|
27
28
|
dispatchAction({
|
|
@@ -135,7 +136,8 @@ var NumericValue = function NumericValue(_ref) {
|
|
|
135
136
|
inputProps: {
|
|
136
137
|
autoComplete: "off"
|
|
137
138
|
},
|
|
138
|
-
placeholder: labels.rule.value.numeric.placeholder
|
|
139
|
+
placeholder: labels.rule.value.numeric.placeholder,
|
|
140
|
+
readOnly: readOnly
|
|
139
141
|
})), /*#__PURE__*/React.createElement("div", {
|
|
140
142
|
className: classes.inputContainer
|
|
141
143
|
}, /*#__PURE__*/React.createElement(HvInput, {
|
|
@@ -161,7 +163,8 @@ var NumericValue = function NumericValue(_ref) {
|
|
|
161
163
|
inputProps: {
|
|
162
164
|
autoComplete: "off"
|
|
163
165
|
},
|
|
164
|
-
placeholder: labels.rule.value.numeric.placeholder
|
|
166
|
+
placeholder: labels.rule.value.numeric.placeholder,
|
|
167
|
+
readOnly: readOnly
|
|
165
168
|
})));
|
|
166
169
|
};
|
|
167
170
|
|
|
@@ -190,7 +193,8 @@ var NumericValue = function NumericValue(_ref) {
|
|
|
190
193
|
autoComplete: "off"
|
|
191
194
|
},
|
|
192
195
|
placeholder: labels.rule.value.numeric.placeholder,
|
|
193
|
-
statusMessage: labels.rule.value.numeric.validation[numericValidation] || ""
|
|
196
|
+
statusMessage: labels.rule.value.numeric.validation[numericValidation] || "",
|
|
197
|
+
readOnly: readOnly
|
|
194
198
|
})));
|
|
195
199
|
};
|
|
196
200
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumericValue.js","names":["React","useCallback","useState","PropTypes","uniqueId","isEmpty","HvInput","Context","useStyles","NumericValue","id","value","operator","initialTouched","classes","isRange","context","useContext","labels","dispatchAction","onSingleValueChange","evt","data","numericData","Number","type","isNaN","onRangeValueChange","from","currentValue","numericRange","to","touchedNumeric","setTouchedNumeric","touchedNumericTo","setTouchedNumericTo","elementId","numericValidation","rightValidation","undefined","toString","rangeValue","numericStatus","rightStatus","renderRangeInputs","rangeContainer","inputContainer","rule","numeric","range","leftLabel","input","event","e","key","preventDefault","validation","autoComplete","placeholder","rightLabel","root","label","propTypes","number","any","string","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/NumericValue/NumericValue.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport useStyles from \"./styles\";\n\nconst NumericValue = ({ id, value, operator, initialTouched = false }) => {\n const classes = useStyles();\n const isRange = operator === \"range\";\n const context = React.useContext(Context);\n const { labels, dispatchAction } = context;\n\n const onSingleValueChange = useCallback(\n (evt, data) => {\n const numericData = isEmpty(data) ? null : Number(data);\n dispatchAction({\n type: \"set-value\",\n id,\n value: Number.isNaN(numericData) ? data : numericData,\n });\n },\n [dispatchAction, id]\n );\n\n const onRangeValueChange = useCallback(\n (evt, data, from = true) => {\n const numericData = isEmpty(data) ? null : Number(data);\n const currentValue = value;\n const numericRange = {\n from: currentValue?.from,\n to: currentValue?.to,\n };\n if (from) {\n numericRange.from = Number.isNaN(numericData) ? data : numericData;\n } else {\n numericRange.to = Number.isNaN(numericData) ? data : numericData;\n }\n dispatchAction({\n type: \"set-value\",\n id,\n value: numericRange,\n });\n },\n [dispatchAction, id, value]\n );\n\n const [touchedNumeric, setTouchedNumeric] = useState(initialTouched);\n const [touchedNumericTo, setTouchedNumericTo] = useState(initialTouched);\n\n const elementId = uniqueId(\"numeric\");\n\n let numericValidation = null;\n let rightValidation = null;\n\n if (touchedNumeric || touchedNumericTo) {\n if (value === undefined || value?.toString() === \"\") {\n if (touchedNumeric) {\n numericValidation = \"required\";\n }\n if (touchedNumericTo) {\n rightValidation = \"required\";\n }\n } else if (!isRange) {\n if (Number.isNaN(Number(value))) {\n numericValidation = \"invalid\";\n }\n } else if (isRange) {\n const rangeValue = value;\n if (rangeValue?.from === undefined || rangeValue?.from?.toString() === \"\") {\n numericValidation = \"required\";\n } else if (Number.isNaN(Number(rangeValue?.from))) {\n numericValidation = \"invalid\";\n }\n\n if (rangeValue?.to === undefined || rangeValue?.to?.toString() === \"\") {\n rightValidation = \"required\";\n } else if (Number.isNaN(Number(rangeValue?.to))) {\n rightValidation = \"invalid\";\n } else if (Number(rangeValue?.from) > Number(rangeValue?.to)) {\n rightValidation = \"greaterThan\";\n } else if (Number(rangeValue?.from) === Number(rangeValue?.to)) {\n rightValidation = \"equal\";\n }\n }\n }\n\n const numericStatus = numericValidation != null ? \"invalid\" : \"valid\";\n const rightStatus = rightValidation != null ? \"invalid\" : \"valid\";\n\n const renderRangeInputs = (rangeValue) => (\n <div className={classes.rangeContainer}>\n <div className={classes.inputContainer}>\n <HvInput\n label={labels.rule.value.numeric.range.leftLabel}\n className={classes.input}\n id={`${elementId}-numeric-from`}\n name={`${elementId}-numeric-from`}\n value={rangeValue?.from?.toString() || \"\"}\n onChange={(event, data) => onRangeValueChange(event, data)}\n onBlur={() => {\n setTouchedNumeric(true);\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n }\n }}\n status={!touchedNumeric ? \"standBy\" : numericStatus}\n statusMessage={labels.rule.value.numeric.validation[numericValidation] || \"\"}\n required\n inputProps={{\n autoComplete: \"off\",\n }}\n placeholder={labels.rule.value.numeric.placeholder}\n />\n </div>\n <div className={classes.inputContainer}>\n <HvInput\n label={labels.rule.value.numeric.range.rightLabel}\n className={classes.input}\n id={`${elementId}-numeric-to`}\n name={`${elementId}-numeric-to`}\n value={rangeValue?.to?.toString() || \"\"}\n onChange={(event, data) => onRangeValueChange(event, data, false)}\n onBlur={() => {\n setTouchedNumericTo(true);\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n }\n }}\n status={!touchedNumericTo ? \"standBy\" : rightStatus}\n statusMessage={labels.rule.value.numeric.validation[rightValidation] || \"\"}\n required\n inputProps={{\n autoComplete: \"off\",\n }}\n placeholder={labels.rule.value.numeric.placeholder}\n />\n </div>\n </div>\n );\n\n return (\n <div className={classes.root}>\n {isRange && renderRangeInputs(value || {})}\n {!isRange && (\n <div className={classes.inputContainer}>\n <HvInput\n label={labels.rule.value.numeric.label}\n className={classes.input}\n id={`${elementId}-numeric`}\n name={`${elementId}-numeric`}\n value={value ? value.toString() : \"\"}\n onChange={onSingleValueChange}\n onBlur={() => {\n setTouchedNumeric(true);\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n }\n }}\n status={!touchedNumeric ? \"standBy\" : numericStatus}\n required\n inputProps={{\n autoComplete: \"off\",\n }}\n placeholder={labels.rule.value.numeric.placeholder}\n statusMessage={labels.rule.value.numeric.validation[numericValidation] || \"\"}\n />\n </div>\n )}\n </div>\n );\n};\n\nNumericValue.propTypes = {\n id: PropTypes.number,\n value: PropTypes.any,\n operator: PropTypes.string,\n initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(NumericValue);\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"NumericValue.js","names":["React","useCallback","useState","PropTypes","uniqueId","isEmpty","HvInput","Context","useStyles","NumericValue","id","value","operator","initialTouched","classes","isRange","context","useContext","labels","dispatchAction","readOnly","onSingleValueChange","evt","data","numericData","Number","type","isNaN","onRangeValueChange","from","currentValue","numericRange","to","touchedNumeric","setTouchedNumeric","touchedNumericTo","setTouchedNumericTo","elementId","numericValidation","rightValidation","undefined","toString","rangeValue","numericStatus","rightStatus","renderRangeInputs","rangeContainer","inputContainer","rule","numeric","range","leftLabel","input","event","e","key","preventDefault","validation","autoComplete","placeholder","rightLabel","root","label","propTypes","number","any","string","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/NumericValue/NumericValue.js"],"sourcesContent":["import React, { useCallback, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport isEmpty from \"lodash/isEmpty\";\n\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport useStyles from \"./styles\";\n\nconst NumericValue = ({ id, value, operator, initialTouched = false }) => {\n const classes = useStyles();\n const isRange = operator === \"range\";\n const context = React.useContext(Context);\n const { labels, dispatchAction, readOnly } = context;\n\n const onSingleValueChange = useCallback(\n (evt, data) => {\n const numericData = isEmpty(data) ? null : Number(data);\n dispatchAction({\n type: \"set-value\",\n id,\n value: Number.isNaN(numericData) ? data : numericData,\n });\n },\n [dispatchAction, id]\n );\n\n const onRangeValueChange = useCallback(\n (evt, data, from = true) => {\n const numericData = isEmpty(data) ? null : Number(data);\n const currentValue = value;\n const numericRange = {\n from: currentValue?.from,\n to: currentValue?.to,\n };\n if (from) {\n numericRange.from = Number.isNaN(numericData) ? data : numericData;\n } else {\n numericRange.to = Number.isNaN(numericData) ? data : numericData;\n }\n dispatchAction({\n type: \"set-value\",\n id,\n value: numericRange,\n });\n },\n [dispatchAction, id, value]\n );\n\n const [touchedNumeric, setTouchedNumeric] = useState(initialTouched);\n const [touchedNumericTo, setTouchedNumericTo] = useState(initialTouched);\n\n const elementId = uniqueId(\"numeric\");\n\n let numericValidation = null;\n let rightValidation = null;\n\n if (touchedNumeric || touchedNumericTo) {\n if (value === undefined || value?.toString() === \"\") {\n if (touchedNumeric) {\n numericValidation = \"required\";\n }\n if (touchedNumericTo) {\n rightValidation = \"required\";\n }\n } else if (!isRange) {\n if (Number.isNaN(Number(value))) {\n numericValidation = \"invalid\";\n }\n } else if (isRange) {\n const rangeValue = value;\n if (rangeValue?.from === undefined || rangeValue?.from?.toString() === \"\") {\n numericValidation = \"required\";\n } else if (Number.isNaN(Number(rangeValue?.from))) {\n numericValidation = \"invalid\";\n }\n\n if (rangeValue?.to === undefined || rangeValue?.to?.toString() === \"\") {\n rightValidation = \"required\";\n } else if (Number.isNaN(Number(rangeValue?.to))) {\n rightValidation = \"invalid\";\n } else if (Number(rangeValue?.from) > Number(rangeValue?.to)) {\n rightValidation = \"greaterThan\";\n } else if (Number(rangeValue?.from) === Number(rangeValue?.to)) {\n rightValidation = \"equal\";\n }\n }\n }\n\n const numericStatus = numericValidation != null ? \"invalid\" : \"valid\";\n const rightStatus = rightValidation != null ? \"invalid\" : \"valid\";\n\n const renderRangeInputs = (rangeValue) => (\n <div className={classes.rangeContainer}>\n <div className={classes.inputContainer}>\n <HvInput\n label={labels.rule.value.numeric.range.leftLabel}\n className={classes.input}\n id={`${elementId}-numeric-from`}\n name={`${elementId}-numeric-from`}\n value={rangeValue?.from?.toString() || \"\"}\n onChange={(event, data) => onRangeValueChange(event, data)}\n onBlur={() => {\n setTouchedNumeric(true);\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n }\n }}\n status={!touchedNumeric ? \"standBy\" : numericStatus}\n statusMessage={labels.rule.value.numeric.validation[numericValidation] || \"\"}\n required\n inputProps={{\n autoComplete: \"off\",\n }}\n placeholder={labels.rule.value.numeric.placeholder}\n readOnly={readOnly}\n />\n </div>\n <div className={classes.inputContainer}>\n <HvInput\n label={labels.rule.value.numeric.range.rightLabel}\n className={classes.input}\n id={`${elementId}-numeric-to`}\n name={`${elementId}-numeric-to`}\n value={rangeValue?.to?.toString() || \"\"}\n onChange={(event, data) => onRangeValueChange(event, data, false)}\n onBlur={() => {\n setTouchedNumericTo(true);\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n }\n }}\n status={!touchedNumericTo ? \"standBy\" : rightStatus}\n statusMessage={labels.rule.value.numeric.validation[rightValidation] || \"\"}\n required\n inputProps={{\n autoComplete: \"off\",\n }}\n placeholder={labels.rule.value.numeric.placeholder}\n readOnly={readOnly}\n />\n </div>\n </div>\n );\n\n return (\n <div className={classes.root}>\n {isRange && renderRangeInputs(value || {})}\n {!isRange && (\n <div className={classes.inputContainer}>\n <HvInput\n label={labels.rule.value.numeric.label}\n className={classes.input}\n id={`${elementId}-numeric`}\n name={`${elementId}-numeric`}\n value={value ? value.toString() : \"\"}\n onChange={onSingleValueChange}\n onBlur={() => {\n setTouchedNumeric(true);\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n }\n }}\n status={!touchedNumeric ? \"standBy\" : numericStatus}\n required\n inputProps={{\n autoComplete: \"off\",\n }}\n placeholder={labels.rule.value.numeric.placeholder}\n statusMessage={labels.rule.value.numeric.validation[numericValidation] || \"\"}\n readOnly={readOnly}\n />\n </div>\n )}\n </div>\n );\n};\n\nNumericValue.propTypes = {\n id: PropTypes.number,\n value: PropTypes.any,\n operator: PropTypes.string,\n initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(NumericValue);\n"],"mappings":"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"}
|
|
@@ -17,7 +17,8 @@ var TextValue = function TextValue(_ref) {
|
|
|
17
17
|
var classes = useStyles();
|
|
18
18
|
var context = React.useContext(Context);
|
|
19
19
|
var labels = context.labels,
|
|
20
|
-
dispatchAction = context.dispatchAction
|
|
20
|
+
dispatchAction = context.dispatchAction,
|
|
21
|
+
readOnly = context.readOnly;
|
|
21
22
|
|
|
22
23
|
var _useState = useState(initialTouched),
|
|
23
24
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -52,7 +53,8 @@ var TextValue = function TextValue(_ref) {
|
|
|
52
53
|
e.preventDefault();
|
|
53
54
|
}
|
|
54
55
|
},
|
|
55
|
-
placeholder: "\u2014"
|
|
56
|
+
placeholder: "\u2014",
|
|
57
|
+
readOnly: readOnly
|
|
56
58
|
});
|
|
57
59
|
};
|
|
58
60
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextValue.js","names":["React","useState","PropTypes","HvInput","Context","useStyles","TextValue","id","value","initialTouched","classes","context","useContext","labels","dispatchAction","touched","setTouched","isValid","toString","trim","status","location","rule","text","label","validation","required","autoComplete","t","v","type","e","key","preventDefault","propTypes","number","any","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/TextValue/TextValue.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport useStyles from \"./styles\";\n\nconst TextValue = ({ id, value = \"\", initialTouched = false }) => {\n const classes = useStyles();\n const context = React.useContext(Context);\n const { labels, dispatchAction } = context;\n const [touched, setTouched] = useState(initialTouched);\n const isValid = value != null && value.toString().trim() !== \"\";\n\n let status = isValid ? \"valid\" : \"invalid\";\n status = !touched ? \"standBy\" : status;\n\n return (\n <HvInput\n className={classes.location}\n label={labels.rule.value.text.label}\n required\n status={status}\n statusMessage={labels.rule.value.text.validation.required}\n value={value}\n inputProps={{\n autoComplete: \"off\",\n }}\n onChange={(t, v) => {\n dispatchAction({\n type: \"set-value\",\n id,\n value: v,\n });\n }}\n onBlur={() => {\n setTouched(true);\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n }\n }}\n placeholder=\"—\"\n />\n );\n};\n\nTextValue.propTypes = {\n id: PropTypes.number,\n value: PropTypes.any,\n initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(TextValue);\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,QAAwB,kCAAxB;AAEA,OAAOC,OAAP,MAAoB,kBAApB;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAAgD;EAAA,IAA7CC,EAA6C,QAA7CA,EAA6C;EAAA,sBAAzCC,KAAyC;EAAA,IAAzCA,KAAyC,2BAAjC,EAAiC;EAAA,+BAA7BC,cAA6B;EAAA,IAA7BA,cAA6B,oCAAZ,KAAY;EAChE,IAAMC,OAAO,GAAGL,SAAS,EAAzB;EACA,IAAMM,OAAO,GAAGX,KAAK,CAACY,UAAN,CAAiBR,OAAjB,CAAhB;EACA,IAAQS,MAAR,
|
|
1
|
+
{"version":3,"file":"TextValue.js","names":["React","useState","PropTypes","HvInput","Context","useStyles","TextValue","id","value","initialTouched","classes","context","useContext","labels","dispatchAction","readOnly","touched","setTouched","isValid","toString","trim","status","location","rule","text","label","validation","required","autoComplete","t","v","type","e","key","preventDefault","propTypes","number","any","bool","memo"],"sources":["../../../../../../src/QueryBuilder/Rule/Value/TextValue/TextValue.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvInput } from \"@hitachivantara/uikit-react-core\";\n\nimport Context from \"../../../Context\";\nimport useStyles from \"./styles\";\n\nconst TextValue = ({ id, value = \"\", initialTouched = false }) => {\n const classes = useStyles();\n const context = React.useContext(Context);\n const { labels, dispatchAction, readOnly } = context;\n const [touched, setTouched] = useState(initialTouched);\n const isValid = value != null && value.toString().trim() !== \"\";\n\n let status = isValid ? \"valid\" : \"invalid\";\n status = !touched ? \"standBy\" : status;\n\n return (\n <HvInput\n className={classes.location}\n label={labels.rule.value.text.label}\n required\n status={status}\n statusMessage={labels.rule.value.text.validation.required}\n value={value}\n inputProps={{\n autoComplete: \"off\",\n }}\n onChange={(t, v) => {\n dispatchAction({\n type: \"set-value\",\n id,\n value: v,\n });\n }}\n onBlur={() => {\n setTouched(true);\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n }\n }}\n placeholder=\"—\"\n readOnly={readOnly}\n />\n );\n};\n\nTextValue.propTypes = {\n id: PropTypes.number,\n value: PropTypes.any,\n initialTouched: PropTypes.bool,\n};\n\nexport default React.memo(TextValue);\n"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,OAAT,QAAwB,kCAAxB;AAEA,OAAOC,OAAP,MAAoB,kBAApB;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAAgD;EAAA,IAA7CC,EAA6C,QAA7CA,EAA6C;EAAA,sBAAzCC,KAAyC;EAAA,IAAzCA,KAAyC,2BAAjC,EAAiC;EAAA,+BAA7BC,cAA6B;EAAA,IAA7BA,cAA6B,oCAAZ,KAAY;EAChE,IAAMC,OAAO,GAAGL,SAAS,EAAzB;EACA,IAAMM,OAAO,GAAGX,KAAK,CAACY,UAAN,CAAiBR,OAAjB,CAAhB;EACA,IAAQS,MAAR,GAA6CF,OAA7C,CAAQE,MAAR;EAAA,IAAgBC,cAAhB,GAA6CH,OAA7C,CAAgBG,cAAhB;EAAA,IAAgCC,QAAhC,GAA6CJ,OAA7C,CAAgCI,QAAhC;;EACA,gBAA8Bd,QAAQ,CAACQ,cAAD,CAAtC;EAAA;EAAA,IAAOO,OAAP;EAAA,IAAgBC,UAAhB;;EACA,IAAMC,OAAO,GAAGV,KAAK,IAAI,IAAT,IAAiBA,KAAK,CAACW,QAAN,GAAiBC,IAAjB,OAA4B,EAA7D;EAEA,IAAIC,MAAM,GAAGH,OAAO,GAAG,OAAH,GAAa,SAAjC;EACAG,MAAM,GAAG,CAACL,OAAD,GAAW,SAAX,GAAuBK,MAAhC;EAEA,oBACE,oBAAC,OAAD;IACE,SAAS,EAAEX,OAAO,CAACY,QADrB;IAEE,KAAK,EAAET,MAAM,CAACU,IAAP,CAAYf,KAAZ,CAAkBgB,IAAlB,CAAuBC,KAFhC;IAGE,QAAQ,MAHV;IAIE,MAAM,EAAEJ,MAJV;IAKE,aAAa,EAAER,MAAM,CAACU,IAAP,CAAYf,KAAZ,CAAkBgB,IAAlB,CAAuBE,UAAvB,CAAkCC,QALnD;IAME,KAAK,EAAEnB,KANT;IAOE,UAAU,EAAE;MACVoB,YAAY,EAAE;IADJ,CAPd;IAUE,QAAQ,EAAE,kBAACC,CAAD,EAAIC,CAAJ,EAAU;MAClBhB,cAAc,CAAC;QACbiB,IAAI,EAAE,WADO;QAEbxB,EAAE,EAAFA,EAFa;QAGbC,KAAK,EAAEsB;MAHM,CAAD,CAAd;IAKD,CAhBH;IAiBE,MAAM,EAAE,kBAAM;MACZb,UAAU,CAAC,IAAD,CAAV;IACD,CAnBH;IAoBE,SAAS,EAAE,mBAACe,CAAD,EAAO;MAChB,IAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;QACrBD,CAAC,CAACE,cAAF;MACD;IACF,CAxBH;IAyBE,WAAW,EAAC,QAzBd;IA0BE,QAAQ,EAAEnB;EA1BZ,EADF;AA8BD,CAxCD;;AA0CA,wCAAAT,SAAS,CAAC6B,SAAV,GAAsB;EACpB5B,EAAE,EAAEL,SAAS,CAACkC,MADM;EAEpB5B,KAAK,EAAEN,SAAS,CAACmC,GAFG;EAGpB5B,cAAc,EAAEP,SAAS,CAACoC;AAHN,CAAtB;AAMA,4BAAetC,KAAK,CAACuC,IAAN,CAAWjC,SAAX,CAAf"}
|