@embeddable.com/remarkable-ui 0.1.32 → 0.1.33

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 (87) hide show
  1. package/dist/BarChartDefaultHorizontalPro.js +3 -3
  2. package/dist/BarChartDefaultPro.js +3 -3
  3. package/dist/BarChartGroupedHorizontalPro.js +3 -3
  4. package/dist/BarChartGroupedPro.js +3 -3
  5. package/dist/BarChartStackedHorizontalPro.js +3 -3
  6. package/dist/BarChartStackedPro.js +3 -3
  7. package/dist/{BaseButton-Bf7IgH4E.js → BaseButton-D3Nh2VwK.js} +2 -2
  8. package/dist/{BaseButton-Bf7IgH4E.js.map → BaseButton-D3Nh2VwK.js.map} +1 -1
  9. package/dist/{ChartCard-CACbKXZ7.js → ChartCard-BMfUGlQC.js} +13 -13
  10. package/dist/{ChartCard-CACbKXZ7.js.map → ChartCard-BMfUGlQC.js.map} +1 -1
  11. package/dist/{ComparisonPeriod.type.emb-Q_A2MmQY.js → ComparisonPeriod.type.emb-9nwxR9Tl.js} +2 -2
  12. package/dist/{ComparisonPeriod.type.emb-Q_A2MmQY.js.map → ComparisonPeriod.type.emb-9nwxR9Tl.js.map} +1 -1
  13. package/dist/ComparisonPeriodSelectFieldPro.js +4 -4
  14. package/dist/DateRangeSelectFieldPro.js +2 -2
  15. package/dist/DonutChartPro.js +2 -2
  16. package/dist/DonutLabelChartPro.js +2 -2
  17. package/dist/{EditorCard-CNU8sUaR.js → EditorCard-tBhUO9qV.js} +9 -9
  18. package/dist/{EditorCard-CNU8sUaR.js.map → EditorCard-tBhUO9qV.js.map} +1 -1
  19. package/dist/{KpiChart-C-SmtMQp.js → KpiChart-CqS9-4MK.js} +2 -2
  20. package/dist/{KpiChart-C-SmtMQp.js.map → KpiChart-CqS9-4MK.js.map} +1 -1
  21. package/dist/KpiChartNumberComparisonPro.js +6 -6
  22. package/dist/KpiChartNumberPro.js +4 -4
  23. package/dist/LineChartComparisonDefaultPro.js +5 -5
  24. package/dist/LineChartDefaultPro.js +3 -3
  25. package/dist/LineChartGroupedPro.js +3 -3
  26. package/dist/MultiSelectFieldPro.js +2 -2
  27. package/dist/PieChartPro.js +2 -2
  28. package/dist/SingleSelectField-BwQahxL2.js +96 -0
  29. package/dist/SingleSelectField-BwQahxL2.js.map +1 -0
  30. package/dist/SingleSelectFieldPro.js +2 -2
  31. package/dist/{bars.utils-BaxcPPid.js → bars.utils-BS6hyz6a.js} +4 -4
  32. package/dist/{bars.utils-BaxcPPid.js.map → bars.utils-BS6hyz6a.js.map} +1 -1
  33. package/dist/{charts.utils-CQtEx-IN.js → charts.utils-CtjnpTZZ.js} +3 -3
  34. package/dist/{charts.utils-CQtEx-IN.js.map → charts.utils-CtjnpTZZ.js.map} +1 -1
  35. package/dist/{component.constants-B1QqUi2G.js → component.constants-BtSbiLSA.js} +1676 -1659
  36. package/dist/component.constants-BtSbiLSA.js.map +1 -0
  37. package/dist/embeddable-components.json +9 -9
  38. package/dist/{formatter.utils-B3HZzPUm.js → formatter.utils-DsSqaQLy.js} +2 -2
  39. package/dist/{formatter.utils-B3HZzPUm.js.map → formatter.utils-DsSqaQLy.js.map} +1 -1
  40. package/dist/index-0EU9wBvd.js +210 -0
  41. package/dist/index-0EU9wBvd.js.map +1 -0
  42. package/dist/{index-DyMUkLDE.js → index-BFMal406.js} +8 -8
  43. package/dist/{index-DyMUkLDE.js.map → index-BFMal406.js.map} +1 -1
  44. package/dist/{index-Fs7N8msy.js → index-Bgt_jnmA.js} +13 -13
  45. package/dist/{index-Fs7N8msy.js.map → index-Bgt_jnmA.js.map} +1 -1
  46. package/dist/{index-SdQVlaEz.js → index-CVNg2zPD.js} +11 -11
  47. package/dist/{index-SdQVlaEz.js.map → index-CVNg2zPD.js.map} +1 -1
  48. package/dist/{index-Dye21BCa.js → index-CuyqPNAk.js} +5 -5
  49. package/dist/{index-Dye21BCa.js.map → index-CuyqPNAk.js.map} +1 -1
  50. package/dist/{index-DXHlr-gm.js → index-Fhr_BPX0.js} +4 -4
  51. package/dist/{index-DXHlr-gm.js.map → index-Fhr_BPX0.js.map} +1 -1
  52. package/dist/index.js +100 -99
  53. package/dist/{pies.utils-CPE4fxFn.js → pies.utils-DCRmuFgI.js} +4 -4
  54. package/dist/{pies.utils-CPE4fxFn.js.map → pies.utils-DCRmuFgI.js.map} +1 -1
  55. package/dist/remarkable-ui/editors/InputField/InputField.d.ts +4 -0
  56. package/dist/remarkable-ui/editors/InputField/InputField.d.ts.map +1 -1
  57. package/dist/remarkable-ui/editors/NumberField/NumberField.d.ts +2 -0
  58. package/dist/remarkable-ui/editors/NumberField/NumberField.d.ts.map +1 -1
  59. package/dist/remarkable-ui/editors/NumberField/NumberField.stories.d.ts +4 -0
  60. package/dist/remarkable-ui/editors/NumberField/NumberField.stories.d.ts.map +1 -1
  61. package/dist/remarkable-ui/editors/TextField/TextField.d.ts +2 -0
  62. package/dist/remarkable-ui/editors/TextField/TextField.d.ts.map +1 -1
  63. package/dist/remarkable-ui/editors/TextField/TextField.stories.d.ts +5 -0
  64. package/dist/remarkable-ui/editors/TextField/TextField.stories.d.ts.map +1 -1
  65. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.d.ts +2 -0
  66. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.d.ts.map +1 -1
  67. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts +2 -0
  68. package/dist/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.d.ts.map +1 -1
  69. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.d.ts +2 -0
  70. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.d.ts.map +1 -1
  71. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.d.ts +2 -0
  72. package/dist/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.d.ts.map +1 -1
  73. package/dist/remarkable-ui/editors/select/shared/SelectButton/SelectButton.d.ts +1 -0
  74. package/dist/remarkable-ui/editors/select/shared/SelectButton/SelectButton.d.ts.map +1 -1
  75. package/dist/remarkable-ui/index.d.ts +1 -0
  76. package/dist/remarkable-ui/index.d.ts.map +1 -1
  77. package/dist/remarkable-ui/shared/FieldErrorMessage/FieldErrorMessage.d.ts +5 -0
  78. package/dist/remarkable-ui/shared/FieldErrorMessage/FieldErrorMessage.d.ts.map +1 -0
  79. package/dist/remarkable-ui.css +1 -1
  80. package/dist/{timeRange.utils-C0iy3N-l.js → timeRange.utils-CWIlCcfG.js} +2 -2
  81. package/dist/{timeRange.utils-C0iy3N-l.js.map → timeRange.utils-CWIlCcfG.js.map} +1 -1
  82. package/package.json +1 -1
  83. package/dist/SingleSelectField-AZ79m6bQ.js +0 -88
  84. package/dist/SingleSelectField-AZ79m6bQ.js.map +0 -1
  85. package/dist/component.constants-B1QqUi2G.js.map +0 -1
  86. package/dist/index-BcXLOYYi.js +0 -203
  87. package/dist/index-BcXLOYYi.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"index-DXHlr-gm.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarFilled.mjs","../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.utils.ts","../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/index.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1zm3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16v-9.625z\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 12a1 1 0 0 1 .993 .883l.007 .117v3a1 1 0 0 1 -1.993 .117l-.007 -.117v-2a1 1 0 0 1 -.117 -1.993l.117 -.007h1z\", \"key\": \"svg-1\" }]];\nconst IconCalendarFilled = createReactComponent(\"filled\", \"calendar-filled\", \"CalendarFilled\", __iconNode);\n\nexport { __iconNode, IconCalendarFilled as default };\n//# sourceMappingURL=IconCalendarFilled.mjs.map\n","import { DateRangeSelectFieldProOption } from './DateRangeSelectFieldPro.types';\nimport { SelectListOptionProps } from '../../../../remarkable-ui';\nimport { getTimeRangeLabel } from '../editors.timeRange.utils';\n\nexport const getDateRangeSelectFieldProOptions = (\n dateRangeSelectFieldProOptions: DateRangeSelectFieldProOption[],\n): SelectListOptionProps[] => {\n return dateRangeSelectFieldProOptions.map((option) => {\n return {\n rightLabel: getTimeRangeLabel(option.getRange(), option.dateFormat),\n value: option.value,\n label: option.label,\n };\n });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '../../../../remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils.ts/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangeSelectFieldPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarFilled } from '@tabler/icons-react';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { useEffect, useState } from 'react';\n\ntype DateRangeSelectFieldProProps = {\n description?: string;\n onChange: (newDateRange: TimeRange) => void;\n placeholder?: string;\n selectedValue: TimeRange;\n title?: string;\n};\n\nconst DateRangeSelectFieldPro = (props: DateRangeSelectFieldProProps) => {\n const theme: Theme = useTheme() as Theme;\n const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n const { selectedValue, onChange } = props;\n const [internalValue, setInternalValue] = useState<string | undefined>(\n selectedValue?.relativeTimeString,\n );\n\n // When updation the selectedValue in the builder, the defined value value can:\n // 1. exist in the options: relativeTimeString converted into TimeRange and onChange is called with the TimeRange\n // 2. not exist in the options: onChange is called with undefined (resets)\n\n const dateRangeOptions = theme.defaults.dateRangesOptions;\n\n const selectedValueRelativeTimeString = selectedValue?.relativeTimeString;\n\n useEffect(() => {\n if (!selectedValueRelativeTimeString) return;\n\n const matchedOption = dateRangeOptions.find(\n (option) => option.value === selectedValueRelativeTimeString,\n );\n\n setInternalValue(matchedOption ? matchedOption.value : undefined);\n }, [selectedValueRelativeTimeString, dateRangeOptions]);\n\n useEffect(() => {\n if (!selectedValue && !internalValue) return;\n\n const matchedOption = dateRangeOptions.find((option) => option.value === internalValue);\n\n const newChangeValue = matchedOption ? matchedOption.getRange() : undefined;\n\n onChange(newChangeValue);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [internalValue, dateRangeOptions]);\n\n useEffect(() => {\n if (!selectedValue) {\n setInternalValue(undefined);\n }\n }, [selectedValue]);\n\n if (!dayjsLocaleReady) {\n return null;\n }\n\n const { description, placeholder, title } = resolveI18nProps(props);\n\n const options = getDateRangeSelectFieldProOptions(dateRangeOptions);\n\n return (\n <EditorCard title={title} subtitle={description}>\n <SingleSelectField\n startIcon={IconCalendarFilled}\n isClearable\n placeholder={placeholder}\n value={internalValue}\n onChange={(value) => setInternalValue(value || undefined)}\n options={options}\n noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n />\n </EditorCard>\n );\n};\n\nexport default DateRangeSelectFieldPro;\n"],"names":["__iconNode","IconCalendarFilled","createReactComponent","getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","option","getTimeRangeLabel","DateRangeSelectFieldPro","props","theme","useTheme","dayjsLocaleReady","useLoadDayjsLocale","selectedValue","onChange","internalValue","setInternalValue","useState","dateRangeOptions","selectedValueRelativeTimeString","useEffect","matchedOption","newChangeValue","description","placeholder","title","resolveI18nProps","options","jsx","EditorCard","SingleSelectField","value","i18n"],"mappings":";;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,iWAAiW,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,oHAAoH,KAAO,QAAO,CAAE,CAAC,GACviBC,IAAqBC,EAAqB,UAAU,mBAAmB,kBAAkBF,CAAU,GCN5FG,IAAoC,CAC/CC,MAEOA,EAA+B,IAAI,CAACC,OAClC;AAAA,EACL,YAAYC,EAAkBD,EAAO,SAAA,GAAYA,EAAO,UAAU;AAAA,EAClE,OAAOA,EAAO;AAAA,EACd,OAAOA,EAAO;AAAA,EAEjB,GCOGE,IAA0B,CAACC,MAAwC;AACvE,QAAMC,IAAeC,EAAA,GACf,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GAEvB,EAAE,eAAAC,GAAe,UAAAC,EAAA,IAAaN,GAC9B,CAACO,GAAeC,CAAgB,IAAIC;AAAA,IACxCJ,KAAA,gBAAAA,EAAe;AAAA,EAAA,GAOXK,IAAmBT,EAAM,SAAS,mBAElCU,IAAkCN,KAAA,gBAAAA,EAAe;AA6BvD,MA3BAO,EAAU,MAAM;AACd,QAAI,CAACD,EAAiC;AAEtC,UAAME,IAAgBH,EAAiB;AAAA,MACrC,CAACb,MAAWA,EAAO,UAAUc;AAAA,IAAA;AAG/B,IAAAH,EAAiBK,IAAgBA,EAAc,QAAQ,MAAS;AAAA,EAClE,GAAG,CAACF,GAAiCD,CAAgB,CAAC,GAEtDE,EAAU,MAAM;AACd,QAAI,CAACP,KAAiB,CAACE,EAAe;AAEtC,UAAMM,IAAgBH,EAAiB,KAAK,CAACb,MAAWA,EAAO,UAAUU,CAAa,GAEhFO,IAAiBD,IAAgBA,EAAc,SAAA,IAAa;AAElE,IAAAP,EAASQ,CAAc;AAAA,EAEzB,GAAG,CAACP,GAAeG,CAAgB,CAAC,GAEpCE,EAAU,MAAM;AACd,IAAKP,KACHG,EAAiB,MAAS;AAAA,EAE9B,GAAG,CAACH,CAAa,CAAC,GAEd,CAACF;AACH,WAAO;AAGT,QAAM,EAAE,aAAAY,GAAa,aAAAC,GAAa,OAAAC,EAAA,IAAUC,EAAiBlB,CAAK,GAE5DmB,IAAUxB,EAAkCe,CAAgB;AAElE,SACEU,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAJ,GAAc,UAAUF,GAClC,UAAAK,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAW7B;AAAA,MACX,aAAW;AAAA,MACX,aAAAuB;AAAA,MACA,OAAOT;AAAA,MACP,UAAU,CAACgB,MAAUf,EAAiBe,KAAS,MAAS;AAAA,MACxD,SAAAJ;AAAA,MACA,kBAAkBK,EAAK,EAAE,2BAA2B;AAAA,IAAA;AAAA,EAAA,GAExD;AAEJ;;;;","x_google_ignoreList":[0]}
