@activecollab/components 2.0.211 → 2.0.213

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.
Files changed (129) hide show
  1. package/dist/cjs/components/DatePicker/DatePicker.js +678 -301
  2. package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
  3. package/dist/cjs/components/DatePicker/Styles.js +91 -37
  4. package/dist/cjs/components/DatePicker/Styles.js.map +1 -1
  5. package/dist/cjs/components/DatePicker/index.js +0 -11
  6. package/dist/cjs/components/DatePicker/index.js.map +1 -1
  7. package/dist/cjs/components/EditableContent/EditableContent.js +4 -2
  8. package/dist/cjs/components/EditableContent/EditableContent.js.map +1 -1
  9. package/dist/cjs/components/EditableContent/Styles.js +8 -2
  10. package/dist/cjs/components/EditableContent/Styles.js.map +1 -1
  11. package/dist/cjs/components/EditableCurrency/EditableCurrency.js +3 -1
  12. package/dist/cjs/components/EditableCurrency/EditableCurrency.js.map +1 -1
  13. package/dist/cjs/components/SelectDate/SelectDate.js +126 -280
  14. package/dist/cjs/components/SelectDate/SelectDate.js.map +1 -1
  15. package/dist/cjs/components/SelectDate/index.js +0 -11
  16. package/dist/cjs/components/SelectDate/index.js.map +1 -1
  17. package/dist/cjs/components/Steppers/DateStepper/DateStepper.js +94 -100
  18. package/dist/cjs/components/Steppers/DateStepper/DateStepper.js.map +1 -1
  19. package/dist/cjs/components/Steppers/DateStepper/index.js +0 -11
  20. package/dist/cjs/components/Steppers/DateStepper/index.js.map +1 -1
  21. package/dist/cjs/components/index.js +0 -11
  22. package/dist/cjs/components/index.js.map +1 -1
  23. package/dist/esm/components/DatePicker/DatePicker.d.ts +64 -26
  24. package/dist/esm/components/DatePicker/DatePicker.d.ts.map +1 -1
  25. package/dist/esm/components/DatePicker/DatePicker.js +619 -278
  26. package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
  27. package/dist/esm/components/DatePicker/Styles.d.ts +21 -9
  28. package/dist/esm/components/DatePicker/Styles.d.ts.map +1 -1
  29. package/dist/esm/components/DatePicker/Styles.js +89 -30
  30. package/dist/esm/components/DatePicker/Styles.js.map +1 -1
  31. package/dist/esm/components/DatePicker/index.d.ts +0 -1
  32. package/dist/esm/components/DatePicker/index.d.ts.map +1 -1
  33. package/dist/esm/components/DatePicker/index.js +0 -1
  34. package/dist/esm/components/DatePicker/index.js.map +1 -1
  35. package/dist/esm/components/EditableContent/EditableContent.d.ts +1 -0
  36. package/dist/esm/components/EditableContent/EditableContent.d.ts.map +1 -1
  37. package/dist/esm/components/EditableContent/EditableContent.js +3 -1
  38. package/dist/esm/components/EditableContent/EditableContent.js.map +1 -1
  39. package/dist/esm/components/EditableContent/Styles.d.ts.map +1 -1
  40. package/dist/esm/components/EditableContent/Styles.js +12 -2
  41. package/dist/esm/components/EditableContent/Styles.js.map +1 -1
  42. package/dist/esm/components/EditableCurrency/EditableCurrency.d.ts.map +1 -1
  43. package/dist/esm/components/EditableCurrency/EditableCurrency.js +2 -0
  44. package/dist/esm/components/EditableCurrency/EditableCurrency.js.map +1 -1
  45. package/dist/esm/components/SelectDate/SelectDate.d.ts +20 -19
  46. package/dist/esm/components/SelectDate/SelectDate.d.ts.map +1 -1
  47. package/dist/esm/components/SelectDate/SelectDate.js +124 -246
  48. package/dist/esm/components/SelectDate/SelectDate.js.map +1 -1
  49. package/dist/esm/components/SelectDate/index.d.ts +0 -1
  50. package/dist/esm/components/SelectDate/index.d.ts.map +1 -1
  51. package/dist/esm/components/SelectDate/index.js +0 -1
  52. package/dist/esm/components/SelectDate/index.js.map +1 -1
  53. package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts +10 -7
  54. package/dist/esm/components/Steppers/DateStepper/DateStepper.d.ts.map +1 -1
  55. package/dist/esm/components/Steppers/DateStepper/DateStepper.js +88 -97
  56. package/dist/esm/components/Steppers/DateStepper/DateStepper.js.map +1 -1
  57. package/dist/esm/components/Steppers/DateStepper/index.d.ts +0 -1
  58. package/dist/esm/components/Steppers/DateStepper/index.d.ts.map +1 -1
  59. package/dist/esm/components/Steppers/DateStepper/index.js +0 -1
  60. package/dist/esm/components/Steppers/DateStepper/index.js.map +1 -1
  61. package/dist/esm/components/index.d.ts +0 -1
  62. package/dist/esm/components/index.d.ts.map +1 -1
  63. package/dist/esm/components/index.js +0 -1
  64. package/dist/esm/components/index.js.map +1 -1
  65. package/dist/index.js +229 -1568
  66. package/dist/index.js.map +1 -1
  67. package/dist/index.min.js +1 -1
  68. package/dist/index.min.js.map +1 -1
  69. package/package.json +1 -3
  70. package/dist/cjs/components/DatePicker/CustomNavBarElement.js +0 -41
  71. package/dist/cjs/components/DatePicker/CustomNavBarElement.js.map +0 -1
  72. package/dist/cjs/components/DatePicker/DatePickerV2.js +0 -734
  73. package/dist/cjs/components/DatePicker/DatePickerV2.js.map +0 -1
  74. package/dist/cjs/components/DatePicker/StylesV2.js +0 -100
  75. package/dist/cjs/components/DatePicker/StylesV2.js.map +0 -1
  76. package/dist/cjs/components/Pickers/NavBarElement.js +0 -52
  77. package/dist/cjs/components/Pickers/NavBarElement.js.map +0 -1
  78. package/dist/cjs/components/Pickers/Styles.js +0 -76
  79. package/dist/cjs/components/Pickers/Styles.js.map +0 -1
  80. package/dist/cjs/components/Pickers/YearMonthPicker.js +0 -80
  81. package/dist/cjs/components/Pickers/YearMonthPicker.js.map +0 -1
  82. package/dist/cjs/components/Pickers/index.js +0 -28
  83. package/dist/cjs/components/Pickers/index.js.map +0 -1
  84. package/dist/cjs/components/SelectDate/DatePickerForm.js +0 -94
  85. package/dist/cjs/components/SelectDate/DatePickerForm.js.map +0 -1
  86. package/dist/cjs/components/SelectDate/SelectDateV2.js +0 -263
  87. package/dist/cjs/components/SelectDate/SelectDateV2.js.map +0 -1
  88. package/dist/cjs/components/Steppers/DateStepper/DateStepperV2.js +0 -276
  89. package/dist/cjs/components/Steppers/DateStepper/DateStepperV2.js.map +0 -1
  90. package/dist/esm/components/DatePicker/CustomNavBarElement.d.ts +0 -12
  91. package/dist/esm/components/DatePicker/CustomNavBarElement.d.ts.map +0 -1
  92. package/dist/esm/components/DatePicker/CustomNavBarElement.js +0 -34
  93. package/dist/esm/components/DatePicker/CustomNavBarElement.js.map +0 -1
  94. package/dist/esm/components/DatePicker/DatePickerV2.d.ts +0 -68
  95. package/dist/esm/components/DatePicker/DatePickerV2.d.ts.map +0 -1
  96. package/dist/esm/components/DatePicker/DatePickerV2.js +0 -649
  97. package/dist/esm/components/DatePicker/DatePickerV2.js.map +0 -1
  98. package/dist/esm/components/DatePicker/StylesV2.d.ts +0 -22
  99. package/dist/esm/components/DatePicker/StylesV2.d.ts.map +0 -1
  100. package/dist/esm/components/DatePicker/StylesV2.js +0 -93
  101. package/dist/esm/components/DatePicker/StylesV2.js.map +0 -1
  102. package/dist/esm/components/Pickers/NavBarElement.d.ts +0 -9
  103. package/dist/esm/components/Pickers/NavBarElement.d.ts.map +0 -1
  104. package/dist/esm/components/Pickers/NavBarElement.js +0 -45
  105. package/dist/esm/components/Pickers/NavBarElement.js.map +0 -1
  106. package/dist/esm/components/Pickers/Styles.d.ts +0 -18
  107. package/dist/esm/components/Pickers/Styles.d.ts.map +0 -1
  108. package/dist/esm/components/Pickers/Styles.js +0 -56
  109. package/dist/esm/components/Pickers/Styles.js.map +0 -1
  110. package/dist/esm/components/Pickers/YearMonthPicker.d.ts +0 -17
  111. package/dist/esm/components/Pickers/YearMonthPicker.d.ts.map +0 -1
  112. package/dist/esm/components/Pickers/YearMonthPicker.js +0 -59
  113. package/dist/esm/components/Pickers/YearMonthPicker.js.map +0 -1
  114. package/dist/esm/components/Pickers/index.d.ts +0 -3
  115. package/dist/esm/components/Pickers/index.d.ts.map +0 -1
  116. package/dist/esm/components/Pickers/index.js +0 -3
  117. package/dist/esm/components/Pickers/index.js.map +0 -1
  118. package/dist/esm/components/SelectDate/DatePickerForm.d.ts +0 -39
  119. package/dist/esm/components/SelectDate/DatePickerForm.d.ts.map +0 -1
  120. package/dist/esm/components/SelectDate/DatePickerForm.js +0 -80
  121. package/dist/esm/components/SelectDate/DatePickerForm.js.map +0 -1
  122. package/dist/esm/components/SelectDate/SelectDateV2.d.ts +0 -102
  123. package/dist/esm/components/SelectDate/SelectDateV2.d.ts.map +0 -1
  124. package/dist/esm/components/SelectDate/SelectDateV2.js +0 -223
  125. package/dist/esm/components/SelectDate/SelectDateV2.js.map +0 -1
  126. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.d.ts +0 -45
  127. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.d.ts.map +0 -1
  128. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.js +0 -241
  129. package/dist/esm/components/Steppers/DateStepper/DateStepperV2.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"EditableContent.js","names":["React","forwardRef","useCallback","useRef","StyledDiv","StyledInput","StyledSpan","useForkRef","EditableContent","_ref","ref","className","variant","weight","disabled","inputProps","wrapRef","children","props","intInputRef","handleRef","handleBlur","evt","current","scrollLeft","onBlur","createElement","_extends","forwardedAs","$disabled","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n /** Typography variant. */\n variant?: Variant;\n /** Typography weight. */\n weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n /** Input props. */\n inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n /** Disable edit mode. */\n disabled?: boolean;\n /** Wrapper reference. */\n wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n HTMLDivElement,\n EditableContentInterface &\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n (\n {\n className,\n variant = \"Body 2\",\n weight,\n disabled = false,\n inputProps,\n wrapRef,\n children,\n ...props\n },\n ref\n ) => {\n const intInputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, intInputRef);\n\n const handleBlur = useCallback(\n (evt) => {\n if (intInputRef?.current) {\n intInputRef.current.scrollLeft = 0;\n }\n typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n },\n [inputProps]\n );\n\n return (\n <StyledDiv className={className} ref={wrapRef} {...props}>\n <StyledSpan\n variant={variant}\n forwardedAs=\"span\"\n weight={weight}\n $disabled={disabled}\n className=\"presentation\"\n >\n {children ? children : inputProps?.value}\n </StyledSpan>\n <StyledInput\n {...inputProps}\n ref={handleRef}\n forwardedAs=\"input\"\n variant={variant}\n weight={weight}\n value={inputProps?.value}\n onBlur={handleBlur}\n disabled={disabled}\n data-form-type=\"other\"\n />\n </StyledDiv>\n );\n }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAOC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAEnE,SAASC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,UAAU;AAC7D,SAASC,UAAU,QAAQ,aAAa;AAgBxC,OAAO,MAAMC,eAAe,gBAAGP,UAAU,CAKvC,CAAAQ,IAAA,EAWEC,GAAG,KACA;EAAA,IAXH;IACEC,SAAS;IACTC,OAAO,GAAG,QAAQ;IAClBC,MAAM;IACNC,QAAQ,GAAG,KAAK;IAChBC,UAAU;IACVC,OAAO;IACPC,QAAQ;IACR,GAAGC;EACL,CAAC,GAAAT,IAAA;EAGD,MAAMU,WAAW,GAAGhB,MAAM,CAAmB,IAAI,CAAC;EAClD,MAAMiB,SAAS,GAAGb,UAAU,CAACG,GAAG,EAAES,WAAW,CAAC;EAE9C,MAAME,UAAU,GAAGnB,WAAW,CAC3BoB,GAAG,IAAK;IACP,IAAIH,WAAW,YAAXA,WAAW,CAAEI,OAAO,EAAE;MACxBJ,WAAW,CAACI,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOT,UAAU,oBAAVA,UAAU,CAAEU,MAAM,gBAAe,KAAIV,UAAU,oBAAVA,UAAU,CAAEU,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACP,UAAU,CACb,CAAC;EAED,oBACEf,KAAA,CAAA0B,aAAA,CAACtB,SAAS,EAAAuB,QAAA;IAAChB,SAAS,EAAEA,SAAU;IAACD,GAAG,EAAEM;EAAQ,GAAKE,KAAK,gBACtDlB,KAAA,CAAA0B,aAAA,CAACpB,UAAU;IACTM,OAAO,EAAEA,OAAQ;IACjBgB,WAAW,EAAC,MAAM;IAClBf,MAAM,EAAEA,MAAO;IACfgB,SAAS,EAAEf,QAAS;IACpBH,SAAS,EAAC;EAAc,GAEvBM,QAAQ,GAAGA,QAAQ,GAAGF,UAAU,oBAAVA,UAAU,CAAEe,KACzB,CAAC,eACb9B,KAAA,CAAA0B,aAAA,CAACrB,WAAW,EAAAsB,QAAA,KACNZ,UAAU;IACdL,GAAG,EAAEU,SAAU;IACfQ,WAAW,EAAC,OAAO;IACnBhB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfiB,KAAK,EAAEf,UAAU,oBAAVA,UAAU,CAAEe,KAAM;IACzBL,MAAM,EAAEJ,UAAW;IACnBP,QAAQ,EAAEA,QAAS;IACnB,kBAAe;EAAO,EACvB,CACQ,CAAC;AAEhB,CACF,CAAC;AAEDN,eAAe,CAACuB,WAAW,GAAG,iBAAiB"}
