@embeddable.com/remarkable-pro 0.0.11 → 0.0.12

package/dist/index-mp4eyizO.js

@@ -1,57 +0,0 @@
-import { s as R, j as d, S as b } from "./index-DjwSlZQY.js";
-import { useTheme as O } from "@embeddable.com/react";
-import { g as j, u as y } from "./editors.timeRange.utils-DTtRGaCo.js";
-import { $ as C, r as x, i as F } from "./component.constants-DmK3uQGY.js";
-import { E as T } from "./EditorCard-B95YC3pz.js";
-import { useState as _, useEffect as c } from "react";
-/**
- * @license @tabler/icons-react v3.36.0 - MIT
- *
- * This source code is licensed under the MIT license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const I = [["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" }]], L = R("filled", "calendar-filled", "CalendarFilled", I), z = (l) => l.map((t) => ({
-  rightLabel: j(t.getRange(), t.dateFormat),
-  value: t.value,
-  label: C(t.label)
-})), D = (l) => {
-  const t = O(), { dayjsLocaleReady: v } = y(), { selectedValue: e, clearable: m, onChange: g } = l, [o, i] = _(
-    e == null ? void 0 : e.relativeTimeString
-  ), n = t.defaults.dateRangesOptions, r = e == null ? void 0 : e.relativeTimeString;
-  if (c(() => {
-    if (!r) return;
-    const a = n.find(
-      (s) => s.value === r
-    );
-    i(a ? a.value : void 0);
-  }, [r, n]), c(() => {
-    if (!e && !o) return;
-    const a = n.find((S) => S.value === o), s = a ? a.getRange() : void 0;
-    g(s);
-  }, [o, n]), c(() => {
-    e || i(void 0);
-  }, [e]), !v)
-    return null;
-  const { description: u, placeholder: f, title: p } = x(l), h = z(n);
-  return /* @__PURE__ */ d.jsx(T, { title: p, subtitle: u, children: /* @__PURE__ */ d.jsx(
-    b,
-    {
-      startIcon: L,
-      clearable: m,
-      placeholder: f,
-      value: o,
-      onChange: (a) => i(a || void 0),
-      options: h,
-      noOptionsMessage: F.t("common.noOptionsAvailable")
-    }
-  ) });
-}, N = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: D
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  D,
-  z as g,
-  N as i
-};
-//# sourceMappingURL=index-mp4eyizO.js.map

package/dist/index-mp4eyizO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-mp4eyizO.js","sources":["../node_modules/@tabler/icons-react/dist/esm/icons/IconCalendarFilled.mjs","../src/components/editors/DateRangeSelectFieldPro/DateRangeSelectFieldPro.utils.ts","../src/components/editors/DateRangeSelectFieldPro/index.tsx"],"sourcesContent":["/**\n * @license @tabler/icons-react v3.36.0 - 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 '@embeddable.com/remarkable-ui';\nimport { getTimeRangeLabel } from '../editors.timeRange.utils';\nimport { resolveI18nString } from '../../component.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: resolveI18nString(option.label),\n    };\n  });\n};\n","import { useTheme } from '@embeddable.com/react';\nimport { SingleSelectField } from '@embeddable.com/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  clearable?: boolean;\n};\n\nconst DateRangeSelectFieldPro = (props: DateRangeSelectFieldProProps) => {\n  const theme: Theme = useTheme() as Theme;\n  const { dayjsLocaleReady } = useLoadDayjsLocale();\n\n  const { selectedValue, clearable, 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        clearable={clearable}\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","resolveI18nString","DateRangeSelectFieldPro","props","theme","useTheme","dayjsLocaleReady","useLoadDayjsLocale","selectedValue","clearable","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,GCL5FG,IAAoC,CAC/CC,MAEOA,EAA+B,IAAI,CAACC,OAClC;AAAA,EACL,YAAYC,EAAkBD,EAAO,SAAA,GAAYA,EAAO,UAAU;AAAA,EAClE,OAAOA,EAAO;AAAA,EACd,OAAOE,EAAkBF,EAAO,KAAK;AAAA,EAExC,GCOGG,IAA0B,CAACC,MAAwC;AACvE,QAAMC,IAAeC,EAAA,GACf,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GAEvB,EAAE,eAAAC,GAAe,WAAAC,GAAW,UAAAC,EAAA,IAAaP,GACzC,CAACQ,GAAeC,CAAgB,IAAIC;AAAA,IACxCL,KAAA,gBAAAA,EAAe;AAAA,EAAA,GAOXM,IAAmBV,EAAM,SAAS,mBAElCW,IAAkCP,KAAA,gBAAAA,EAAe;AA6BvD,MA3BAQ,EAAU,MAAM;AACd,QAAI,CAACD,EAAiC;AAEtC,UAAME,IAAgBH,EAAiB;AAAA,MACrC,CAACf,MAAWA,EAAO,UAAUgB;AAAA,IAAA;AAG/B,IAAAH,EAAiBK,IAAgBA,EAAc,QAAQ,MAAS;AAAA,EAClE,GAAG,CAACF,GAAiCD,CAAgB,CAAC,GAEtDE,EAAU,MAAM;AACd,QAAI,CAACR,KAAiB,CAACG,EAAe;AAEtC,UAAMM,IAAgBH,EAAiB,KAAK,CAACf,MAAWA,EAAO,UAAUY,CAAa,GAEhFO,IAAiBD,IAAgBA,EAAc,SAAA,IAAa;AAElE,IAAAP,EAASQ,CAAc;AAAA,EAEzB,GAAG,CAACP,GAAeG,CAAgB,CAAC,GAEpCE,EAAU,MAAM;AACd,IAAKR,KACHI,EAAiB,MAAS;AAAA,EAE9B,GAAG,CAACJ,CAAa,CAAC,GAEd,CAACF;AACH,WAAO;AAGT,QAAM,EAAE,aAAAa,GAAa,aAAAC,GAAa,OAAAC,EAAA,IAAUC,EAAiBnB,CAAK,GAE5DoB,IAAU1B,EAAkCiB,CAAgB;AAElE,SACEU,gBAAAA,EAAAA,IAACC,GAAA,EAAW,OAAAJ,GAAc,UAAUF,GAClC,UAAAK,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAW/B;AAAA,MACX,WAAAc;AAAA,MACA,aAAAW;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]}