1
+ {"version":3,"file":"index-Fhr_BPX0.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarFilled.mjs","../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.utils.ts","../src/remarkable-pro/components/editors/DateRangeSelectFieldPro/index.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.34.1 - MIT\n *\n * This source code is licensed under the MIT license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createReactComponent from '../createReactComponent.mjs';\n\nconst __iconNode = [[\"path\", { \"d\": \"M16 2a1 1 0 0 1 .993 .883l.007 .117v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 1.993 -.117l.007 .117v1h6v-1a1 1 0 0 1 1 -1zm3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16v-9.625z\", \"key\": \"svg-0\" }], [\"path\", { \"d\": \"M12 12a1 1 0 0 1 .993 .883l.007 .117v3a1 1 0 0 1 -1.993 .117l-.007 -.117v-2a1 1 0 0 1 -.117 -1.993l.117 -.007h1z\", \"key\": \"svg-1\" }]];\nconst IconCalendarFilled = createReactComponent(\"filled\", \"calendar-filled\", \"CalendarFilled\", __iconNode);\n\nexport { __iconNode, IconCalendarFilled as default };\n//# sourceMappingURL=IconCalendarFilled.mjs.map\n","import { DateRangeSelectFieldProOption } from './DateRangeSelectFieldPro.types';\nimport { SelectListOptionProps } from '../../../../remarkable-ui';\nimport { getTimeRangeLabel } from '../editors.timeRange.utils';\n\nexport const getDateRangeSelectFieldProOptions = (\n dateRangeSelectFieldProOptions: DateRangeSelectFieldProOption[],\n): SelectListOptionProps[] => {\n return dateRangeSelectFieldProOptions.map((option) => {\n return {\n rightLabel: getTimeRangeLabel(option.getRange(), option.dateFormat),\n value: option.value,\n label: option.label,\n };\n });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '../../../../remarkable-ui';\nimport { Theme } from '../../../theme/theme.types';\nimport { useLoadDayjsLocale } from '../../../utils.ts/date.utils';\nimport { getDateRangeSelectFieldProOptions } from './DateRangeSelectFieldPro.utils';\nimport { TimeRange } from '@embeddable.com/core';\nimport { resolveI18nProps } from '../../component.utils';\nimport { EditorCard } from '../shared/EditorCard/EditorCard';\nimport { IconCalendarFilled } from '@tabler/icons-react';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { useEffect, useState } from 'react';\n\ntype DateRangeSelectFieldProProps = {\n description?: string;\n onChange: (newDateRange: TimeRange) => void;\n placeholder?: string;\n selectedValue: TimeRange;\n title?: string;\n};\n\nconst DateRangeSelectFieldPro = (props: DateRangeSelectFieldProProps) => {\n const theme: Theme = useTheme() as Theme;\n const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n const { selectedValue, onChange } = props;\n const [internalValue, setInternalValue] = useState<string | undefined>(\n selectedValue?.relativeTimeString,\n );\n\n // When updation the selectedValue in the builder, the defined value value can:\n // 1. exist in the options: relativeTimeString converted into TimeRange and onChange is called with the TimeRange\n // 2. not exist in the options: onChange is called with undefined (resets)\n\n const dateRangeOptions = theme.defaults.dateRangesOptions;\n\n const selectedValueRelativeTimeString = selectedValue?.relativeTimeString;\n\n useEffect(() => {\n if (!selectedValueRelativeTimeString) return;\n\n const matchedOption = dateRangeOptions.find(\n (option) => option.value === selectedValueRelativeTimeString,\n );\n\n setInternalValue(matchedOption ? matchedOption.value : undefined);\n }, [selectedValueRelativeTimeString, dateRangeOptions]);\n\n useEffect(() => {\n if (!selectedValue && !internalValue) return;\n\n const matchedOption = dateRangeOptions.find((option) => option.value === internalValue);\n\n const newChangeValue = matchedOption ? matchedOption.getRange() : undefined;\n\n onChange(newChangeValue);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [internalValue, dateRangeOptions]);\n\n useEffect(() => {\n if (!selectedValue) {\n setInternalValue(undefined);\n }\n }, [selectedValue]);\n\n if (!dayjsLocaleReady) {\n return null;\n }\n\n const { description, placeholder, title } = resolveI18nProps(props);\n\n const options = getDateRangeSelectFieldProOptions(dateRangeOptions);\n\n return (\n <EditorCard title={title} subtitle={description}>\n <SingleSelectField\n startIcon={IconCalendarFilled}\n isClearable\n placeholder={placeholder}\n value={internalValue}\n onChange={(value) => setInternalValue(value || undefined)}\n options={options}\n noOptionsMessage={i18n.t('common.noOptionsAvailable')}\n />\n </EditorCard>\n );\n};\n\nexport default DateRangeSelectFieldPro;\n"],"names":["__iconNode","IconCalendarFilled","createReactComponent","getDateRangeSelectFieldProOptions","dateRangeSelectFieldProOptions","option","getTimeRangeLabel","DateRangeSelectFieldPro","props","theme","useTheme","dayjsLocaleReady","useLoadDayjsLocale","selectedValue","onChange","internalValue","setInternalValue","useState","dateRangeOptions","selectedValueRelativeTimeString","useEffect","matchedOption","newChangeValue","description","placeholder","title","resolveI18nProps","options","jsx","EditorCard","SingleSelectField","value","i18n"],"mappings":";;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,MAAMA,IAAa,CAAC,CAAC,QAAQ,EAAE,GAAK,iWAAiW,KAAO,QAAO,CAAE,GAAG,CAAC,QAAQ,EAAE,GAAK,oHAAoH,KAAO,QAAO,CAAE,CAAC,GACviBC,IAAqBC,EAAqB,UAAU,mBAAmB,kBAAkBF,CAAU,GCN5FG,IAAoC,CAC/CC,MAEOA,EAA+B,IAAI,CAACC,OAClC;AAAA,EACL,YAAYC,EAAkBD,EAAO,SAAA,GAAYA,EAAO,UAAU;AAAA,EAClE,OAAOA,EAAO;AAAA,EACd,OAAOA,EAAO;AAAA,EAEjB,GCOGE,IAA0B,CAACC,MAAwC;AACvE,QAAMC,IAAeC,EAAA,GACf,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GAEvB,EAAE,eAAAC,GAAe,UAAAC,EAAA,IAAaN,GAC9B,CAACO,GAAeC,CAAgB,IAAIC;AAAA,IACxCJ,KAAA,gBAAAA,EAAe;AAAA,EAAA,GAOXK,IAAmBT,EAAM,SAAS,mBAElCU,IAAkCN,KAAA,gBAAAA,EAAe;AA6BvD,MA3BAO,EAAU,MAAM;AACd,QAAI,CAACD,EAAiC;AAEtC,UAAME,IAAgBH,EAAiB;AAAA,MACrC,CAACb,MAAWA,EAAO,UAAUc;AAAA,IAAA;AAG/B,IAAAH,EAAiBK,IAAgBA,EAAc,QAAQ,MAAS;AAAA,EAClE,GAAG,CAACF,GAAiCD,CAAgB,CAAC,GAEtDE,EAAU,MAAM;AACd,QAAI,CAACP,KAAiB,CAACE,EAAe;AAEtC,UAAMM,IAAgBH,EAAiB,KAAK,CAACb,MAAWA,EAAO,UAAUU,CAAa,GAEhFO,IAAiBD,IAAgBA,EAAc,SAAA,IAAa;AAElE,IAAAP,EAASQ,CAAc;AAAA,EAEzB,GAAG,CAACP,GAAeG,CAAgB,CAAC,GAEpCE,EAAU,MAAM;AACd,IAAKP,KACHG,EAAiB,MAAS;AAAA,EAE9B,GAAG,CAACH,CAAa,CAAC,GAEd,CAACF;AACH,WAAO;AAGT,QAAM,EAAE,aAAAY,GAAa,aAAAC,GAAa,OAAAC,EAAA,IAAUC,EAAiBlB,CAAK,GAE5DmB,IAAUxB,EAAkCe,CAAgB;AAElE,SACEU,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAJ,GAAc,UAAUF,GAClC,UAAAK,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAW7B;AAAA,MACX,aAAW;AAAA,MACX,aAAAuB;AAAA,MACA,OAAOT;AAAA,MACP,UAAU,CAACgB,MAAUf,EAAiBe,KAAS,MAAS;AAAA,MACxD,SAAAJ;AAAA,MACA,kBAAkBK,EAAK,EAAE,2BAA2B;AAAA,IAAA;AAAA,EAAA,GAExD;AAEJ;;;;","x_google_ignoreList":[0]}
package/dist/index.js CHANGED
@@ -1,25 +1,25 @@
1
- import { I as v } from "./ChartCard-CACbKXZ7.js";
2
- import { C as bs, S as _s } from "./ChartCard-CACbKXZ7.js";
3
- import { j as s, a6 as m, a7 as _, a8 as S, a9 as I, aa as N, ab as $ } from "./component.constants-B1QqUi2G.js";
4
- import { ac as Cs, aj as gs, ad as ys, a0 as js, ai as ws, ak as vs, af as Ss, ag as Is, ae as Ns, ah as $s, T as Ts, d as ks, al as Ps, c as Bs, z as Ls, W as As, b as Ms, ax as Ds, ay as Fs, Y as Rs, Z as zs, am as Os, X as Ws, F as Es, C as qs, U as Ks, i as Vs, a3 as Xs, A as Gs, w as Us, a as Ys, a5 as Hs, r as Zs, p as Js, h as Qs, s as sa, g as aa, e as ea, az as ta, B as oa, f as na, at as ra, a1 as ia, as as ca, au as la, ar as ma, ap as ua, av as ha, aq as xa, an as da, ao as pa, aw as ba, t as _a, x as fa, v as Ca, l as ga, k as ya, y as ja, n as wa, u as va, q as Sa } from "./component.constants-B1QqUi2G.js";
1
+ import { I as v } from "./ChartCard-BMfUGlQC.js";
2
+ import { C as bs, S as _s } from "./ChartCard-BMfUGlQC.js";
3
+ import { j as s, a6 as m, a7 as _, a8 as S, a9 as I, aa as N, ab as $ } from "./component.constants-BtSbiLSA.js";
4
+ import { ac as Cs, ak as gs, ae as ys, ad as js, a0 as ws, aj as vs, al as Ss, ag as Is, ah as Ns, af as $s, ai as Ts, T as ks, d as Ps, am as Bs, c as Ls, z as As, W as Ms, b as Ds, ay as Fs, az as Rs, Y as zs, Z as Os, an as Ws, X as Es, F as qs, C as Ks, U as Vs, i as Xs, a3 as Gs, A as Us, w as Ys, a as Hs, a5 as Zs, r as Js, p as Qs, h as sa, s as aa, g as ea, e as ta, aA as oa, B as na, f as ra, au as ia, a1 as ca, at as la, av as ma, as as ua, aq as ha, aw as xa, ar as da, ao as pa, ap as ba, ax as _a, t as fa, x as Ca, v as ga, l as ya, k as ja, y as wa, n as va, u as Sa, q as Ia } from "./component.constants-BtSbiLSA.js";
5
5
  import { useRef as T, useState as k, useEffect as P } from "react";
