@spear-ai/spectral 1.16.3 → 1.16.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -20,16 +20,19 @@ const TimePicker = ({ className, date, hourFormat, locale, onChange, onPeriodCha
20
20
  const periodLabels = useMemo(() => getLocalizedPeriodLabels(resolvedLocale), [resolvedLocale]);
21
21
  const selectPeriodAriaLabel = useMemo(() => formatSelectPeriodLabel(periodLabels, mergedTranslations.selectPeriodTemplate), [mergedTranslations.selectPeriodTemplate, periodLabels]);
22
22
  const is24Hour = effectiveHourFormat === "24";
23
- const period = date ? getPeriodFromHours(date.getHours()) : "AM";
23
+ const period = date ? getPeriodFromHours(date.getHours()) : "am";
24
24
  const handlePeriodChange = (newPeriod) => {
25
25
  if (!date) {
26
+ const initialDate = /* @__PURE__ */ new Date();
27
+ initialDate.setHours(newPeriod === "pm" ? 12 : 0, 0, 0, 0);
28
+ onChange(initialDate);
26
29
  onPeriodChange?.(newPeriod);
27
30
  return;
28
31
  }
29
32
  const newDate = new Date(date);
30
33
  const currentHours = newDate.getHours();
31
34
  if (getPeriodFromHours(currentHours) !== newPeriod) {
32
- const adjustment = newPeriod === "PM" ? 12 : -12;
35
+ const adjustment = newPeriod === "pm" ? 12 : -12;
33
36
  newDate.setHours(currentHours + adjustment);
34
37
  onChange(newDate);
35
38
  }
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.js","names":[],"sources":["../../src/components/DateTimePicker/TimePicker.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { useMemo, useRef, type ComponentProps } from 'react'\nimport { DateTimeInput } from './DateTimeInput'\nimport { DEFAULT_TRANSLATIONS, detectHourFormat, formatSelectPeriodLabel, getLocalizedPeriodLabels, getPeriodFromHours, getResolvedLocale, type HourFormat, type Period, type TimePickerTranslations } from './DateTimeUtils'\nimport { TimePeriodSelect } from './TimePeriodSelect'\n\nexport interface TimePickerProps extends Omit<ComponentProps<'div'>, 'onChange'> {\n date: Date | undefined\n hourFormat?: HourFormat\n locale?: string\n onChange: (date: Date | undefined) => void\n onPeriodChange?: (newPeriod: Period) => void\n /** Override translation strings for ARIA labels */\n translations?: Partial<TimePickerTranslations>\n}\n\nexport const TimePicker = ({ className, date, hourFormat, locale, onChange, onPeriodChange, translations, ...props }: TimePickerProps) => {\n const minuteRef = useRef<HTMLInputElement>(null)\n const hourRef = useRef<HTMLInputElement>(null)\n const periodRef = useRef<HTMLButtonElement>(null)\n\n // Resolve locale with fallback chain\n const resolvedLocale = useMemo(() => getResolvedLocale(locale), [locale])\n\n // Merge translations with defaults\n const mergedTranslations = useMemo(() => ({ ...DEFAULT_TRANSLATIONS, ...translations }), [translations])\n\n // Auto-detect hour format from locale if not explicitly provided\n const effectiveHourFormat = useMemo(() => hourFormat ?? detectHourFormat(resolvedLocale), [hourFormat, resolvedLocale])\n\n // Get localized AM/PM labels\n const periodLabels = useMemo(() => getLocalizedPeriodLabels(resolvedLocale), [resolvedLocale])\n\n // Generate localized ARIA label for period select\n const selectPeriodAriaLabel = useMemo(() => formatSelectPeriodLabel(periodLabels, mergedTranslations.selectPeriodTemplate), [mergedTranslations.selectPeriodTemplate, periodLabels])\n\n const is24Hour = effectiveHourFormat === '24'\n const period = date ? getPeriodFromHours(date.getHours()) : 'AM'\n\n const handlePeriodChange = (newPeriod: Period) => {\n if (!date) {\n onPeriodChange?.(newPeriod)\n return\n }\n\n // Update the date to reflect the new period\n const newDate = new Date(date)\n const currentHours = newDate.getHours()\n const currentPeriod = getPeriodFromHours(currentHours)\n\n if (currentPeriod !== newPeriod) {\n // Toggle between AM and PM (add or subtract 12 hours)\n const adjustment = newPeriod === 'PM' ? 12 : -12\n newDate.setHours(currentHours + adjustment)\n onChange(newDate)\n }\n\n onPeriodChange?.(newPeriod)\n }\n\n return (\n <div aria-label={is24Hour ? mergedTranslations.timePicker24Hour : mergedTranslations.timePicker12Hour} className={cn('gap-1 inline-flex items-center', className)} data-slot='time-picker' data-testid='spectral-time-picker' role='group' {...props}>\n <DateTimeInput\n aria-label={is24Hour ? mergedTranslations.hours24 : mergedTranslations.hours12}\n className='w-12'\n data-testid='spectral-time-picker-hours'\n date={date}\n locale={resolvedLocale}\n onRightFocus={() => minuteRef.current?.focus()}\n period={is24Hour ? undefined : period}\n picker={is24Hour ? 'hours' : '12hours'}\n ref={hourRef}\n setDate={onChange}\n translations={mergedTranslations}\n />\n\n <span aria-hidden='true' className='select-none'>\n :\n </span>\n\n <DateTimeInput\n aria-label={mergedTranslations.minutes}\n className='w-12'\n data-testid='spectral-time-picker-minutes'\n date={date}\n locale={resolvedLocale}\n onLeftFocus={() => hourRef.current?.focus()}\n onRightFocus={!is24Hour ? () => periodRef.current?.focus() : undefined}\n period={is24Hour ? undefined : period}\n picker='minutes'\n ref={minuteRef}\n setDate={onChange}\n translations={mergedTranslations}\n />\n\n {!is24Hour && <TimePeriodSelect ariaLabel={selectPeriodAriaLabel} labels={periodLabels} onLeftFocus={() => minuteRef.current?.focus()} onPeriodChange={handlePeriodChange} period={period} ref={periodRef} />}\n </div>\n )\n}\nTimePicker.displayName = 'TimePicker'\n"],"mappings":";;;;;;;;;AAgBA,MAAa,cAAc,EAAE,WAAW,MAAM,YAAY,QAAQ,UAAU,gBAAgB,cAAc,GAAG,YAA6B;CACxI,MAAM,YAAY,OAAyB,KAAK;CAChD,MAAM,UAAU,OAAyB,KAAK;CAC9C,MAAM,YAAY,OAA0B,KAAK;CAGjD,MAAM,iBAAiB,cAAc,kBAAkB,OAAO,EAAE,CAAC,OAAO,CAAC;CAGzE,MAAM,qBAAqB,eAAe;EAAE,GAAG;EAAsB,GAAG;EAAc,GAAG,CAAC,aAAa,CAAC;CAGxG,MAAM,sBAAsB,cAAc,cAAc,iBAAiB,eAAe,EAAE,CAAC,YAAY,eAAe,CAAC;CAGvH,MAAM,eAAe,cAAc,yBAAyB,eAAe,EAAE,CAAC,eAAe,CAAC;CAG9F,MAAM,wBAAwB,cAAc,wBAAwB,cAAc,mBAAmB,qBAAqB,EAAE,CAAC,mBAAmB,sBAAsB,aAAa,CAAC;CAEpL,MAAM,WAAW,wBAAwB;CACzC,MAAM,SAAS,OAAO,mBAAmB,KAAK,UAAU,CAAC,GAAG;CAE5D,MAAM,sBAAsB,cAAsB;AAChD,MAAI,CAAC,MAAM;AACT,oBAAiB,UAAU;AAC3B;;EAIF,MAAM,UAAU,IAAI,KAAK,KAAK;EAC9B,MAAM,eAAe,QAAQ,UAAU;AAGvC,MAFsB,mBAAmB,aAExB,KAAK,WAAW;GAE/B,MAAM,aAAa,cAAc,OAAO,KAAK;AAC7C,WAAQ,SAAS,eAAe,WAAW;AAC3C,YAAS,QAAQ;;AAGnB,mBAAiB,UAAU;;AAG7B,QACE,qBAAC,OAAD;EAAK,cAAY,WAAW,mBAAmB,mBAAmB,mBAAmB;EAAkB,WAAW,GAAG,kCAAkC,UAAU;EAAE,aAAU;EAAc,eAAY;EAAuB,MAAK;EAAQ,GAAI;YAA/O;GACE,oBAAC,eAAD;IACE,cAAY,WAAW,mBAAmB,UAAU,mBAAmB;IACvE,WAAU;IACV,eAAY;IACN;IACN,QAAQ;IACR,oBAAoB,UAAU,SAAS,OAAO;IAC9C,QAAQ,WAAW,SAAY;IAC/B,QAAQ,WAAW,UAAU;IAC7B,KAAK;IACL,SAAS;IACT,cAAc;IACd;GAEF,oBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;cAAc;IAE1C;GAEP,oBAAC,eAAD;IACE,cAAY,mBAAmB;IAC/B,WAAU;IACV,eAAY;IACN;IACN,QAAQ;IACR,mBAAmB,QAAQ,SAAS,OAAO;IAC3C,cAAc,CAAC,iBAAiB,UAAU,SAAS,OAAO,GAAG;IAC7D,QAAQ,WAAW,SAAY;IAC/B,QAAO;IACP,KAAK;IACL,SAAS;IACT,cAAc;IACd;GAED,CAAC,YAAY,oBAAC,kBAAD;IAAkB,WAAW;IAAuB,QAAQ;IAAc,mBAAmB,UAAU,SAAS,OAAO;IAAE,gBAAgB;IAA4B;IAAQ,KAAK;IAAa;GACzM;;;AAGV,WAAW,cAAc"}
1
+ {"version":3,"file":"TimePicker.js","names":[],"sources":["../../src/components/DateTimePicker/TimePicker.tsx"],"sourcesContent":["import { cn } from '@utils/twUtils'\nimport { useMemo, useRef, type ComponentProps } from 'react'\nimport { DateTimeInput } from './DateTimeInput'\nimport { DEFAULT_TRANSLATIONS, detectHourFormat, formatSelectPeriodLabel, getLocalizedPeriodLabels, getPeriodFromHours, getResolvedLocale, type HourFormat, type Period, type TimePickerTranslations } from './DateTimeUtils'\nimport { TimePeriodSelect } from './TimePeriodSelect'\n\nexport interface TimePickerProps extends Omit<ComponentProps<'div'>, 'onChange'> {\n date: Date | undefined\n hourFormat?: HourFormat\n locale?: string\n onChange: (date: Date | undefined) => void\n onPeriodChange?: (newPeriod: Period) => void\n /** Override translation strings for ARIA labels */\n translations?: Partial<TimePickerTranslations>\n}\n\nexport const TimePicker = ({ className, date, hourFormat, locale, onChange, onPeriodChange, translations, ...props }: TimePickerProps) => {\n const minuteRef = useRef<HTMLInputElement>(null)\n const hourRef = useRef<HTMLInputElement>(null)\n const periodRef = useRef<HTMLButtonElement>(null)\n\n // Resolve locale with fallback chain\n const resolvedLocale = useMemo(() => getResolvedLocale(locale), [locale])\n\n // Merge translations with defaults\n const mergedTranslations = useMemo(() => ({ ...DEFAULT_TRANSLATIONS, ...translations }), [translations])\n\n // Auto-detect hour format from locale if not explicitly provided\n const effectiveHourFormat = useMemo(() => hourFormat ?? detectHourFormat(resolvedLocale), [hourFormat, resolvedLocale])\n\n // Get localized am/pm labels\n const periodLabels = useMemo(() => getLocalizedPeriodLabels(resolvedLocale), [resolvedLocale])\n\n // Generate localized ARIA label for period select\n const selectPeriodAriaLabel = useMemo(() => formatSelectPeriodLabel(periodLabels, mergedTranslations.selectPeriodTemplate), [mergedTranslations.selectPeriodTemplate, periodLabels])\n\n const is24Hour = effectiveHourFormat === '24'\n const period = date ? getPeriodFromHours(date.getHours()) : 'am'\n\n const handlePeriodChange = (newPeriod: Period) => {\n if (!date) {\n // Match DateTimeInput behavior: initialize from today's date at midnight.\n const initialDate = new Date()\n initialDate.setHours(newPeriod === 'pm' ? 12 : 0, 0, 0, 0)\n onChange(initialDate)\n onPeriodChange?.(newPeriod)\n return\n }\n\n // Update the date to reflect the new period\n const newDate = new Date(date)\n const currentHours = newDate.getHours()\n const currentPeriod = getPeriodFromHours(currentHours)\n\n if (currentPeriod !== newPeriod) {\n // Toggle between am and pm (add or subtract 12 hours)\n const adjustment = newPeriod === 'pm' ? 12 : -12\n newDate.setHours(currentHours + adjustment)\n onChange(newDate)\n }\n\n onPeriodChange?.(newPeriod)\n }\n\n return (\n <div aria-label={is24Hour ? mergedTranslations.timePicker24Hour : mergedTranslations.timePicker12Hour} className={cn('gap-1 inline-flex items-center', className)} data-slot='time-picker' data-testid='spectral-time-picker' role='group' {...props}>\n <DateTimeInput\n aria-label={is24Hour ? mergedTranslations.hours24 : mergedTranslations.hours12}\n className='w-12'\n data-testid='spectral-time-picker-hours'\n date={date}\n locale={resolvedLocale}\n onRightFocus={() => minuteRef.current?.focus()}\n period={is24Hour ? undefined : period}\n picker={is24Hour ? 'hours' : '12hours'}\n ref={hourRef}\n setDate={onChange}\n translations={mergedTranslations}\n />\n\n <span aria-hidden='true' className='select-none'>\n :\n </span>\n\n <DateTimeInput\n aria-label={mergedTranslations.minutes}\n className='w-12'\n data-testid='spectral-time-picker-minutes'\n date={date}\n locale={resolvedLocale}\n onLeftFocus={() => hourRef.current?.focus()}\n onRightFocus={!is24Hour ? () => periodRef.current?.focus() : undefined}\n period={is24Hour ? undefined : period}\n picker='minutes'\n ref={minuteRef}\n setDate={onChange}\n translations={mergedTranslations}\n />\n\n {!is24Hour && <TimePeriodSelect ariaLabel={selectPeriodAriaLabel} labels={periodLabels} onLeftFocus={() => minuteRef.current?.focus()} onPeriodChange={handlePeriodChange} period={period} ref={periodRef} />}\n </div>\n )\n}\nTimePicker.displayName = 'TimePicker'\n"],"mappings":";;;;;;;;;AAgBA,MAAa,cAAc,EAAE,WAAW,MAAM,YAAY,QAAQ,UAAU,gBAAgB,cAAc,GAAG,YAA6B;CACxI,MAAM,YAAY,OAAyB,KAAK;CAChD,MAAM,UAAU,OAAyB,KAAK;CAC9C,MAAM,YAAY,OAA0B,KAAK;CAGjD,MAAM,iBAAiB,cAAc,kBAAkB,OAAO,EAAE,CAAC,OAAO,CAAC;CAGzE,MAAM,qBAAqB,eAAe;EAAE,GAAG;EAAsB,GAAG;EAAc,GAAG,CAAC,aAAa,CAAC;CAGxG,MAAM,sBAAsB,cAAc,cAAc,iBAAiB,eAAe,EAAE,CAAC,YAAY,eAAe,CAAC;CAGvH,MAAM,eAAe,cAAc,yBAAyB,eAAe,EAAE,CAAC,eAAe,CAAC;CAG9F,MAAM,wBAAwB,cAAc,wBAAwB,cAAc,mBAAmB,qBAAqB,EAAE,CAAC,mBAAmB,sBAAsB,aAAa,CAAC;CAEpL,MAAM,WAAW,wBAAwB;CACzC,MAAM,SAAS,OAAO,mBAAmB,KAAK,UAAU,CAAC,GAAG;CAE5D,MAAM,sBAAsB,cAAsB;AAChD,MAAI,CAAC,MAAM;GAET,MAAM,8BAAc,IAAI,MAAM;AAC9B,eAAY,SAAS,cAAc,OAAO,KAAK,GAAG,GAAG,GAAG,EAAE;AAC1D,YAAS,YAAY;AACrB,oBAAiB,UAAU;AAC3B;;EAIF,MAAM,UAAU,IAAI,KAAK,KAAK;EAC9B,MAAM,eAAe,QAAQ,UAAU;AAGvC,MAFsB,mBAAmB,aAExB,KAAK,WAAW;GAE/B,MAAM,aAAa,cAAc,OAAO,KAAK;AAC7C,WAAQ,SAAS,eAAe,WAAW;AAC3C,YAAS,QAAQ;;AAGnB,mBAAiB,UAAU;;AAG7B,QACE,qBAAC,OAAD;EAAK,cAAY,WAAW,mBAAmB,mBAAmB,mBAAmB;EAAkB,WAAW,GAAG,kCAAkC,UAAU;EAAE,aAAU;EAAc,eAAY;EAAuB,MAAK;EAAQ,GAAI;YAA/O;GACE,oBAAC,eAAD;IACE,cAAY,WAAW,mBAAmB,UAAU,mBAAmB;IACvE,WAAU;IACV,eAAY;IACN;IACN,QAAQ;IACR,oBAAoB,UAAU,SAAS,OAAO;IAC9C,QAAQ,WAAW,SAAY;IAC/B,QAAQ,WAAW,UAAU;IAC7B,KAAK;IACL,SAAS;IACT,cAAc;IACd;GAEF,oBAAC,QAAD;IAAM,eAAY;IAAO,WAAU;cAAc;IAE1C;GAEP,oBAAC,eAAD;IACE,cAAY,mBAAmB;IAC/B,WAAU;IACV,eAAY;IACN;IACN,QAAQ;IACR,mBAAmB,QAAQ,SAAS,OAAO;IAC3C,cAAc,CAAC,iBAAiB,UAAU,SAAS,OAAO,GAAG;IAC7D,QAAQ,WAAW,SAAY;IAC/B,QAAO;IACP,KAAK;IACL,SAAS;IACT,cAAc;IACd;GAED,CAAC,YAAY,oBAAC,kBAAD;IAAkB,WAAW;IAAuB,QAAQ;IAAc,mBAAmB,UAAU,SAAS,OAAO;IAAE,gBAAgB;IAA4B;IAAQ,KAAK;IAAa;GACzM;;;AAGV,WAAW,cAAc"}
@@ -0,0 +1,18 @@
1
+ 'use client';
2
+ import { IconProps } from "../components/Icons/iconTypes.js";
3
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
4
+
5
+ //#region src/components/Icons/LinkIcon.d.ts
6
+ declare const LinkIcon: (({
7
+ ref,
8
+ className,
9
+ title,
10
+ description,
11
+ size,
12
+ ...rest
13
+ }: IconProps) => _$react_jsx_runtime0.JSX.Element) & {
14
+ displayName: string;
15
+ };
16
+ //#endregion
17
+ export { LinkIcon };
18
+ //# sourceMappingURL=LinkIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LinkIcon.d.ts","names":[],"sources":["../../src/components/Icons/LinkIcon.tsx"],"mappings":";;;;;cAaa,QAAA;EAAQ,GAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAVyD,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -0,0 +1,43 @@
1
+ 'use client';
2
+ import { IconBase } from "./IconBase.js";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+
5
+ //#region src/components/Icons/LinkIcon.tsx
6
+ const IconLink = ({ ref, className, title, description, size = 24, ...rest }) => {
7
+ return /* @__PURE__ */ jsxs(IconBase, {
8
+ size,
9
+ className,
10
+ title,
11
+ description,
12
+ ref,
13
+ ...rest,
14
+ children: [
15
+ /* @__PURE__ */ jsx("path", {
16
+ d: "M9 15L15 9",
17
+ stroke: "currentColor",
18
+ strokeWidth: "2",
19
+ strokeLinecap: "round",
20
+ strokeLinejoin: "round"
21
+ }),
22
+ /* @__PURE__ */ jsx("path", {
23
+ d: "M11 6L11.463 5.464C12.4008 4.52633 13.6727 3.9996 14.9989 3.99969C16.325 3.99979 17.5968 4.52669 18.5345 5.4645C19.4722 6.40231 19.9989 7.67419 19.9988 9.00035C19.9987 10.3265 19.4718 11.5983 18.534 12.536L18 13",
24
+ stroke: "currentColor",
25
+ strokeWidth: "2",
26
+ strokeLinecap: "round",
27
+ strokeLinejoin: "round"
28
+ }),
29
+ /* @__PURE__ */ jsx("path", {
30
+ d: "M13 18L12.603 18.534C11.6542 19.4722 10.3738 19.9984 9.03949 19.9984C7.7052 19.9984 6.42474 19.4722 5.47599 18.534C5.00835 18.0716 4.63708 17.521 4.3837 16.9141C4.13032 16.3073 3.99985 15.6561 3.99985 14.9985C3.99985 14.3408 4.13032 13.6897 4.3837 13.0829C4.63708 12.476 5.00835 11.9254 5.47599 11.463L5.99999 11",
31
+ stroke: "currentColor",
32
+ strokeWidth: "2",
33
+ strokeLinecap: "round",
34
+ strokeLinejoin: "round"
35
+ })
36
+ ]
37
+ });
38
+ };
39
+ const LinkIcon = Object.assign(IconLink, { displayName: "LinkIcon" });
40
+
41
+ //#endregion
42
+ export { LinkIcon };
43
+ //# sourceMappingURL=LinkIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LinkIcon.js","names":[],"sources":["../../src/components/Icons/LinkIcon.tsx"],"sourcesContent":["import { IconBase } from './IconBase'\nimport { type IconProps } from './iconTypes'\n\nconst IconLink = ({ ref, className, title, description, size = 24, ...rest }: IconProps) => {\n return (\n <IconBase size={size} className={className} title={title} description={description} ref={ref} {...rest}>\n <path d='M9 15L15 9' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n <path d='M11 6L11.463 5.464C12.4008 4.52633 13.6727 3.9996 14.9989 3.99969C16.325 3.99979 17.5968 4.52669 18.5345 5.4645C19.4722 6.40231 19.9989 7.67419 19.9988 9.00035C19.9987 10.3265 19.4718 11.5983 18.534 12.536L18 13' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n <path d='M13 18L12.603 18.534C11.6542 19.4722 10.3738 19.9984 9.03949 19.9984C7.7052 19.9984 6.42474 19.4722 5.47599 18.534C5.00835 18.0716 4.63708 17.521 4.3837 16.9141C4.13032 16.3073 3.99985 15.6561 3.99985 14.9985C3.99985 14.3408 4.13032 13.6897 4.3837 13.0829C4.63708 12.476 5.00835 11.9254 5.47599 11.463L5.99999 11' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n </IconBase>\n )\n}\n\nexport const LinkIcon = Object.assign(IconLink, { displayName: 'LinkIcon' })\n"],"mappings":";;;;;AAGA,MAAM,YAAY,EAAE,KAAK,WAAW,OAAO,aAAa,OAAO,IAAI,GAAG,WAAsB;AAC1F,QACE,qBAAC,UAAD;EAAgB;EAAiB;EAAkB;EAAoB;EAAkB;EAAK,GAAI;YAAlG;GACE,oBAAC,QAAD;IAAM,GAAE;IAAa,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GAC1G,oBAAC,QAAD;IAAM,GAAE;IAAsN,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GACnT,oBAAC,QAAD;IAAM,GAAE;IAA2T,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GAC/Y;;;AAIf,MAAa,WAAW,OAAO,OAAO,UAAU,EAAE,aAAa,YAAY,CAAC"}
@@ -0,0 +1,18 @@
1
+ 'use client';
2
+ import { IconProps } from "../components/Icons/iconTypes.js";
3
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
4
+
5
+ //#region src/components/Icons/UnlinkIcon.d.ts
6
+ declare const UnlinkIcon: (({
7
+ ref,
8
+ className,
9
+ title,
10
+ description,
11
+ size,
12
+ ...rest
13
+ }: IconProps) => _$react_jsx_runtime0.JSX.Element) & {
14
+ displayName: string;
15
+ };
16
+ //#endregion
17
+ export { UnlinkIcon };
18
+ //# sourceMappingURL=UnlinkIcon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UnlinkIcon.d.ts","names":[],"sources":["../../src/components/Icons/UnlinkIcon.tsx"],"mappings":";;;;;cAiBa,UAAA;EAAU,GAAA;EAAA,SAAA;EAAA,KAAA;EAAA,WAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAdyD,SAAA,KAAS,oBAAA,CAAA,GAAA,CAAA,OAAA"}
@@ -0,0 +1,71 @@
1
+ 'use client';
2
+ import { IconBase } from "./IconBase.js";
3
+ import { jsx, jsxs } from "react/jsx-runtime";
4
+
5
+ //#region src/components/Icons/UnlinkIcon.tsx
6
+ const IconUnlink = ({ ref, className, title, description, size = 24, ...rest }) => {
7
+ return /* @__PURE__ */ jsxs(IconBase, {
8
+ size,
9
+ className,
10
+ title,
11
+ description,
12
+ ref,
13
+ ...rest,
14
+ children: [
15
+ /* @__PURE__ */ jsx("path", {
16
+ d: "M16.5455 21.0909V19.2727",
17
+ stroke: "currentColor",
18
+ strokeWidth: "2",
19
+ strokeLinecap: "round",
20
+ strokeLinejoin: "round"
21
+ }),
22
+ /* @__PURE__ */ jsx("path", {
23
+ d: "M9.27273 14.7273L14.7273 9.27273",
24
+ stroke: "currentColor",
25
+ strokeWidth: "2",
26
+ strokeLinecap: "round",
27
+ strokeLinejoin: "round"
28
+ }),
29
+ /* @__PURE__ */ jsx("path", {
30
+ d: "M11.0909 6.54546L11.5118 6.05818C12.3644 5.20575 13.5206 4.72691 14.7262 4.727C15.9318 4.72708 17.088 5.20609 17.9405 6.05864C18.7929 6.91119 19.2717 8.06745 19.2716 9.27305C19.2716 10.4787 18.7926 11.6348 17.94 12.4873L17.4545 12.9091",
31
+ stroke: "currentColor",
32
+ strokeWidth: "2",
33
+ strokeLinecap: "round",
34
+ strokeLinejoin: "round"
35
+ }),
36
+ /* @__PURE__ */ jsx("path", {
37
+ d: "M12.9091 17.4545L12.5482 17.94C11.6857 18.7929 10.5216 19.2713 9.30863 19.2713C8.09564 19.2713 6.93158 18.7929 6.06908 17.94C5.64395 17.5196 5.30644 17.0191 5.07609 16.4674C4.84574 15.9157 4.72713 15.3238 4.72713 14.7259C4.72713 14.128 4.84574 13.5361 5.07609 12.9844C5.30644 12.4327 5.64395 11.9322 6.06908 11.5118L6.54545 11.0909",
38
+ stroke: "currentColor",
39
+ strokeWidth: "2",
40
+ strokeLinecap: "round",
41
+ strokeLinejoin: "round"
42
+ }),
43
+ /* @__PURE__ */ jsx("path", {
44
+ d: "M19.2727 16.5455H21.0909",
45
+ stroke: "currentColor",
46
+ strokeWidth: "2",
47
+ strokeLinecap: "round",
48
+ strokeLinejoin: "round"
49
+ }),
50
+ /* @__PURE__ */ jsx("path", {
51
+ d: "M2.90909 7.45454H4.72727",
52
+ stroke: "currentColor",
53
+ strokeWidth: "2",
54
+ strokeLinecap: "round",
55
+ strokeLinejoin: "round"
56
+ }),
57
+ /* @__PURE__ */ jsx("path", {
58
+ d: "M7.45454 2.90909V4.72727",
59
+ stroke: "currentColor",
60
+ strokeWidth: "2",
61
+ strokeLinecap: "round",
62
+ strokeLinejoin: "round"
63
+ })
64
+ ]
65
+ });
66
+ };
67
+ const UnlinkIcon = Object.assign(IconUnlink, { displayName: "UnlinkIcon" });
68
+
69
+ //#endregion
70
+ export { UnlinkIcon };
71
+ //# sourceMappingURL=UnlinkIcon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UnlinkIcon.js","names":[],"sources":["../../src/components/Icons/UnlinkIcon.tsx"],"sourcesContent":["import { IconBase } from './IconBase'\nimport { type IconProps } from './iconTypes'\n\nconst IconUnlink = ({ ref, className, title, description, size = 24, ...rest }: IconProps) => {\n return (\n <IconBase size={size} className={className} title={title} description={description} ref={ref} {...rest}>\n <path d='M16.5455 21.0909V19.2727' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n <path d='M9.27273 14.7273L14.7273 9.27273' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n <path d='M11.0909 6.54546L11.5118 6.05818C12.3644 5.20575 13.5206 4.72691 14.7262 4.727C15.9318 4.72708 17.088 5.20609 17.9405 6.05864C18.7929 6.91119 19.2717 8.06745 19.2716 9.27305C19.2716 10.4787 18.7926 11.6348 17.94 12.4873L17.4545 12.9091' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n <path d='M12.9091 17.4545L12.5482 17.94C11.6857 18.7929 10.5216 19.2713 9.30863 19.2713C8.09564 19.2713 6.93158 18.7929 6.06908 17.94C5.64395 17.5196 5.30644 17.0191 5.07609 16.4674C4.84574 15.9157 4.72713 15.3238 4.72713 14.7259C4.72713 14.128 4.84574 13.5361 5.07609 12.9844C5.30644 12.4327 5.64395 11.9322 6.06908 11.5118L6.54545 11.0909' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n <path d='M19.2727 16.5455H21.0909' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n <path d='M2.90909 7.45454H4.72727' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n <path d='M7.45454 2.90909V4.72727' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n </IconBase>\n )\n}\n\nexport const UnlinkIcon = Object.assign(IconUnlink, { displayName: 'UnlinkIcon' })\n"],"mappings":";;;;;AAGA,MAAM,cAAc,EAAE,KAAK,WAAW,OAAO,aAAa,OAAO,IAAI,GAAG,WAAsB;AAC5F,QACE,qBAAC,UAAD;EAAgB;EAAiB;EAAkB;EAAoB;EAAkB;EAAK,GAAI;YAAlG;GACE,oBAAC,QAAD;IAAM,GAAE;IAA2B,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GACxH,oBAAC,QAAD;IAAM,GAAE;IAAmC,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GAChI,oBAAC,QAAD;IAAM,GAAE;IAA8O,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GAC3U,oBAAC,QAAD;IAAM,GAAE;IAA8U,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GAC3a,oBAAC,QAAD;IAAM,GAAE;IAA2B,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GACxH,oBAAC,QAAD;IAAM,GAAE;IAA2B,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GACxH,oBAAC,QAAD;IAAM,GAAE;IAA2B,QAAO;IAAe,aAAY;IAAI,eAAc;IAAQ,gBAAe;IAAU;GAC/G;;;AAIf,MAAa,aAAa,OAAO,OAAO,YAAY,EAAE,aAAa,cAAc,CAAC"}
package/dist/Icons.d.ts CHANGED
@@ -37,6 +37,7 @@ import { KeyboardIcon } from "./Icons/KeyboardIcon.js";
37
37
  import { LabelIcon } from "./Icons/LabelIcon.js";
38
38
  import { LassoIcon } from "./Icons/LassoIcon.js";
39
39
  import { LineToolIcon } from "./Icons/LineToolIcon.js";
40
+ import { LinkIcon } from "./Icons/LinkIcon.js";
40
41
  import { LiveViewIcon } from "./Icons/LiveViewIcon.js";
41
42
  import { LoaderIcon } from "./Icons/LoaderIcon.js";
42
43
  import { LocationIcon } from "./Icons/LocationIcon.js";
@@ -74,6 +75,7 @@ import { SyncIcon } from "./Icons/SyncIcon.js";
74
75
  import { SyncOffIcon } from "./Icons/SyncOffIcon.js";
75
76
  import { TrashIcon } from "./Icons/TrashIcon.js";
76
77
  import { UndoIcon } from "./Icons/UndoIcon.js";
78
+ import { UnlinkIcon } from "./Icons/UnlinkIcon.js";
77
79
  import { UploadIcon } from "./Icons/UploadIcon.js";
78
80
  import { User2Icon } from "./Icons/User2Icon.js";
79
81
  import { UserIcon } from "./Icons/UserIcon.js";
@@ -81,4 +83,4 @@ import { WarningIcon } from "./Icons/WarningIcon.js";
81
83
  import { ZoomAllIcon } from "./Icons/ZoomAllIcon.js";
82
84
  import { ZoomXIcon } from "./Icons/ZoomXIcon.js";
83
85
  import { ZoomYIcon } from "./Icons/ZoomYIcon.js";
84
- export { AdjustmentsIcon, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, BoxToolIcon, CalendarIcon, CheckCircleIcon, CheckSquareIcon, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DatabaseIcon, DeleteIcon, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, InfoIcon, KeyboardIcon, LabelIcon, LassoIcon, LineToolIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, PrinterIcon, ProgressCheckIcon, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, SettingsIcon, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, StackIcon, StarIcon, SyncIcon, SyncOffIcon, TrashIcon, UndoIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, ZoomAllIcon, ZoomXIcon, ZoomYIcon };
86
+ export { AdjustmentsIcon, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, BoxToolIcon, CalendarIcon, CheckCircleIcon, CheckSquareIcon, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DatabaseIcon, DeleteIcon, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, InfoIcon, KeyboardIcon, LabelIcon, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, PrinterIcon, ProgressCheckIcon, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, SettingsIcon, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, StackIcon, StarIcon, SyncIcon, SyncOffIcon, TrashIcon, UndoIcon, UnlinkIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, ZoomAllIcon, ZoomXIcon, ZoomYIcon };
package/dist/Icons.js CHANGED
@@ -37,6 +37,7 @@ import { KeyboardIcon } from "./Icons/KeyboardIcon.js";
37
37
  import { LabelIcon } from "./Icons/LabelIcon.js";
38
38
  import { LassoIcon } from "./Icons/LassoIcon.js";
39
39
  import { LineToolIcon } from "./Icons/LineToolIcon.js";
40
+ import { LinkIcon } from "./Icons/LinkIcon.js";
40
41
  import { LiveViewIcon } from "./Icons/LiveViewIcon.js";
41
42
  import { LoaderIcon } from "./Icons/LoaderIcon.js";
42
43
  import { LocationIcon } from "./Icons/LocationIcon.js";
@@ -74,6 +75,7 @@ import { SyncIcon } from "./Icons/SyncIcon.js";
74
75
  import { SyncOffIcon } from "./Icons/SyncOffIcon.js";
75
76
  import { TrashIcon } from "./Icons/TrashIcon.js";
76
77
  import { UndoIcon } from "./Icons/UndoIcon.js";
78
+ import { UnlinkIcon } from "./Icons/UnlinkIcon.js";
77
79
  import { UploadIcon } from "./Icons/UploadIcon.js";
78
80
  import { User2Icon } from "./Icons/User2Icon.js";
79
81
  import { UserIcon } from "./Icons/UserIcon.js";
@@ -82,4 +84,4 @@ import { ZoomAllIcon } from "./Icons/ZoomAllIcon.js";
82
84
  import { ZoomXIcon } from "./Icons/ZoomXIcon.js";
83
85
  import { ZoomYIcon } from "./Icons/ZoomYIcon.js";
84
86
 
85
- export { AdjustmentsIcon, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, BoxToolIcon, CalendarIcon, CheckCircleIcon, CheckSquareIcon, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DatabaseIcon, DeleteIcon, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, InfoIcon, KeyboardIcon, LabelIcon, LassoIcon, LineToolIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, PrinterIcon, ProgressCheckIcon, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, SettingsIcon, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, StackIcon, StarIcon, SyncIcon, SyncOffIcon, TrashIcon, UndoIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, ZoomAllIcon, ZoomXIcon, ZoomYIcon };
87
+ export { AdjustmentsIcon, AnalyzeIcon, AnnotationsIcon, ApprovedIcon, ArrowDownIcon, ArrowUpIcon, BoxToolIcon, CalendarIcon, CheckCircleIcon, CheckSquareIcon, CheckmarkIcon, ChevronDownIcon, ChevronUpIcon, ClockIcon, CloseCircleIcon, CloseIcon, Crosshairs2Icon, CrosshairsIcon, DashboardIcon, DatabaseIcon, DeleteIcon, DurationIcon, EditIcon, EmailIcon, EraserIcon, ErrorIcon, EyeClosedIcon, EyeClosedIcon2, EyeOpenIcon, FileDownloadIcon, GoToFirstIcon, GoToLastIcon, HarmonicCursorsIcon, InfoIcon, KeyboardIcon, LabelIcon, LassoIcon, LineToolIcon, LinkIcon, LiveViewIcon, LoaderIcon, LocationIcon, LogoutIcon, MaximizeIcon, MeasureIcon, MenuDotsIcon, MenuIcon, MessagesIcon, MetadataIcon, MinimizeIcon, MinusIcon, OntologyIcon, PanelIconClose, PanelIconOpen, PauseIcon, PlayIcon, PlusIcon, PolygonIcon, PrinterIcon, ProgressCheckIcon, ResetIcon, ReviewedIcon, ScissorsIcon, SearchIcon, SettingsIcon, SortAscendingIcon, SortAtoZIcon, SortDescendingIcon, SortZtoAIcon, SparklesIcon, StackIcon, StarIcon, SyncIcon, SyncOffIcon, TrashIcon, UndoIcon, UnlinkIcon, UploadIcon, User2Icon, UserIcon, WarningIcon, ZoomAllIcon, ZoomXIcon, ZoomYIcon };
@@ -0,0 +1,66 @@
1
+ 'use client';
2
+ import { BaseFormFieldProps, BaseOption, DropdownWidth, FormFieldState } from "./utils/formFieldUtils.js";
3
+ import { ReactNode, Ref } from "react";
4
+ import * as _$react_jsx_runtime0 from "react/jsx-runtime";
5
+
6
+ //#region src/components/InputSearch/InputSearch.d.ts
7
+ type InputSearchOption = BaseOption;
8
+ interface InputSearchProps extends Omit<BaseFormFieldProps, 'onChange' | 'state'> {
9
+ className?: string;
10
+ createOptionLabel?: (query: string) => ReactNode;
11
+ creatingLabel?: string;
12
+ defaultValue?: string;
13
+ dropdownWidth?: DropdownWidth;
14
+ emptyMessage?: string;
15
+ isCreating?: boolean;
16
+ labelClassName?: string;
17
+ onChange?: (value: string) => void;
18
+ onCreate?: (query: string) => void;
19
+ onValueChange?: (value: string) => void;
20
+ options: InputSearchOption[];
21
+ placeholder?: string;
22
+ renderOption?: (option: InputSearchOption) => ReactNode;
23
+ showSearchIcon?: boolean;
24
+ state?: Exclude<FormFieldState, 'disabled'>;
25
+ value?: string;
26
+ warningMessage?: BaseFormFieldProps['errorMessage'];
27
+ }
28
+ declare function InputSearch({
29
+ className,
30
+ createOptionLabel,
31
+ creatingLabel,
32
+ defaultValue,
33
+ disabled,
34
+ dropdownWidth,
35
+ emptyMessage,
36
+ errorMessage,
37
+ id,
38
+ isCreating,
39
+ label,
40
+ labelClassName,
41
+ messageReserveLines,
42
+ messageReserveSpace,
43
+ name,
44
+ onChange,
45
+ onCreate,
46
+ onValueChange,
47
+ options,
48
+ placeholder,
49
+ ref,
50
+ renderOption,
51
+ required,
52
+ showSearchIcon,
53
+ state,
54
+ value: valueProp,
55
+ warningMessage,
56
+ 'aria-describedby': ariaDescribedBy,
57
+ 'aria-label': ariaLabel
58
+ }: InputSearchProps & {
59
+ ref?: Ref<HTMLDivElement>;
60
+ }): _$react_jsx_runtime0.JSX.Element;
61
+ declare namespace InputSearch {
62
+ var displayName: string;
63
+ }
64
+ //#endregion
65
+ export { InputSearch, InputSearchOption, InputSearchProps };
66
+ //# sourceMappingURL=InputSearch.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputSearch.d.ts","names":[],"sources":["../src/components/InputSearch/InputSearch.tsx"],"mappings":";;;;;;KA0BY,iBAAA,GAAoB,UAAA;AAAA,UAEf,gBAAA,SAAyB,IAAA,CAAK,kBAAA;EAC7C,SAAA;EACA,iBAAA,IAAqB,KAAA,aAAkB,SAAA;EACvC,aAAA;EACA,YAAA;EACA,aAAA,GAAgB,aAAA;EAChB,YAAA;EACA,UAAA;EACA,cAAA;EACA,QAAA,IAAY,KAAA;EACZ,QAAA,IAAY,KAAA;EACZ,aAAA,IAAiB,KAAA;EACjB,OAAA,EAAS,iBAAA;EACT,WAAA;EACA,YAAA,IAAgB,MAAA,EAAQ,iBAAA,KAAsB,SAAA;EAC9C,cAAA;EACA,KAAA,GAAQ,OAAA,CAAQ,cAAA;EAChB,KAAA;EACA,cAAA,GAAiB,kBAAA;AAAA;AAAA;EAajB,SAAA;EACA,iBAAA;EACA,aAAA;EACA,YAAA;EACA,QAAA;EACA,aAAA;EACA,YAAA;EACA,YAAA;EACA,EAAA;EACA,UAAA;EACA,KAAA;EACA,cAAA;EACA,mBAAA;EACA,mBAAA;EACA,IAAA;EACA,QAAA;EACA,QAAA;EACA,aAAA;EACA,OAAA;EACA,WAAA;EACA,GAAA;EACA,YAAA;EACA,QAAA;EACA,cAAA;EACA,KAAA;EACA,KAAA,EAAO,SAAA;EACP,cAAA;EAAA,oBACoB,eAAA;EAAA,cACN;AAAA,GACb,gBAAA;EAAqB,GAAA,GAAM,GAAA,CAAI,cAAA;AAAA,IAAiB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA"}