1
+ {"version":3,"file":"EditableContent.js","names":["React","forwardRef","useCallback","useRef","StyledDiv","StyledInput","StyledSpan","useForkRef","EditableContent","_ref","ref","className","variant","weight","disabled","inputProps","wrapRef","children","invalid","props","intInputRef","handleRef","handleBlur","evt","current","scrollLeft","onBlur","createElement","_extends","forwardedAs","$disabled","value","displayName"],"sources":["../../../../src/components/EditableContent/EditableContent.tsx"],"sourcesContent":["import React, { forwardRef, Ref, useCallback, useRef } from \"react\";\n\nimport { StyledDiv, StyledInput, StyledSpan } from \"./Styles\";\nimport { useForkRef } from \"../../utils\";\nimport { Variant } from \"../Typography/Typography\";\n\nexport interface EditableContentInterface {\n /** Typography variant. */\n variant?: Variant;\n /** Typography weight. */\n weight?: \"light\" | \"regular\" | \"bold\" | \"medium\";\n /** Input props. */\n inputProps?: Partial<React.ComponentPropsWithoutRef<\"input\">>;\n /** Disable edit mode. */\n disabled?: boolean;\n invalid?: boolean;\n /** Wrapper reference. */\n wrapRef?: Ref<HTMLDivElement>;\n}\n\nexport const EditableContent = forwardRef<\n HTMLDivElement,\n EditableContentInterface &\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof EditableContentInterface>\n>(\n (\n {\n className,\n variant = \"Body 2\",\n weight,\n disabled = false,\n inputProps,\n wrapRef,\n children,\n invalid,\n ...props\n },\n ref\n ) => {\n const intInputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, intInputRef);\n\n const handleBlur = useCallback(\n (evt) => {\n if (intInputRef?.current) {\n intInputRef.current.scrollLeft = 0;\n }\n typeof inputProps?.onBlur === `function` && inputProps?.onBlur(evt);\n },\n [inputProps]\n );\n\n return (\n <StyledDiv className={className} ref={wrapRef} {...props}>\n <StyledSpan\n variant={variant}\n forwardedAs=\"span\"\n weight={weight}\n $disabled={disabled}\n className=\"presentation\"\n >\n {children ? children : inputProps?.value}\n </StyledSpan>\n <StyledInput\n {...inputProps}\n ref={handleRef}\n forwardedAs=\"input\"\n variant={variant}\n weight={weight}\n value={inputProps?.value}\n onBlur={handleBlur}\n disabled={disabled}\n data-form-type=\"other\"\n invalid={invalid}\n />\n </StyledDiv>\n );\n }\n);\n\nEditableContent.displayName = \"EditableContent\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,UAAU,EAAOC,WAAW,EAAEC,MAAM,QAAQ,OAAO;AAEnE,SAASC,SAAS,EAAEC,WAAW,EAAEC,UAAU,QAAQ,UAAU;AAC7D,SAASC,UAAU,QAAQ,aAAa;AAiBxC,OAAO,MAAMC,eAAe,gBAAGP,UAAU,CAKvC,CAAAQ,IAAA,EAYEC,GAAG,KACA;EAAA,IAZH;IACEC,SAAS;IACTC,OAAO,GAAG,QAAQ;IAClBC,MAAM;IACNC,QAAQ,GAAG,KAAK;IAChBC,UAAU;IACVC,OAAO;IACPC,QAAQ;IACRC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAV,IAAA;EAGD,MAAMW,WAAW,GAAGjB,MAAM,CAAmB,IAAI,CAAC;EAClD,MAAMkB,SAAS,GAAGd,UAAU,CAACG,GAAG,EAAEU,WAAW,CAAC;EAE9C,MAAME,UAAU,GAAGpB,WAAW,CAC3BqB,GAAG,IAAK;IACP,IAAIH,WAAW,YAAXA,WAAW,CAAEI,OAAO,EAAE;MACxBJ,WAAW,CAACI,OAAO,CAACC,UAAU,GAAG,CAAC;IACpC;IACA,QAAOV,UAAU,oBAAVA,UAAU,CAAEW,MAAM,gBAAe,KAAIX,UAAU,oBAAVA,UAAU,CAAEW,MAAM,CAACH,GAAG,CAAC;EACrE,CAAC,EACD,CAACR,UAAU,CACb,CAAC;EAED,oBACEf,KAAA,CAAA2B,aAAA,CAACvB,SAAS,EAAAwB,QAAA;IAACjB,SAAS,EAAEA,SAAU;IAACD,GAAG,EAAEM;EAAQ,GAAKG,KAAK,gBACtDnB,KAAA,CAAA2B,aAAA,CAACrB,UAAU;IACTM,OAAO,EAAEA,OAAQ;IACjBiB,WAAW,EAAC,MAAM;IAClBhB,MAAM,EAAEA,MAAO;IACfiB,SAAS,EAAEhB,QAAS;IACpBH,SAAS,EAAC;EAAc,GAEvBM,QAAQ,GAAGA,QAAQ,GAAGF,UAAU,oBAAVA,UAAU,CAAEgB,KACzB,CAAC,eACb/B,KAAA,CAAA2B,aAAA,CAACtB,WAAW,EAAAuB,QAAA,KACNb,UAAU;IACdL,GAAG,EAAEW,SAAU;IACfQ,WAAW,EAAC,OAAO;IACnBjB,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfkB,KAAK,EAAEhB,UAAU,oBAAVA,UAAU,CAAEgB,KAAM;IACzBL,MAAM,EAAEJ,UAAW;IACnBR,QAAQ,EAAEA,QAAS;IACnB,kBAAe,OAAO;IACtBI,OAAO,EAAEA;EAAQ,EAClB,CACQ,CAAC;AAEhB,CACF,CAAC;AAEDV,eAAe,CAACwB,WAAW,GAAG,iBAAiB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/Styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,oEAKrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;SAyBtB,CAAC;AAIF,eAAO,MAAM,WAAW;;kBA+BvB,CAAC"}
1
+ {"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableContent/Styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,SAAS,oEAKrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;SA+BtB,CAAC;AAIF,eAAO,MAAM,WAAW;;kBAqCvB,CAAC"}
@@ -13,17 +13,22 @@ export const StyledDiv = styled.div.withConfig({
13
13
  export const StyledSpan = styled(Typography).withConfig({
14
14
  displayName: "Styles__StyledSpan",
15
15
  componentId: "sc-1wapx2a-1"
16
- })(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " &:empty:before{content:\" \";}"], _ref => {
16
+ })(["visibility:hidden;display:block;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;position:relative;border:1px solid transparent;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre;font-variant-numeric:tabular-nums;", " ", " &:empty:before{content:\" \";}"], _ref => {
17
17
  let {
18
18
  $disabled
19
19
  } = _ref;
20
20
  return $disabled && css(["visibility:visible;"]);
21
+ }, _ref2 => {
22
+ let {
23
+ invalid
24
+ } = _ref2;
25
+ return invalid && css(["border:1px solid var(--red-alert);"]);
21
26
  });
22
27
  StyledSpan.displayName = "StyledSpan";
23
28
  export const StyledInput = styled(Typography).withConfig({
24
29
  displayName: "Styles__StyledInput",
25
30
  componentId: "sc-1wapx2a-2"
26
- })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}"], {
31
+ })(["", " background-color:inherit;padding-left:4px;padding-right:4px;padding-top:1px;padding-bottom:1px;text-overflow:ellipsis;font-variant-numeric:tabular-nums;&:focus-whitin{text-overflow:clip;}outline-width:0px;outline:none;&:disabled{opacity:0;}", ""], {
27
32
  "position": "absolute",
28
33
  "inset": "0px",
29
34
  "boxSizing": "border-box",
@@ -41,6 +46,11 @@ export const StyledInput = styled(Typography).withConfig({
41
46
  ":hover": {
42
47
  "borderColor": "var(--color-theme-700)"
43
48
  }
49
+ }, _ref3 => {
50
+ let {
51
+ invalid
52
+ } = _ref3;
53
+ return invalid && css(["border-color:var(--red-alert) !important;"]);
44
54
  });
45
55
  StyledInput.displayName = "StyledInput";
46
56
  //# sourceMappingURL=Styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","withConfig","displayName","componentId","StyledSpan","_ref","$disabled","StyledInput"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n visibility: hidden;\n display: block;\n padding-left: 4px;\n padding-right: 4px;\n padding-top: 1px;\n padding-bottom: 1px;\n position: relative;\n border: 1px solid transparent;\n border-radius: 6px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: pre;\n font-variant-numeric: tabular-nums;\n\n ${({ $disabled }) =>\n $disabled &&\n css`\n visibility: visible;\n `}\n\n &:empty:before {\n content: \" \";\n }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n ${tw`\n tw-absolute\n tw-inset-0\n tw-border\n tw-border-transparent\n tw-border-solid\n hover:tw-border-theme-700\n focus-within:tw-border-theme-700\n tw-rounded-md\n tw-box-border\n tw-overflow-hidden\n tw-whitespace-nowrap\n focus-within:tw-overflow-scroll\n tw-w-full`}\n\n background-color: inherit;\n padding-left: 4px;\n padding-right: 4px;\n padding-top: 1px;\n padding-bottom: 1px;\n text-overflow: ellipsis;\n font-variant-numeric: tabular-nums;\n &:focus-whitin {\n text-overflow: clip;\n }\n outline-width: 0px;\n outline: none;\n &:disabled {\n opacity: 0;\n }\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAC/BN,SAAS,EACTD,cAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAED,OAAO,MAAMQ,UAAU,GAAGV,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,2TAgBxCE,IAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAAA,OACdC,SAAS,IACTX,GAAG,yBAEF;AAAA,EAKJ;AAEDS,UAAU,CAACF,WAAW,GAAG,YAAY;AAErC,OAAO,MAAMK,WAAW,GAAGb,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8PACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,CAiBb;AAEDI,WAAW,CAACL,WAAW,GAAG,aAAa"}
1
+ {"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","Typography","StyledDiv","div","withConfig","displayName","componentId","StyledSpan","_ref","$disabled","_ref2","invalid","StyledInput","_ref3"],"sources":["../../../../src/components/EditableContent/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { Typography } from \"../Typography/Typography\";\n\nexport const StyledDiv = styled.div`\n ${FontStyle}\n ${BoxSizingStyle}\n\n ${tw`tw-relative tw-inline-block tw-max-w-full`}\n`;\n\nexport const StyledSpan = styled(Typography)<{ $disabled?: boolean }>`\n visibility: hidden;\n display: block;\n padding-left: 4px;\n padding-right: 4px;\n padding-top: 1px;\n padding-bottom: 1px;\n position: relative;\n border: 1px solid transparent;\n border-radius: 6px;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: pre;\n font-variant-numeric: tabular-nums;\n\n ${({ $disabled }) =>\n $disabled &&\n css`\n visibility: visible;\n `}\n\n ${({ invalid }) =>\n invalid &&\n css`\n border: 1px solid var(--red-alert);\n `}\n\n &:empty:before {\n content: \" \";\n }\n`;\n\nStyledSpan.displayName = \"StyledSpan\";\n\nexport const StyledInput = styled(Typography)`\n ${tw`\n tw-absolute\n tw-inset-0\n tw-border\n tw-border-transparent\n tw-border-solid\n hover:tw-border-theme-700\n focus-within:tw-border-theme-700\n tw-rounded-md\n tw-box-border\n tw-overflow-hidden\n tw-whitespace-nowrap\n focus-within:tw-overflow-scroll\n tw-w-full`}\n\n background-color: inherit;\n padding-left: 4px;\n padding-right: 4px;\n padding-top: 1px;\n padding-bottom: 1px;\n text-overflow: ellipsis;\n font-variant-numeric: tabular-nums;\n &:focus-whitin {\n text-overflow: clip;\n }\n outline-width: 0px;\n outline: none;\n &:disabled {\n opacity: 0;\n }\n\n ${({ invalid }) =>\n invalid &&\n css`\n border-color: var(--red-alert) !important;\n `}\n`;\n\nStyledInput.displayName = \"StyledInput\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,UAAU,QAAQ,0BAA0B;AAErD,OAAO,MAAMC,SAAS,GAAGL,MAAM,CAACM,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBAC/BN,SAAS,EACTD,cAAc,EAEZ;EAAA;EAAA;EAAA;AAA0C,CAAC,CAChD;AAED,OAAO,MAAMQ,UAAU,GAAGV,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gUAgBxCE,IAAA;EAAA,IAAC;IAAEC;EAAU,CAAC,GAAAD,IAAA;EAAA,OACdC,SAAS,IACTX,GAAG,yBAEF;AAAA,GAEDY,KAAA;EAAA,IAAC;IAAEC;EAAQ,CAAC,GAAAD,KAAA;EAAA,OACZC,OAAO,IACPb,GAAG,wCAEF;AAAA,EAKJ;AAEDS,UAAU,CAACF,WAAW,GAAG,YAAY;AAErC,OAAO,MAAMO,WAAW,GAAGf,MAAM,CAACI,UAAU,CAAC,CAAAG,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kQACvC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;EAAA;AAaO,CAAC,EAkBVO,KAAA;EAAA,IAAC;IAAEF;EAAQ,CAAC,GAAAE,KAAA;EAAA,OACZF,OAAO,IACPb,GAAG,+CAEF;AAAA,EACJ;AAEDc,WAAW,CAACP,WAAW,GAAG,aAAa"}
@@ -1 +1 @@
1
- {"version":3,"file":"EditableCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableCurrency/EditableCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAkB,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAmB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAG/E,MAAM,WAAW,qBACf,SAAQ,wBAAwB,EAC9B,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,8FAmG5B,CAAC"}
1
+ {"version":3,"file":"EditableCurrency.d.ts","sourceRoot":"","sources":["../../../../src/components/EditableCurrency/EditableCurrency.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,YAAY,EAAkB,MAAM,aAAa,CAAC;AAE3D,OAAO,EAAmB,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAG/E,MAAM,WAAW,qBACf,SAAQ,wBAAwB,EAC9B,IAAI,CAAC,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,gBAAgB,8FAqG5B,CAAC"}
@@ -23,6 +23,7 @@ export const EditableCurrency = /*#__PURE__*/React.forwardRef((_ref, ref) => {
23
23
  trimDecimals = true,
24
24
  min,
25
25
  max,
26
+ invalid,
26
27
  ...rest
27
28
  } = _ref;
28
29
  const inputRef = useRef(null);
@@ -66,6 +67,7 @@ export const EditableCurrency = /*#__PURE__*/React.forwardRef((_ref, ref) => {
66
67
  disabled: disabled,
67
68
  ref: handleRef,
68
69
  className: className,
70
+ invalid: invalid,
69
71
  inputProps: {
70
72
  value: formattedValue,
71
73
  onBlur: onBlur,
@@ -1 +1 @@
1
- {"version":3,"file":"EditableCurrency.js","names":["React","useMemo","useRef","useInputNumber","numberWithSeparator","useForkRef","EditableContent","Tooltip","EditableCurrency","forwardRef","_ref","ref","decimalLength","decimalSeparator","disableAbbreviation","disabled","disableMacros","step","thousandSeparator","value","defaultValue","onSave","onCancel","className","allowEmptyValue","onEnterKeyPress","externalEnterKeyPress","onClick","externalOnClick","onChange","externalOnChange","trimDecimals","min","max","rest","inputRef","handleRef","onBlur","onKeyDown","onDoubleClick","onFocus","focused","unformattedValue","shortenThreshold","formattedValue","createElement","title","disable","inputProps","displayName"],"sources":["../../../../src/components/EditableCurrency/EditableCurrency.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\n\nimport { IInputNumber, useInputNumber } from \"../../hooks\";\nimport { numberWithSeparator, useForkRef } from \"../../utils\";\nimport { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport { Tooltip } from \"../Tooltip\";\n\nexport interface EditableCurrencyProps\n extends EditableContentInterface,\n Omit<IInputNumber, \"limit\" | \"onBlur\"> {\n className?: string;\n}\n\nexport const EditableCurrency = React.forwardRef<\n HTMLDivElement,\n EditableCurrencyProps\n>(\n (\n {\n decimalLength = 2,\n decimalSeparator = \".\",\n disableAbbreviation = false,\n disabled,\n disableMacros = false,\n step = 1,\n thousandSeparator = \",\",\n value: defaultValue,\n onSave,\n onCancel,\n className,\n allowEmptyValue,\n onEnterKeyPress: externalEnterKeyPress,\n onClick: externalOnClick,\n onChange: externalOnChange,\n trimDecimals = true,\n min,\n max,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n const {\n value,\n onBlur,\n onKeyDown,\n onChange,\n onClick,\n onDoubleClick,\n onFocus,\n focused,\n unformattedValue,\n } = useInputNumber(\n {\n decimalLength,\n decimalSeparator,\n disableAbbreviation,\n disableMacros,\n step,\n thousandSeparator,\n value: defaultValue,\n onSave,\n allowEmptyValue,\n onCancel,\n onChange: externalOnChange,\n onEnterKeyPress: externalEnterKeyPress,\n onClick: externalOnClick,\n trimDecimals,\n min,\n max,\n shortenThreshold: 10000,\n },\n inputRef\n );\n\n const formattedValue = useMemo(() => {\n return focused\n ? value\n : numberWithSeparator(value ?? \"\", \"\", decimalSeparator);\n }, [focused, value, decimalSeparator]);\n\n return (\n <Tooltip\n title={\n numberWithSeparator(\n unformattedValue ?? \"\",\n thousandSeparator,\n decimalSeparator\n ) as string\n }\n disable={focused}\n >\n <EditableContent\n disabled={disabled}\n ref={handleRef}\n className={className}\n inputProps={{\n value: formattedValue,\n onBlur: onBlur,\n onChange: onChange,\n onKeyDown: onKeyDown,\n onClick: onClick,\n onFocus: onFocus,\n onDoubleClick: onDoubleClick,\n ...rest,\n }}\n />\n </Tooltip>\n );\n }\n);\n\nEditableCurrency.displayName = \"EditableCurrency\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAE9C,SAAuBC,cAAc,QAAQ,aAAa;AAC1D,SAASC,mBAAmB,EAAEC,UAAU,QAAQ,aAAa;AAC7D,SAASC,eAAe,QAAkC,oBAAoB;AAC9E,SAASC,OAAO,QAAQ,YAAY;AAQpC,OAAO,MAAMC,gBAAgB,gBAAGR,KAAK,CAACS,UAAU,CAI9C,CAAAC,IAAA,EAsBEC,GAAG,KACA;EAAA,IAtBH;IACEC,aAAa,GAAG,CAAC;IACjBC,gBAAgB,GAAG,GAAG;IACtBC,mBAAmB,GAAG,KAAK;IAC3BC,QAAQ;IACRC,aAAa,GAAG,KAAK;IACrBC,IAAI,GAAG,CAAC;IACRC,iBAAiB,GAAG,GAAG;IACvBC,KAAK,EAAEC,YAAY;IACnBC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,eAAe;IACfC,eAAe,EAAEC,qBAAqB;IACtCC,OAAO,EAAEC,eAAe;IACxBC,QAAQ,EAAEC,gBAAgB;IAC1BC,YAAY,GAAG,IAAI;IACnBC,GAAG;IACHC,GAAG;IACH,GAAGC;EACL,CAAC,GAAAxB,IAAA;EAGD,MAAMyB,QAAQ,GAAGjC,MAAM,CAAmB,IAAI,CAAC;EAC/C,MAAMkC,SAAS,GAAG/B,UAAU,CAACM,GAAG,EAAEwB,QAAQ,CAAC;EAE3C,MAAM;IACJhB,KAAK;IACLkB,MAAM;IACNC,SAAS;IACTT,QAAQ;IACRF,OAAO;IACPY,aAAa;IACbC,OAAO;IACPC,OAAO;IACPC;EACF,CAAC,GAAGvC,cAAc,CAChB;IACES,aAAa;IACbC,gBAAgB;IAChBC,mBAAmB;IACnBE,aAAa;IACbC,IAAI;IACJC,iBAAiB;IACjBC,KAAK,EAAEC,YAAY;IACnBC,MAAM;IACNG,eAAe;IACfF,QAAQ;IACRO,QAAQ,EAAEC,gBAAgB;IAC1BL,eAAe,EAAEC,qBAAqB;IACtCC,OAAO,EAAEC,eAAe;IACxBG,YAAY;IACZC,GAAG;IACHC,GAAG;IACHU,gBAAgB,EAAE;EACpB,CAAC,EACDR,QACF,CAAC;EAED,MAAMS,cAAc,GAAG3C,OAAO,CAAC,MAAM;IACnC,OAAOwC,OAAO,GACVtB,KAAK,GACLf,mBAAmB,CAACe,KAAK,WAALA,KAAK,GAAI,EAAE,EAAE,EAAE,EAAEN,gBAAgB,CAAC;EAC5D,CAAC,EAAE,CAAC4B,OAAO,EAAEtB,KAAK,EAAEN,gBAAgB,CAAC,CAAC;EAEtC,oBACEb,KAAA,CAAA6C,aAAA,CAACtC,OAAO;IACNuC,KAAK,EACH1C,mBAAmB,CACjBsC,gBAAgB,WAAhBA,gBAAgB,GAAI,EAAE,EACtBxB,iBAAiB,EACjBL,gBACF,CACD;IACDkC,OAAO,EAAEN;EAAQ,gBAEjBzC,KAAA,CAAA6C,aAAA,CAACvC,eAAe;IACdS,QAAQ,EAAEA,QAAS;IACnBJ,GAAG,EAAEyB,SAAU;IACfb,SAAS,EAAEA,SAAU;IACrByB,UAAU,EAAE;MACV7B,KAAK,EAAEyB,cAAc;MACrBP,MAAM,EAAEA,MAAM;MACdR,QAAQ,EAAEA,QAAQ;MAClBS,SAAS,EAAEA,SAAS;MACpBX,OAAO,EAAEA,OAAO;MAChBa,OAAO,EAAEA,OAAO;MAChBD,aAAa,EAAEA,aAAa;MAC5B,GAAGL;IACL;EAAE,CACH,CACM,CAAC;AAEd,CACF,CAAC;AAED1B,gBAAgB,CAACyC,WAAW,GAAG,kBAAkB"}
1
+ {"version":3,"file":"EditableCurrency.js","names":["React","useMemo","useRef","useInputNumber","numberWithSeparator","useForkRef","EditableContent","Tooltip","EditableCurrency","forwardRef","_ref","ref","decimalLength","decimalSeparator","disableAbbreviation","disabled","disableMacros","step","thousandSeparator","value","defaultValue","onSave","onCancel","className","allowEmptyValue","onEnterKeyPress","externalEnterKeyPress","onClick","externalOnClick","onChange","externalOnChange","trimDecimals","min","max","invalid","rest","inputRef","handleRef","onBlur","onKeyDown","onDoubleClick","onFocus","focused","unformattedValue","shortenThreshold","formattedValue","createElement","title","disable","inputProps","displayName"],"sources":["../../../../src/components/EditableCurrency/EditableCurrency.tsx"],"sourcesContent":["import React, { useMemo, useRef } from \"react\";\n\nimport { IInputNumber, useInputNumber } from \"../../hooks\";\nimport { numberWithSeparator, useForkRef } from \"../../utils\";\nimport { EditableContent, EditableContentInterface } from \"../EditableContent\";\nimport { Tooltip } from \"../Tooltip\";\n\nexport interface EditableCurrencyProps\n extends EditableContentInterface,\n Omit<IInputNumber, \"limit\" | \"onBlur\"> {\n className?: string;\n}\n\nexport const EditableCurrency = React.forwardRef<\n HTMLDivElement,\n EditableCurrencyProps\n>(\n (\n {\n decimalLength = 2,\n decimalSeparator = \".\",\n disableAbbreviation = false,\n disabled,\n disableMacros = false,\n step = 1,\n thousandSeparator = \",\",\n value: defaultValue,\n onSave,\n onCancel,\n className,\n allowEmptyValue,\n onEnterKeyPress: externalEnterKeyPress,\n onClick: externalOnClick,\n onChange: externalOnChange,\n trimDecimals = true,\n min,\n max,\n invalid,\n ...rest\n },\n ref\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const handleRef = useForkRef(ref, inputRef);\n\n const {\n value,\n onBlur,\n onKeyDown,\n onChange,\n onClick,\n onDoubleClick,\n onFocus,\n focused,\n unformattedValue,\n } = useInputNumber(\n {\n decimalLength,\n decimalSeparator,\n disableAbbreviation,\n disableMacros,\n step,\n thousandSeparator,\n value: defaultValue,\n onSave,\n allowEmptyValue,\n onCancel,\n onChange: externalOnChange,\n onEnterKeyPress: externalEnterKeyPress,\n onClick: externalOnClick,\n trimDecimals,\n min,\n max,\n shortenThreshold: 10000,\n },\n inputRef\n );\n\n const formattedValue = useMemo(() => {\n return focused\n ? value\n : numberWithSeparator(value ?? \"\", \"\", decimalSeparator);\n }, [focused, value, decimalSeparator]);\n\n return (\n <Tooltip\n title={\n numberWithSeparator(\n unformattedValue ?? \"\",\n thousandSeparator,\n decimalSeparator\n ) as string\n }\n disable={focused}\n >\n <EditableContent\n disabled={disabled}\n ref={handleRef}\n className={className}\n invalid={invalid}\n inputProps={{\n value: formattedValue,\n onBlur: onBlur,\n onChange: onChange,\n onKeyDown: onKeyDown,\n onClick: onClick,\n onFocus: onFocus,\n onDoubleClick: onDoubleClick,\n ...rest,\n }}\n />\n </Tooltip>\n );\n }\n);\n\nEditableCurrency.displayName = \"EditableCurrency\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAE9C,SAAuBC,cAAc,QAAQ,aAAa;AAC1D,SAASC,mBAAmB,EAAEC,UAAU,QAAQ,aAAa;AAC7D,SAASC,eAAe,QAAkC,oBAAoB;AAC9E,SAASC,OAAO,QAAQ,YAAY;AAQpC,OAAO,MAAMC,gBAAgB,gBAAGR,KAAK,CAACS,UAAU,CAI9C,CAAAC,IAAA,EAuBEC,GAAG,KACA;EAAA,IAvBH;IACEC,aAAa,GAAG,CAAC;IACjBC,gBAAgB,GAAG,GAAG;IACtBC,mBAAmB,GAAG,KAAK;IAC3BC,QAAQ;IACRC,aAAa,GAAG,KAAK;IACrBC,IAAI,GAAG,CAAC;IACRC,iBAAiB,GAAG,GAAG;IACvBC,KAAK,EAAEC,YAAY;IACnBC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,eAAe;IACfC,eAAe,EAAEC,qBAAqB;IACtCC,OAAO,EAAEC,eAAe;IACxBC,QAAQ,EAAEC,gBAAgB;IAC1BC,YAAY,GAAG,IAAI;IACnBC,GAAG;IACHC,GAAG;IACHC,OAAO;IACP,GAAGC;EACL,CAAC,GAAAzB,IAAA;EAGD,MAAM0B,QAAQ,GAAGlC,MAAM,CAAmB,IAAI,CAAC;EAC/C,MAAMmC,SAAS,GAAGhC,UAAU,CAACM,GAAG,EAAEyB,QAAQ,CAAC;EAE3C,MAAM;IACJjB,KAAK;IACLmB,MAAM;IACNC,SAAS;IACTV,QAAQ;IACRF,OAAO;IACPa,aAAa;IACbC,OAAO;IACPC,OAAO;IACPC;EACF,CAAC,GAAGxC,cAAc,CAChB;IACES,aAAa;IACbC,gBAAgB;IAChBC,mBAAmB;IACnBE,aAAa;IACbC,IAAI;IACJC,iBAAiB;IACjBC,KAAK,EAAEC,YAAY;IACnBC,MAAM;IACNG,eAAe;IACfF,QAAQ;IACRO,QAAQ,EAAEC,gBAAgB;IAC1BL,eAAe,EAAEC,qBAAqB;IACtCC,OAAO,EAAEC,eAAe;IACxBG,YAAY;IACZC,GAAG;IACHC,GAAG;IACHW,gBAAgB,EAAE;EACpB,CAAC,EACDR,QACF,CAAC;EAED,MAAMS,cAAc,GAAG5C,OAAO,CAAC,MAAM;IACnC,OAAOyC,OAAO,GACVvB,KAAK,GACLf,mBAAmB,CAACe,KAAK,WAALA,KAAK,GAAI,EAAE,EAAE,EAAE,EAAEN,gBAAgB,CAAC;EAC5D,CAAC,EAAE,CAAC6B,OAAO,EAAEvB,KAAK,EAAEN,gBAAgB,CAAC,CAAC;EAEtC,oBACEb,KAAA,CAAA8C,aAAA,CAACvC,OAAO;IACNwC,KAAK,EACH3C,mBAAmB,CACjBuC,gBAAgB,WAAhBA,gBAAgB,GAAI,EAAE,EACtBzB,iBAAiB,EACjBL,gBACF,CACD;IACDmC,OAAO,EAAEN;EAAQ,gBAEjB1C,KAAA,CAAA8C,aAAA,CAACxC,eAAe;IACdS,QAAQ,EAAEA,QAAS;IACnBJ,GAAG,EAAE0B,SAAU;IACfd,SAAS,EAAEA,SAAU;IACrBW,OAAO,EAAEA,OAAQ;IACjBe,UAAU,EAAE;MACV9B,KAAK,EAAE0B,cAAc;MACrBP,MAAM,EAAEA,MAAM;MACdT,QAAQ,EAAEA,QAAQ;MAClBU,SAAS,EAAEA,SAAS;MACpBZ,OAAO,EAAEA,OAAO;MAChBc,OAAO,EAAEA,OAAO;MAChBD,aAAa,EAAEA,aAAa;MAC5B,GAAGL;IACL;EAAE,CACH,CACM,CAAC;AAEd,CACF,CAAC;AAED3B,gBAAgB,CAAC0C,WAAW,GAAG,kBAAkB"}
@@ -1,7 +1,8 @@
1
1
  import { ElementType, FC, CSSProperties } from "react";
2
- import { DayModifiers } from "react-day-picker";
3
2
  import { Placement } from "@popperjs/core";
4
- import { DaysToModifyV1 } from "./types";
3
+ import { Moment } from "moment";
4
+ import { DaysToModify } from "./types";
5
+ import { ChangeMode, TimestampDateRange } from "../DatePicker/DatePicker";
5
6
  type TriggerStringType = "text" | "icon" | "inline";
6
7
  type TriggerFunctionType = (text: string) => JSX.Element;
7
8
  export interface ISelectDate {
@@ -26,35 +27,29 @@ export interface ISelectDate {
26
27
  /** Tooltip text */
27
28
  tooltipText?: string;
28
29
  /** Called when day is clicked */
29
- onDayClick?: (day: Date, modifiers: DayModifiers) => void;
30
- /** Save changes in atomic mode */
31
- onSave?: (dates?: {
32
- from: number;
33
- to: number;
34
- }) => void;
35
- /** On cancel closes datepicker or opens disard modal in atomic mode */
30
+ onDayClick?: (day: Moment, modifiers: string[]) => void;
31
+ /** Save changes callback */
32
+ onSave?: (dates?: TimestampDateRange) => void;
33
+ /** Changing dates callback */
34
+ onChange?: (dates?: TimestampDateRange) => void;
35
+ /** On cancel closes datepicker or opens discard modal in atomic mode */
36
36
  onCancel?: () => void;
37
37
  /** Clear dates when they are not required */
38
38
  onClear?: () => void;
39
39
  /** Use this callback to get is picker visible */
40
40
  onToggleDatePicker?: (value: boolean) => void;
41
41
  /** Set selected day or days */
42
- selectedDays?: {
43
- from: number;
44
- to: number;
45
- };
42
+ selectedDays?: TimestampDateRange;
46
43
  /** Set month */
47
- defaultMonth?: Date;
44
+ defaultMonth?: Moment;
48
45
  /** Set selection range */
49
- selectionMode?: string;
46
+ selectionMode?: ChangeMode;
50
47
  /** Set is date required */
51
48
  required?: boolean;
52
49
  /** Set default show on date picker (only for text and icon mode) */
53
50
  defaultShowDatePicker?: boolean;
54
51
  /** Long date format (Always show year) */
55
52
  longDateFormat?: boolean;
56
- /** Set is date required */
57
- defaultTimezoneAware?: boolean;
58
53
  /** Set first day of week */
59
54
  firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
60
55
  /** One of icon types */
@@ -74,7 +69,7 @@ export interface ISelectDate {
74
69
  /** Background style for clickable element after the menu is open (opacity, color, etc...) */
75
70
  backgroundElementClass?: string;
76
71
  /** Days to modify */
77
- daysToModify?: DaysToModifyV1[];
72
+ daysToModify?: DaysToModify[];
78
73
  /** Array of weekend days */
79
74
  weekends?: number[];
80
75
  /** Weekend label */
@@ -94,7 +89,13 @@ export interface ISelectDate {
94
89
  /** Position of selectDate menu */
95
90
  position?: Placement;
96
91
  /** Disable days before specified date */
97
- disableDaysBefore?: Date;
92
+ disableDaysBefore?: Moment;
93
+ /** Disable days after specified date */
94
+ disabledDaysAfter?: Moment;
95
+ /** Enable year selector */
96
+ enableYearPicker?: boolean;
97
+ /** Disable aniamtions */
98
+ disableAnimations?: boolean;
98
99
  }
99
100
  export declare const SelectDate: FC<ISelectDate>;
100
101
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"SelectDate.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/SelectDate.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SelectDate.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectDate/SelectDate.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,WAAW,EAAE,EAAE,EAAW,aAAa,EAAE,MAAM,OAAO,CAAC;AAEvE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAC;AAKhC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,OAAO,EACL,UAAU,EAEV,kBAAkB,EAEnB,MAAM,0BAA0B,CAAC;AAElC,KAAK,iBAAiB,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAC;AACpD,KAAK,mBAAmB,GAAG,CAAC,IAAI,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,CAAC;AA2BzD,MAAM,WAAW,WAAW;IAC1B,8CAA8C;IAC9C,UAAU,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAClC,qEAAqE;IACrE,OAAO,CAAC,EAAE,iBAAiB,GAAG,mBAAmB,CAAC;IAClD,uBAAuB;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+BAA+B;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gCAAgC;IAChC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iCAAiC;IACjC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iCAAiC;IACjC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACxD,4BAA4B;IAC5B,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAChD,wEAAwE;IACxE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC9C,+BAA+B;IAC/B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,gBAAgB;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oEAAoE;IACpE,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,0CAA0C;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC3C,wBAAwB;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,kBAAkB;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mBAAmB;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,6BAA6B;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kCAAkC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,kCAAkC;IAClC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,6FAA6F;IAC7F,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,qBAAqB;IACrB,YAAY,CAAC,EAAE,YAAY,EAAE,CAAC;IAC9B,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,oCAAoC;IACpC,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,iCAAiC;IACjC,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,qCAAqC;IACrC,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,2BAA2B;IAC3B,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,+BAA+B;IAC/B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,WAAW,CAqPtC,CAAC"}