6
- import { B } from "./BaseButton-Bf7IgH4E.js";
7
- import { E as Na, S as $a } from "./EditorCard-CNU8sUaR.js";
8
- import { B as g } from "./index-BcXLOYYi.js";
9
- import { b as ka, i as Pa } from "./index-BcXLOYYi.js";
10
- import { S as La } from "./SingleSelectField-AZ79m6bQ.js";
11
- import { K as Ma } from "./KpiChart-C-SmtMQp.js";
12
- import { r as Fa, s as Ra } from "./charts.utils-CQtEx-IN.js";
13
- import { g as Oa } from "./object.utils-BNKDL7Y9.js";
14
- import { g as Ea } from "./formatter.utils-B3HZzPUm.js";
15
- import { a as Ka, g as Va } from "./pies.utils-CPE4fxFn.js";
16
- import { i as Ga } from "./index-SdQVlaEz.js";
17
- import { i as Ya } from "./index-DyMUkLDE.js";
18
- import { i as Za } from "./index-Fs7N8msy.js";
19
- import { i as Qa } from "./index-Dye21BCa.js";
20
- import { i as ae } from "./index-DXHlr-gm.js";
21
- import { C as te } from "./ComparisonPeriod.type.emb-Q_A2MmQY.js";
22
- import { i as ne, s as re } from "./color.utils-CVyp-fGP.js";
6
+ import { B } from "./BaseButton-D3Nh2VwK.js";
7
+ import { E as $a, S as Ta } from "./EditorCard-tBhUO9qV.js";
8
+ import { B as g } from "./index-0EU9wBvd.js";
9
+ import { b as Pa, i as Ba } from "./index-0EU9wBvd.js";
10
+ import { S as Aa } from "./SingleSelectField-BwQahxL2.js";
11
+ import { K as Da } from "./KpiChart-CqS9-4MK.js";
12
+ import { r as Ra, s as za } from "./charts.utils-CtjnpTZZ.js";
13
+ import { g as Wa } from "./object.utils-BNKDL7Y9.js";
14
+ import { g as qa } from "./formatter.utils-DsSqaQLy.js";
15
+ import { a as Va, g as Xa } from "./pies.utils-DCRmuFgI.js";
16
+ import { i as Ua } from "./index-CVNg2zPD.js";
17
+ import { i as Ha } from "./index-BFMal406.js";
18
+ import { i as Ja } from "./index-Bgt_jnmA.js";
19
+ import { i as se } from "./index-CuyqPNAk.js";
20
+ import { i as ee } from "./index-Fhr_BPX0.js";
21
+ import { C as oe } from "./ComparisonPeriod.type.emb-9nwxR9Tl.js";
22
+ import { i as re, s as ie } from "./color.utils-CVyp-fGP.js";
23
23
  const L = "_container_436fl_1", A = "_column_436fl_10", M = "_box_436fl_20", D = "_short_436fl_26", F = "_tall_436fl_34", e = {
24
24
  container: L,
25
25
  column: A,
@@ -161,93 +161,94 @@ export {
161
161
  Cs as CardContentInfo,
162
162
  I as CardHeader,
163
163
  bs as ChartCard,
164
- te as ComparisonPeriodType,
164
+ oe as ComparisonPeriodType,
165
165
  hs as ConfirmCancelModal,
166
- ae as DateRangeSelectFieldPro,
166
+ ee as DateRangeSelectFieldPro,
167
167
  gs as DonutChart,
168
- Ya as DonutChartPro,
169
- Za as DonutLabelChartPro,
168
+ Ha as DonutChartPro,
169
+ Ja as DonutLabelChartPro,
170
170
  ys as Dropdown,
171
- Na as EditorCard,
171
+ $a as EditorCard,
172
172
  ls as EmptyStateSkeleton,
173
+ js as FieldErrorMessage,
173
174
  us as GhostButton,
174
175
  v as IconButton,
175
- Ma as KpiChart,
176
- js as LineChart,
177
- ka as MultiSelectField,
178
- Pa as MultiSelectFieldPro,
179
- ws as NumberField,
176
+ Da as KpiChart,
177
+ ws as LineChart,
178
+ Pa as MultiSelectField,
179
+ Ba as MultiSelectFieldPro,
180
+ vs as NumberField,
180
181
  G as PageOverlay,
181
- vs as PieChart,
182
- Ga as PieChartPro,
183
- Ss as SelectButton,
184
- Is as SelectList,
185
- Ns as SelectListOption,
186
- $a as SelectListOptions,
187
- La as SingleSelectField,
188
- Qa as SingleSelectFieldPro,
182
+ Ss as PieChart,
183
+ Ua as PieChartPro,
184
+ Is as SelectButton,
185
+ Ns as SelectList,
186
+ $s as SelectListOption,
187
+ Ta as SelectListOptions,
188
+ Aa as SingleSelectField,
189
+ se as SingleSelectFieldPro,
189
190
  _s as Skeleton,
190
191
  xs as Switch,
191
- $s as TextField,
192
+ Ts as TextField,
192
193
  _ as Typography,
193
- Ts as chartColors,
194
- ks as dataset,
195
- Ps as defaultPieChartOptions,
196
- Bs as description,
197
- Ls as dimension,
198
- As as dimensionTime,
199
- Ms as dimensionWithDateBounds,
200
- Ds as dimensions,
201
- Fs as displayPercentages,
202
- Rs as genericBoolean,
203
- zs as genericNumber,
204
- Os as genericString,
205
- Ws as genericTimeRange,
206
- Ka as getDefaultPieChartOptions,
207
- Oa as getObjectStableKey,
208
- Va as getPieChartData,
209
- Es as getStyle,
210
- qs as getStyleNumber,
211
- Ea as getThemeFormatter,
212
- Ks as i18n,
213
- Vs as i18nSetup,
214
- ne as isColorValid,
215
- Xs as maxLegendItems,
216
- Gs as maxResults,
217
- Us as measure,
218
- Ys as measures,
219
- Hs as placeholder,
220
- Fa as remarkableTheme,
221
- Zs as resolveI18nProps,
222
- Js as reverseXAxis,
223
- Qs as reverseYAxis,
224
- re as setColorAlpha,
225
- sa as showLegend,
226
- aa as showLogarithmicScale,
227
- ea as showTooltips,
228
- ta as showTopItems,
229
- oa as showTotalLabels,
230
- na as showValueLabels,
231
- Ra as styles,
232
- ra as subInputAbbreviateLargeNumber,
233
- ia as subInputColor,
234
- ca as subInputCurrency,
235
- la as subInputDateBounds,
236
- ma as subInputDecimalPlaces,
237
- ua as subInputDisplayName,
238
- ha as subInputGranularity,
239
- xa as subInputMaxCharacters,
240
- da as subInputPrefix,
241
- pa as subInputSuffix,
242
- ba as timeDimensionSubInputs,
243
- _a as title,
244
- fa as xAxisLabel,
245
- Ca as xAxisMaxItems,
246
- ga as xAxisRangeMax,
247
- ya as xAxisRangeMin,
248
- ja as yAxisLabel,
249
- wa as yAxisMaxItems,
250
- va as yAxisRangeMax,
251
- Sa as yAxisRangeMin
194
+ ks as chartColors,
195
+ Ps as dataset,
196
+ Bs as defaultPieChartOptions,
197
+ Ls as description,
198
+ As as dimension,
199
+ Ms as dimensionTime,
200
+ Ds as dimensionWithDateBounds,
201
+ Fs as dimensions,
202
+ Rs as displayPercentages,
203
+ zs as genericBoolean,
204
+ Os as genericNumber,
205
+ Ws as genericString,
206
+ Es as genericTimeRange,
207
+ Va as getDefaultPieChartOptions,
208
+ Wa as getObjectStableKey,
209
+ Xa as getPieChartData,
210
+ qs as getStyle,
211
+ Ks as getStyleNumber,
212
+ qa as getThemeFormatter,
213
+ Vs as i18n,
214
+ Xs as i18nSetup,
215
+ re as isColorValid,
216
+ Gs as maxLegendItems,
217
+ Us as maxResults,
218
+ Ys as measure,
219
+ Hs as measures,
220
+ Zs as placeholder,
221
+ Ra as remarkableTheme,
222
+ Js as resolveI18nProps,
223
+ Qs as reverseXAxis,
224
+ sa as reverseYAxis,
225
+ ie as setColorAlpha,
226
+ aa as showLegend,
227
+ ea as showLogarithmicScale,
228
+ ta as showTooltips,
229
+ oa as showTopItems,
230
+ na as showTotalLabels,
231
+ ra as showValueLabels,
232
+ za as styles,
233
+ ia as subInputAbbreviateLargeNumber,
234
+ ca as subInputColor,
235
+ la as subInputCurrency,
236
+ ma as subInputDateBounds,
237
+ ua as subInputDecimalPlaces,
238
+ ha as subInputDisplayName,
239
+ xa as subInputGranularity,
240
+ da as subInputMaxCharacters,
241
+ pa as subInputPrefix,
242
+ ba as subInputSuffix,
243
+ _a as timeDimensionSubInputs,
244
+ fa as title,
245
+ Ca as xAxisLabel,
246
+ ga as xAxisMaxItems,
247
+ ya as xAxisRangeMax,
248
+ ja as xAxisRangeMin,
249
+ wa as yAxisLabel,
250
+ va as yAxisMaxItems,
251
+ Sa as yAxisRangeMax,
252
+ Ia as yAxisRangeMin
252
253
  };
253
254
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
- import { r as u, g as b } from "./charts.utils-CQtEx-IN.js";
2
- import { g } from "./formatter.utils-B3HZzPUm.js";
1
+ import { r as u, g as b } from "./charts.utils-CtjnpTZZ.js";
2
+ import { g } from "./formatter.utils-DsSqaQLy.js";
3
3
  import { g as h, a as i } from "./object.utils-BNKDL7Y9.js";
4
- import { T as c, U as f } from "./component.constants-B1QqUi2G.js";
4
+ import { T as c, U as f } from "./component.constants-BtSbiLSA.js";
5
5
  import "react";
6
6
  const y = (a, o = u) => {
7
7
  const n = g(o);
@@ -72,4 +72,4 @@ export {
72
72
  F as a,
73
73
  y as g
74
74
  };
75
- //# sourceMappingURL=pies.utils-CPE4fxFn.js.map
75
+ //# sourceMappingURL=pies.utils-DCRmuFgI.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"pies.utils-CPE4fxFn.js","sources":["../src/remarkable-pro/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { chartColors } from '../../../../remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\n\nexport const getPieChartData = (\n props: {\n data: DataResponse['data'];\n dimension: Dimension;\n measure: Measure;\n maxLegendItems?: number;\n },\n theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n const themeFormatter = getThemeFormatter(theme);\n\n if (!props.data)\n return {\n labels: [],\n datasets: [{ data: [] }],\n };\n\n const groupedData = groupTailAsOther(\n props.data,\n props.dimension,\n [props.measure],\n props.maxLegendItems,\n );\n\n const themeKey = getObjectStableKey(theme);\n\n const backgroundColor = groupedData.map((item, i) =>\n getColor(\n `${themeKey}.charts.backgroundColors`,\n `${props.dimension.name}.${item[props.dimension.name]}`,\n theme.charts.backgroundColors ?? chartColors,\n i,\n ),\n );\n\n const borderColor = groupedData.map((item, i) =>\n getColor(\n `${themeKey}.charts.borderColors`,\n `${props.dimension.name}.${item[props.dimension.name]}`,\n theme.charts.borderColors ?? chartColors,\n i,\n ),\n );\n\n return {\n labels: groupedData.map((item) => {\n const value = item[props.dimension.name];\n const formattedValue = themeFormatter.data(props.dimension, value);\n\n // If formatter did not work, try i18n translation\n if (value === formattedValue) {\n return i18n.t(value);\n }\n return formattedValue;\n }),\n datasets: [\n {\n data: groupedData.map((item) => item[props.measure.name]),\n backgroundColor,\n borderColor,\n },\n ],\n };\n};\n\nexport type DefaultPieChartOptions = {\n measure: Measure;\n showTooltips: boolean;\n showLegend: boolean;\n showValueLabels: boolean;\n};\n\nexport const getDefaultPieChartOptions = (\n options: DefaultPieChartOptions,\n theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n const themeFormatter = getThemeFormatter(theme);\n\n return {\n plugins: {\n legend: { display: options.showLegend, position: theme.charts.legendPosition ?? 'bottom' },\n datalabels: {\n display: options.showValueLabels ? 'auto' : false,\n formatter: (value: string | number) => themeFormatter.data(options.measure, value),\n },\n tooltip: {\n enabled: options.showTooltips,\n callbacks: {\n label(context) {\n const raw = context.raw as number;\n const total = context.dataset.data.reduce(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (sum: number, v: any) => sum + parseFloat(v),\n 0,\n );\n const pct = Math.round((raw / total) * 100);\n return `${themeFormatter.data(options.measure, raw)} (${pct}%)`;\n },\n },\n },\n },\n };\n};\n"],"names":["getPieChartData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","themeKey","getObjectStableKey","backgroundColor","item","i","getColor","chartColors","borderColor","value","formattedValue","i18n","getDefaultPieChartOptions","options","context","raw","total","sum","v","pct"],"mappings":";;;;;AAWO,MAAMA,IAAkB,CAC7BC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAWC,EAAmBP,CAAK,GAEnCQ,IAAkBJ,EAAY;AAAA,IAAI,CAACK,GAAMC,MAC7CC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBY;AAAA,MACjCF;AAAA,IAAA;AAAA,EACF,GAGIG,IAAcT,EAAY;AAAA,IAAI,CAACK,GAAMC,MACzCC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBY;AAAA,MAC7BF;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQN,EAAY,IAAI,CAACK,MAAS;AAChC,YAAMK,IAAQL,EAAKV,EAAM,UAAU,IAAI,GACjCgB,IAAiBb,EAAe,KAAKH,EAAM,WAAWe,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMX,EAAY,IAAI,CAACK,MAASA,EAAKV,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAS;AAAA,QACA,aAAAK;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GASaI,IAA4B,CACvCC,GACAlB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,SAASkB,EAAQ,YAAY,UAAUlB,EAAM,OAAO,kBAAkB,SAAA;AAAA,MAChF,YAAY;AAAA,QACV,SAASkB,EAAQ,kBAAkB,SAAS;AAAA,QAC5C,WAAW,CAACJ,MAA2BZ,EAAe,KAAKgB,EAAQ,SAASJ,CAAK;AAAA,MAAA;AAAA,MAEnF,SAAS;AAAA,QACP,SAASI,EAAQ;AAAA,QACjB,WAAW;AAAA,UACT,MAAMC,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGnB,EAAe,KAAKgB,EAAQ,SAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UAC7D;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
1
+ {"version":3,"file":"pies.utils-DCRmuFgI.js","sources":["../src/remarkable-pro/components/charts/pies/pies.utils.ts"],"sourcesContent":["import { DataResponse, Dimension, Measure } from '@embeddable.com/core';\nimport { ChartData, ChartOptions } from 'chart.js';\nimport { groupTailAsOther } from '../charts.utils';\nimport { Theme } from '../../../theme/theme.types';\nimport { remarkableTheme } from '../../../theme/theme.constants';\nimport { getThemeFormatter } from '../../../theme/formatter/formatter.utils';\nimport { getColor } from '../../../theme/styles/styles.utils';\nimport { chartColors } from '../../../../remarkable-ui';\nimport { i18n } from '../../../theme/i18n/i18n';\nimport { getObjectStableKey } from '../../../utils.ts/object.utils';\n\nexport const getPieChartData = (\n props: {\n data: DataResponse['data'];\n dimension: Dimension;\n measure: Measure;\n maxLegendItems?: number;\n },\n theme: Theme = remarkableTheme,\n): ChartData<'pie'> => {\n const themeFormatter = getThemeFormatter(theme);\n\n if (!props.data)\n return {\n labels: [],\n datasets: [{ data: [] }],\n };\n\n const groupedData = groupTailAsOther(\n props.data,\n props.dimension,\n [props.measure],\n props.maxLegendItems,\n );\n\n const themeKey = getObjectStableKey(theme);\n\n const backgroundColor = groupedData.map((item, i) =>\n getColor(\n `${themeKey}.charts.backgroundColors`,\n `${props.dimension.name}.${item[props.dimension.name]}`,\n theme.charts.backgroundColors ?? chartColors,\n i,\n ),\n );\n\n const borderColor = groupedData.map((item, i) =>\n getColor(\n `${themeKey}.charts.borderColors`,\n `${props.dimension.name}.${item[props.dimension.name]}`,\n theme.charts.borderColors ?? chartColors,\n i,\n ),\n );\n\n return {\n labels: groupedData.map((item) => {\n const value = item[props.dimension.name];\n const formattedValue = themeFormatter.data(props.dimension, value);\n\n // If formatter did not work, try i18n translation\n if (value === formattedValue) {\n return i18n.t(value);\n }\n return formattedValue;\n }),\n datasets: [\n {\n data: groupedData.map((item) => item[props.measure.name]),\n backgroundColor,\n borderColor,\n },\n ],\n };\n};\n\nexport type DefaultPieChartOptions = {\n measure: Measure;\n showTooltips: boolean;\n showLegend: boolean;\n showValueLabels: boolean;\n};\n\nexport const getDefaultPieChartOptions = (\n options: DefaultPieChartOptions,\n theme: Theme = remarkableTheme,\n): Partial<ChartOptions<'pie'>> => {\n const themeFormatter = getThemeFormatter(theme);\n\n return {\n plugins: {\n legend: { display: options.showLegend, position: theme.charts.legendPosition ?? 'bottom' },\n datalabels: {\n display: options.showValueLabels ? 'auto' : false,\n formatter: (value: string | number) => themeFormatter.data(options.measure, value),\n },\n tooltip: {\n enabled: options.showTooltips,\n callbacks: {\n label(context) {\n const raw = context.raw as number;\n const total = context.dataset.data.reduce(\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n (sum: number, v: any) => sum + parseFloat(v),\n 0,\n );\n const pct = Math.round((raw / total) * 100);\n return `${themeFormatter.data(options.measure, raw)} (${pct}%)`;\n },\n },\n },\n },\n };\n};\n"],"names":["getPieChartData","props","theme","remarkableTheme","themeFormatter","getThemeFormatter","groupedData","groupTailAsOther","themeKey","getObjectStableKey","backgroundColor","item","i","getColor","chartColors","borderColor","value","formattedValue","i18n","getDefaultPieChartOptions","options","context","raw","total","sum","v","pct"],"mappings":";;;;;AAWO,MAAMA,IAAkB,CAC7BC,GAMAC,IAAeC,MACM;AACrB,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,MAAI,CAACD,EAAM;AACT,WAAO;AAAA,MACL,QAAQ,CAAA;AAAA,MACR,UAAU,CAAC,EAAE,MAAM,IAAI;AAAA,IAAA;AAG3B,QAAMK,IAAcC;AAAA,IAClBN,EAAM;AAAA,IACNA,EAAM;AAAA,IACN,CAACA,EAAM,OAAO;AAAA,IACdA,EAAM;AAAA,EAAA,GAGFO,IAAWC,EAAmBP,CAAK,GAEnCQ,IAAkBJ,EAAY;AAAA,IAAI,CAACK,GAAMC,MAC7CC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,oBAAoBY;AAAA,MACjCF;AAAA,IAAA;AAAA,EACF,GAGIG,IAAcT,EAAY;AAAA,IAAI,CAACK,GAAMC,MACzCC;AAAA,MACE,GAAGL,CAAQ;AAAA,MACX,GAAGP,EAAM,UAAU,IAAI,IAAIU,EAAKV,EAAM,UAAU,IAAI,CAAC;AAAA,MACrDC,EAAM,OAAO,gBAAgBY;AAAA,MAC7BF;AAAA,IAAA;AAAA,EACF;AAGF,SAAO;AAAA,IACL,QAAQN,EAAY,IAAI,CAACK,MAAS;AAChC,YAAMK,IAAQL,EAAKV,EAAM,UAAU,IAAI,GACjCgB,IAAiBb,EAAe,KAAKH,EAAM,WAAWe,CAAK;AAGjE,aAAIA,MAAUC,IACLC,EAAK,EAAEF,CAAK,IAEdC;AAAA,IACT,CAAC;AAAA,IACD,UAAU;AAAA,MACR;AAAA,QACE,MAAMX,EAAY,IAAI,CAACK,MAASA,EAAKV,EAAM,QAAQ,IAAI,CAAC;AAAA,QACxD,iBAAAS;AAAA,QACA,aAAAK;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ,GASaI,IAA4B,CACvCC,GACAlB,IAAeC,MACkB;AACjC,QAAMC,IAAiBC,EAAkBH,CAAK;AAE9C,SAAO;AAAA,IACL,SAAS;AAAA,MACP,QAAQ,EAAE,SAASkB,EAAQ,YAAY,UAAUlB,EAAM,OAAO,kBAAkB,SAAA;AAAA,MAChF,YAAY;AAAA,QACV,SAASkB,EAAQ,kBAAkB,SAAS;AAAA,QAC5C,WAAW,CAACJ,MAA2BZ,EAAe,KAAKgB,EAAQ,SAASJ,CAAK;AAAA,MAAA;AAAA,MAEnF,SAAS;AAAA,QACP,SAASI,EAAQ;AAAA,QACjB,WAAW;AAAA,UACT,MAAMC,GAAS;AACb,kBAAMC,IAAMD,EAAQ,KACdE,IAAQF,EAAQ,QAAQ,KAAK;AAAA;AAAA,cAEjC,CAACG,GAAaC,MAAWD,IAAM,WAAWC,CAAC;AAAA,cAC3C;AAAA,YAAA,GAEIC,IAAM,KAAK,MAAOJ,IAAMC,IAAS,GAAG;AAC1C,mBAAO,GAAGnB,EAAe,KAAKgB,EAAQ,SAASE,CAAG,CAAC,KAAKI,CAAG;AAAA,UAC7D;AAAA,QAAA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEJ;"}
@@ -6,6 +6,8 @@ export type InputFieldProps = Omit<React.InputHTMLAttributes<HTMLInputElement>,
6
6
  endIcon?: TablerIcon;
7
7
  onChange: (value: string) => void;
8
8
  clearable?: boolean;
9
+ error?: boolean;
10
+ errorMessage?: string;
9
11
  };
10
12
  export declare const InputField: import('react').ForwardRefExoticComponent<Omit<import('react').InputHTMLAttributes<HTMLInputElement>, "onChange"> & {
11
13
  value?: string;
@@ -14,5 +16,7 @@ export declare const InputField: import('react').ForwardRefExoticComponent<Omit<
14
16
  endIcon?: TablerIcon;
15
17
  onChange: (value: string) => void;
16
18
  clearable?: boolean;
19
+ error?: boolean;
20
+ errorMessage?: string;
17
21
  } & import('react').RefAttributes<HTMLInputElement>>;
18
22
  //# sourceMappingURL=InputField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/InputField/InputField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAMxD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,UAAU;YARb,MAAM;kBACA,MAAM;gBACR,UAAU;cACZ,UAAU;cACV,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gBACrB,OAAO;oDAkDpB,CAAC"}
1
+ {"version":3,"file":"InputField.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/InputField/InputField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAOxD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,GAAG;IAC5F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,UAAU;YAVb,MAAM;kBACA,MAAM;gBACR,UAAU;cACZ,UAAU;cACV,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI;gBACrB,OAAO;YACX,OAAO;mBACA,MAAM;oDAsDtB,CAAC"}
@@ -5,5 +5,7 @@ export declare const NumberField: import('react').ForwardRefExoticComponent<Omit
5
5
  min?: number;
6
6
  max?: number;
7
7
  onChange?: (value: number | null) => void;
8
+ error?: boolean;
9
+ errorMessage?: string;
8
10
  } & import('react').RefAttributes<HTMLInputElement>>;
9
11
  //# sourceMappingURL=NumberField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/NumberField/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAWvE,eAAO,MAAM,WAAW;YAPd,MAAM,GAAG,IAAI;WACd,MAAM;UACP,MAAM;UACN,MAAM;eACD,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI;oDA6B1C,CAAC"}
1
+ {"version":3,"file":"NumberField.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/NumberField/NumberField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAavE,eAAO,MAAM,WAAW;YATd,MAAM,GAAG,IAAI;WACd,MAAM;UACP,MAAM;UACN,MAAM;eACD,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI;YACjC,OAAO;mBACA,MAAM;oDAkCtB,CAAC"}
@@ -6,6 +6,8 @@ declare const meta: {
6
6
  min?: number;
7
7
  max?: number;
8
8
  onChange?: (value: number | null) => void;
9
+ error?: boolean;
10
+ errorMessage?: string;
9
11
  } & import('react').RefAttributes<HTMLInputElement>>;
10
12
  };
11
13
  export default meta;
@@ -16,4 +18,6 @@ export declare const Disabled: Story;
16
18
  export declare const WithMinMax: Story;
17
19
  export declare const WithStep: Story;
18
20
  export declare const WithStartIcon: Story;
21
+ export declare const WithError: Story;
22
+ export declare const WithErrorEmpty: Story;
19
23
  //# sourceMappingURL=NumberField.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"NumberField.stories.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/NumberField/NumberField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAMhE,QAAA,MAAM,IAAI;;;;;;;;CAE0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAC"}
1
+ {"version":3,"file":"NumberField.stories.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/NumberField/NumberField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAMhE,QAAA,MAAM,IAAI;;;;;;;;;;CAE0B,CAAC;AAErC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAgBnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAgBpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiBtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAkBvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAC"}
@@ -5,5 +5,7 @@ export declare const TextField: import('react').ForwardRefExoticComponent<Omit<i
5
5
  endIcon?: import('@tabler/icons-react').TablerIcon;
6
6
  onChange: (value: string) => void;
7
7
  clearable?: boolean;
8
+ error?: boolean;
9
+ errorMessage?: string;
8
10
  } & import('react').RefAttributes<HTMLInputElement>>;
9
11
  //# sourceMappingURL=TextField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/TextField/TextField.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;oDAoBrB,CAAC"}
1
+ {"version":3,"file":"TextField.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/TextField/TextField.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,SAAS;;;;;;;;;oDAsBrB,CAAC"}
@@ -7,6 +7,8 @@ declare const meta: {
7
7
  endIcon?: import('@tabler/icons-react').TablerIcon;
8
8
  onChange: (value: string) => void;
9
9
  clearable?: boolean;
10
+ error?: boolean;
11
+ errorMessage?: string;
10
12
  } & import('react').RefAttributes<HTMLInputElement>>;
11
13
  };
12
14
  export default meta;
@@ -20,4 +22,7 @@ export declare const WithMaxLength: Story;
20
22
  export declare const WithMaxLengthMaxed: Story;
21
23
  export declare const Required: Story;
22
24
  export declare const RequiredWithMaxLength: Story;
25
+ export declare const WithError: Story;
26
+ export declare const WithErrorEmpty: Story;
27
+ export declare const WithErrorAndMaxLength: Story;
23
28
  //# sourceMappingURL=TextField.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextField.stories.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/TextField/TextField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAMhE,QAAA,MAAM,IAAI;;;;;;;;;CAEwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAchC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAcnC,CAAC"}
1
+ {"version":3,"file":"TextField.stories.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/editors/TextField/TextField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAMhE,QAAA,MAAM,IAAI;;;;;;;;;;;CAEwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAchC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAcnC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAe5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,KAenC,CAAC"}
@@ -12,6 +12,8 @@ export type MultiSelectFieldProps = {
12
12
  values?: string[];
13
13
  onChange: (value: string[]) => void;
14
14
  onSearch?: (search: string) => void;
15
+ error?: boolean;
16
+ errorMessage?: string;
15
17
  };
16
18
  export declare const MultiSelectField: FC<MultiSelectFieldProps>;
17
19
  //# sourceMappingURL=MultiSelectField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AACjE,OAAO,EAEL,qBAAqB,EACtB,MAAM,0EAA0E,CAAC;AAYlF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAiJtD,CAAC"}
1
+ {"version":3,"file":"MultiSelectField.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AACjE,OAAO,EAEL,qBAAqB,EACtB,MAAM,0EAA0E,CAAC;AAalF,MAAM,MAAM,qBAAqB,GAAG;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CA2JtD,CAAC"}
@@ -8,4 +8,6 @@ export declare const Empty: Story;
8
8
  export declare const Filled: Story;
9
9
  export declare const Disabled: Story;
10
10
  export declare const WithState: Story;
11
+ export declare const WithError: Story;
12
+ export declare const WithErrorAndValue: Story;
11
13
  //# sourceMappingURL=MultiSelectField.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MultiSelectField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,IAAI;;CAE+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAenC,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC"}
1
+ {"version":3,"file":"MultiSelectField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/MultiSelectField/MultiSelectField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAKhE,QAAA,MAAM,IAAI;;CAE+B,CAAC;AAE1C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAenC,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC"}
@@ -13,6 +13,8 @@ export type SingleSelectFieldProps = {
13
13
  noOptionsMessage?: string;
14
14
  onChange: (value: string) => void;
15
15
  onSearch?: (search: string) => void;
16
+ error?: boolean;
17
+ errorMessage?: string;
16
18
  };
17
19
  export declare const SingleSelectField: FC<SingleSelectFieldProps>;
18
20
  //# sourceMappingURL=SingleSelectField.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SingleSelectField.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AAMjE,OAAO,EAEL,qBAAqB,EACtB,MAAM,0EAA0E,CAAC;AAElF,OAAO,EAAc,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAG7D,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAwGxD,CAAC"}
1
+ {"version":3,"file":"SingleSelectField.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAwC,MAAM,OAAO,CAAC;AAMjE,OAAO,EAEL,qBAAqB,EACtB,MAAM,0EAA0E,CAAC;AAElF,OAAO,EAAc,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAK7D,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAgHxD,CAAC"}
@@ -12,4 +12,6 @@ export declare const SmallButtonSmallText: () => import("react/jsx-runtime").JSX
12
12
  export declare const SmallButtonRightSideLabel: () => import("react/jsx-runtime").JSX.Element;
13
13
  export declare const WithStartIcon: Story;
14
14
  export declare const WithState: Story;
15
+ export declare const WithError: Story;
16
+ export declare const WithErrorAndValue: Story;
15
17
  //# sourceMappingURL=SingleSelectField.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SingleSelectField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAMhE,QAAA,MAAM,IAAI;;CAEgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkDnC,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAU/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAUhC,CAAC;AAEF,eAAO,MAAM,yBAAyB,+CAUrC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC"}
1
+ {"version":3,"file":"SingleSelectField.stories.d.ts","sourceRoot":"","sources":["../../../../../src/remarkable-ui/editors/select/SingleSelectField/SingleSelectField.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAMhE,QAAA,MAAM,IAAI;;CAEgC,CAAC;AAE3C,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkDnC,eAAO,MAAM,KAAK,EAAE,KAOnB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAOpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,+CAU/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,+CAUhC,CAAC;AAEF,eAAO,MAAM,yBAAyB,+CAUrC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAmBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAUvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC"}
@@ -6,5 +6,6 @@ export declare const SelectButton: import('react').ForwardRefExoticComponent<imp
6
6
  isClearable?: boolean;
7
7
  isLoading?: boolean;
8
8
  onClear?: () => void;
9
+ error?: boolean;
9
10
  } & import('react').RefAttributes<HTMLButtonElement>>;
10
11
  //# sourceMappingURL=SelectButton.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SelectButton.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-ui/editors/select/shared/SelectButton/SelectButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2C,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAc1F,eAAO,MAAM,YAAY;gBARX,UAAU;iBACT,MAAM;kBACL,MAAM;kBACN,OAAO;gBACT,OAAO;cACT,MAAM,IAAI;qDA2CrB,CAAC"}
1
+ {"version":3,"file":"SelectButton.d.ts","sourceRoot":"","sources":["../../../../../../src/remarkable-ui/editors/select/shared/SelectButton/SelectButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAA2C,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAe1F,eAAO,MAAM,YAAY;gBATX,UAAU;iBACT,MAAM;kBACL,MAAM;kBACN,OAAO;gBACT,OAAO;cACT,MAAM,IAAI;YACZ,OAAO;qDAgDhB,CAAC"}
@@ -3,6 +3,7 @@ export { EmptyStateSkeleton } from './shared/EmptyStateSkeleton/EmptyStateSkelet
3
3
  export { Card, CardContent, CardHeader } from './shared/Card/Card';
4
4
  export { CardContentInfo } from './shared/Card/CardContentInfo/CardContentInfo';
5
5
  export { Typography } from './shared/Typography/Typography';
6
+ export { FieldErrorMessage } from './shared/FieldErrorMessage/FieldErrorMessage';
6
7
  export { IconButton } from './shared/IconButton/IconButton';
7
8
  export { ButtonIcon } from './shared/ButtonIcon/ButtonIcon';
8
9
  export { Dropdown } from './shared/Dropdown/Dropdown';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/remarkable-ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,wFAAwF,CAAC;AAChG,OAAO,EAAE,iBAAiB,EAAE,MAAM,wEAAwE,CAAC;AAC3G,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,YAAY,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/remarkable-ui/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,8CAA8C,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,wFAAwF,CAAC;AAChG,OAAO,EAAE,iBAAiB,EAAE,MAAM,wEAAwE,CAAC;AAC3G,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AACjE,YAAY,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,mDAAmD,CAAC;AACjF,OAAO,EAAE,UAAU,EAAE,MAAM,+CAA+C,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,sDAAsD,CAAC;AACzF,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAGhE,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,MAAM,EAAE,KAAK,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC"}
@@ -0,0 +1,5 @@
1
+ export type FieldErrorMessageProps = {
2
+ message: string;
3
+ };
4
+ export declare const FieldErrorMessage: ({ message }: FieldErrorMessageProps) => import("react/jsx-runtime").JSX.Element;
5
+ //# sourceMappingURL=FieldErrorMessage.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FieldErrorMessage.d.ts","sourceRoot":"","sources":["../../../../src/remarkable-ui/shared/FieldErrorMessage/FieldErrorMessage.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,sBAAsB,GAAG;IACnC,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,aAAa,sBAAsB,4CAMpE,CAAC"}