@bitrise/bitkit-v2 0.3.481-beta.3111 → 0.3.481-beta.3113
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BitkitCalendar/BitkitCalendar.js +1 -1
- package/dist/components/BitkitCalendar/BitkitCalendar.js.map +1 -1
- package/dist/components/BitkitFilter/BitkitFilter.utils.d.ts +1 -0
- package/dist/components/BitkitFilter/BitkitFilter.utils.js +11 -1
- package/dist/components/BitkitFilter/BitkitFilter.utils.js.map +1 -1
- package/package.json +1 -1
|
@@ -10,7 +10,7 @@ var BitkitCalendar = forwardRef((props, ref) => {
|
|
|
10
10
|
const { children, dayTooltip, defaultValue, device = "desktop", footer, layout = "1-month", selectionMode = "range", min, max, onOpenChange, onValueChange, open, showOutsideDays: showOutsideDaysProp, showSelectedDate = false, value: inputValue, ...rest } = props;
|
|
11
11
|
const minCalendarDate = useMemo(() => min ? dateToCalendarDate(min) : void 0, [min]);
|
|
12
12
|
const maxCalendarDate = useMemo(() => max ? dateToCalendarDate(max) : void 0, [max]);
|
|
13
|
-
const value = inputValue
|
|
13
|
+
const value = inputValue === void 0 ? void 0 : (inputValue ?? []).map(dateToCalendarDate);
|
|
14
14
|
const inline = !children;
|
|
15
15
|
const content = /* @__PURE__ */ jsx(CalendarContent, {
|
|
16
16
|
dayTooltip,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitCalendar.js","names":[],"sources":["../../../lib/components/BitkitCalendar/BitkitCalendar.tsx"],"sourcesContent":["import { Portal } from '@chakra-ui/react/portal';\nimport { forwardRef, type ReactNode, useMemo } from 'react';\n\nimport { DatePicker } from '../../atoms/DatePicker/DatePicker';\nimport { calendarDateToDate, dateToCalendarDate } from './Calendar.utils';\nimport CalendarContent from './components/CalendarContent';\nimport CalendarTrigger from './components/CalendarTrigger';\n\nexport interface BitkitCalendarProps {\n children?: ReactNode;\n /** Text for a day's tooltip, e.g. why it can't be picked. Return `undefined` for no tooltip. */\n dayTooltip?: (date: Date) => string | undefined;\n defaultValue?: Date | Date[] | null;\n device?: 'desktop' | 'mobile';\n /**\n * Content under the month grid, inside the calendar card — e.g. Clear/Apply buttons that commit\n * the selection. With a footer, picking a range no longer closes the popover; closing is up to it.\n */\n footer?: ReactNode;\n layout?: '1-month' | '2-month';\n max?: Date;\n min?: Date;\n /** Called when the popover opens or closes. Pair it with `open` to control it. */\n onOpenChange?: (open: boolean) => void;\n onValueChange?: (value: Date[] | null) => void;\n /** Controls whether the popover is open. Only applies with a trigger (`children`). */\n open?: boolean;\n selectionMode?: 'day' | 'range';\n /** Shows the days of the neighbouring months. Defaults to `true` on the `1-month` layout, `false` on `2-month`. */\n showOutsideDays?: boolean;\n showSelectedDate?: boolean;\n value?: Date[] | null;\n}\n\nconst BitkitCalendar = forwardRef<HTMLDivElement, BitkitCalendarProps>((props, ref) => {\n const {\n children,\n dayTooltip,\n defaultValue,\n device = 'desktop',\n footer,\n layout = '1-month',\n selectionMode = 'range',\n min,\n max,\n onOpenChange,\n onValueChange,\n open,\n showOutsideDays: showOutsideDaysProp,\n showSelectedDate = false,\n value: inputValue,\n ...rest\n } = props;\n\n const minCalendarDate = useMemo(() => (min ? dateToCalendarDate(min) : undefined), [min]);\n const maxCalendarDate = useMemo(() => (max ? dateToCalendarDate(max) : undefined), [max]);\n\n const value = inputValue
|
|
1
|
+
{"version":3,"file":"BitkitCalendar.js","names":[],"sources":["../../../lib/components/BitkitCalendar/BitkitCalendar.tsx"],"sourcesContent":["import { Portal } from '@chakra-ui/react/portal';\nimport { forwardRef, type ReactNode, useMemo } from 'react';\n\nimport { DatePicker } from '../../atoms/DatePicker/DatePicker';\nimport { calendarDateToDate, dateToCalendarDate } from './Calendar.utils';\nimport CalendarContent from './components/CalendarContent';\nimport CalendarTrigger from './components/CalendarTrigger';\n\nexport interface BitkitCalendarProps {\n children?: ReactNode;\n /** Text for a day's tooltip, e.g. why it can't be picked. Return `undefined` for no tooltip. */\n dayTooltip?: (date: Date) => string | undefined;\n defaultValue?: Date | Date[] | null;\n device?: 'desktop' | 'mobile';\n /**\n * Content under the month grid, inside the calendar card — e.g. Clear/Apply buttons that commit\n * the selection. With a footer, picking a range no longer closes the popover; closing is up to it.\n */\n footer?: ReactNode;\n layout?: '1-month' | '2-month';\n max?: Date;\n min?: Date;\n /** Called when the popover opens or closes. Pair it with `open` to control it. */\n onOpenChange?: (open: boolean) => void;\n onValueChange?: (value: Date[] | null) => void;\n /** Controls whether the popover is open. Only applies with a trigger (`children`). */\n open?: boolean;\n selectionMode?: 'day' | 'range';\n /** Shows the days of the neighbouring months. Defaults to `true` on the `1-month` layout, `false` on `2-month`. */\n showOutsideDays?: boolean;\n showSelectedDate?: boolean;\n value?: Date[] | null;\n}\n\nconst BitkitCalendar = forwardRef<HTMLDivElement, BitkitCalendarProps>((props, ref) => {\n const {\n children,\n dayTooltip,\n defaultValue,\n device = 'desktop',\n footer,\n layout = '1-month',\n selectionMode = 'range',\n min,\n max,\n onOpenChange,\n onValueChange,\n open,\n showOutsideDays: showOutsideDaysProp,\n showSelectedDate = false,\n value: inputValue,\n ...rest\n } = props;\n\n const minCalendarDate = useMemo(() => (min ? dateToCalendarDate(min) : undefined), [min]);\n const maxCalendarDate = useMemo(() => (max ? dateToCalendarDate(max) : undefined), [max]);\n\n // `null` is a cleared selection, still controlled; only `undefined` leaves the picker uncontrolled.\n const value = inputValue === undefined ? undefined : (inputValue ?? []).map(dateToCalendarDate);\n\n const inline = !children;\n\n const content = (\n <CalendarContent\n dayTooltip={dayTooltip}\n device={device}\n footer={footer}\n layout={layout}\n max={maxCalendarDate}\n min={minCalendarDate}\n selectionMode={selectionMode}\n showSelectedDate={showSelectedDate}\n />\n );\n\n const showOutsideDays = showOutsideDaysProp ?? layout === '1-month';\n\n return (\n <DatePicker.Root\n closeOnSelect={!footer}\n defaultValue={\n defaultValue instanceof Array\n ? defaultValue.map(dateToCalendarDate)\n : defaultValue\n ? [dateToCalendarDate(defaultValue)]\n : undefined\n }\n device={device}\n layout={layout}\n numOfMonths={layout === '2-month' ? 2 : 1}\n onOpenChange={onOpenChange ? (details) => onOpenChange(details.open) : undefined}\n open={open}\n ref={ref}\n inline={inline}\n min={minCalendarDate}\n max={maxCalendarDate}\n onValueChange={\n onValueChange\n ? (details) => {\n const dates = details.value?.map(calendarDateToDate) || null;\n onValueChange(dates);\n }\n : undefined\n }\n selectionMode={selectionMode === 'day' ? 'single' : 'range'}\n showOutsideDays={showOutsideDays}\n startOfWeek={1}\n value={value}\n {...rest}\n >\n {!inline && (\n <DatePicker.Control>\n <CalendarTrigger>{children}</CalendarTrigger>\n </DatePicker.Control>\n )}\n {inline ? (\n content\n ) : (\n <Portal>\n <DatePicker.Positioner>{content}</DatePicker.Positioner>\n </Portal>\n )}\n </DatePicker.Root>\n );\n});\n\nBitkitCalendar.displayName = 'BitkitCalendar';\n\nexport default BitkitCalendar;\n"],"mappings":";;;;;;;;AAkCA,IAAM,iBAAiB,YAAiD,OAAO,QAAQ;CACrF,MAAM,EACJ,UACA,YACA,cACA,SAAS,WACT,QACA,SAAS,WACT,gBAAgB,SAChB,KACA,KACA,cACA,eACA,MACA,iBAAiB,qBACjB,mBAAmB,OACnB,OAAO,YACP,GAAG,SACD;CAEJ,MAAM,kBAAkB,cAAe,MAAM,mBAAmB,GAAG,IAAI,KAAA,GAAY,CAAC,GAAG,CAAC;CACxF,MAAM,kBAAkB,cAAe,MAAM,mBAAmB,GAAG,IAAI,KAAA,GAAY,CAAC,GAAG,CAAC;CAGxF,MAAM,QAAQ,eAAe,KAAA,IAAY,KAAA,KAAa,cAAc,CAAC,EAAA,CAAG,IAAI,kBAAkB;CAE9F,MAAM,SAAS,CAAC;CAEhB,MAAM,UACJ,oBAAC,iBAAD;EACc;EACJ;EACA;EACA;EACR,KAAK;EACL,KAAK;EACU;EACG;CACnB,CAAA;CAGH,MAAM,kBAAkB,uBAAuB,WAAW;CAE1D,OACE,qBAAC,WAAW,MAAZ;EACE,eAAe,CAAC;EAChB,cACE,wBAAwB,QACpB,aAAa,IAAI,kBAAkB,IACnC,eACE,CAAC,mBAAmB,YAAY,CAAC,IACjC,KAAA;EAEA;EACA;EACR,aAAa,WAAW,YAAY,IAAI;EACxC,cAAc,gBAAgB,YAAY,aAAa,QAAQ,IAAI,IAAI,KAAA;EACjE;EACD;EACG;EACR,KAAK;EACL,KAAK;EACL,eACE,iBACK,YAAY;GACX,MAAM,QAAQ,QAAQ,OAAO,IAAI,kBAAkB,KAAK;GACxD,cAAc,KAAK;EACrB,IACA,KAAA;EAEN,eAAe,kBAAkB,QAAQ,WAAW;EACnC;EACjB,aAAa;EACN;EACP,GAAI;EA9BN,UAAA,CAgCG,CAAC,UACA,oBAAC,WAAW,SAAZ,EAAA,UACE,oBAAC,iBAAD,EAAkB,SAA0B,CAAA,EAC1B,CAAA,GAErB,SACC,UAEA,oBAAC,QAAD,EAAA,UACE,oBAAC,WAAW,YAAZ,EAAA,UAAwB,QAA+B,CAAA,EACjD,CAAA,CAEK;;AAErB,CAAC;AAED,eAAe,cAAc"}
|
|
@@ -13,6 +13,7 @@ export declare const compilePattern: (pattern: string) => RegExp;
|
|
|
13
13
|
* acronym or name: "CI Providers" reads "CI providers", "PRs" and "iOS apps" stay as they are.
|
|
14
14
|
*/
|
|
15
15
|
export declare const toRunningText: (noun: string) => string;
|
|
16
|
+
/** `Sep 9 – Oct 8` within the current year; with the year on both ends once either falls outside it. */
|
|
16
17
|
export declare const formatDateRange: (range: Date[]) => string;
|
|
17
18
|
/** The last moment of the day `date` falls on, so a range ending that day includes all of it. */
|
|
18
19
|
export declare const endOfDay: (date: Date) => Date;
|
|
@@ -29,7 +29,17 @@ var dateFormat = new Intl.DateTimeFormat("en-US", {
|
|
|
29
29
|
day: "numeric",
|
|
30
30
|
month: "short"
|
|
31
31
|
});
|
|
32
|
-
var
|
|
32
|
+
var dateWithYearFormat = new Intl.DateTimeFormat("en-US", {
|
|
33
|
+
day: "numeric",
|
|
34
|
+
month: "short",
|
|
35
|
+
year: "numeric"
|
|
36
|
+
});
|
|
37
|
+
/** `Sep 9 – Oct 8` within the current year; with the year on both ends once either falls outside it. */
|
|
38
|
+
var formatDateRange = (range) => {
|
|
39
|
+
const thisYear = (/* @__PURE__ */ new Date()).getFullYear();
|
|
40
|
+
const format = range.every((date) => date.getFullYear() === thisYear) ? dateFormat : dateWithYearFormat;
|
|
41
|
+
return range.map((date) => format.format(date)).join(" – ");
|
|
42
|
+
};
|
|
33
43
|
/** The last moment of the day `date` falls on, so a range ending that day includes all of it. */
|
|
34
44
|
var endOfDay = (date) => {
|
|
35
45
|
const end = new Date(date);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BitkitFilter.utils.js","names":[],"sources":["../../../lib/components/BitkitFilter/BitkitFilter.utils.ts"],"sourcesContent":["export type FilterValue = string | string[] | Date[] | null;\n\n/** Typing in a search settles for this long before its callback fires. */\nexport const SEARCH_DEBOUNCE_MS = 300;\n\n/** Compares option lists as sets, since checking options in another order picks the same ones; dates by position. */\nexport const isEqualFilterValue = (a: FilterValue, b: FilterValue): boolean => {\n if (Array.isArray(a) && Array.isArray(b)) {\n if (a.length !== b.length) return false;\n if (a.every((item) => typeof item === 'string')) {\n const others = new Set<unknown>(b);\n return a.every((item) => others.has(item));\n }\n return a.every((item, index) => {\n const other = b[index];\n return item instanceof Date && other instanceof Date ? item.getTime() === other.getTime() : item === other;\n });\n }\n return a === b;\n};\n\n/** A filter value that holds no selection. */\nexport const isEmptyFilterValue = (value: FilterValue): boolean =>\n value === null || value === '' || (Array.isArray(value) && value.length === 0);\n\nconst regExpEscape = (text: string) => text.replace(/[|\\\\{}()[\\]^$+?.]/g, '\\\\$&');\n\nexport const isPattern = (value: string) => value.includes('*');\n\n/** Compiles a wildcard `pattern`, where `*` stands for any run of characters, to match whole texts. */\nexport const compilePattern = (pattern: string) => new RegExp(`^${pattern.split(/\\*+/).map(regExpEscape).join('.*')}$`);\n\n/**\n * Lowercases a noun for running text, keeping any word with a capital after its first letter as an\n * acronym or name: \"CI Providers\" reads \"CI providers\", \"PRs\" and \"iOS apps\" stay as they are.\n */\nexport const toRunningText = (noun: string) =>\n noun\n .split(' ')\n .map((word) => (/[A-Z]/.test(word.slice(1)) ? word : word.toLowerCase()))\n .join(' ');\n\nconst dateFormat = new Intl.DateTimeFormat('en-US', { day: 'numeric', month: 'short' });\n\nexport const formatDateRange = (range: Date[]) => range.
|
|
1
|
+
{"version":3,"file":"BitkitFilter.utils.js","names":[],"sources":["../../../lib/components/BitkitFilter/BitkitFilter.utils.ts"],"sourcesContent":["export type FilterValue = string | string[] | Date[] | null;\n\n/** Typing in a search settles for this long before its callback fires. */\nexport const SEARCH_DEBOUNCE_MS = 300;\n\n/** Compares option lists as sets, since checking options in another order picks the same ones; dates by position. */\nexport const isEqualFilterValue = (a: FilterValue, b: FilterValue): boolean => {\n if (Array.isArray(a) && Array.isArray(b)) {\n if (a.length !== b.length) return false;\n if (a.every((item) => typeof item === 'string')) {\n const others = new Set<unknown>(b);\n return a.every((item) => others.has(item));\n }\n return a.every((item, index) => {\n const other = b[index];\n return item instanceof Date && other instanceof Date ? item.getTime() === other.getTime() : item === other;\n });\n }\n return a === b;\n};\n\n/** A filter value that holds no selection. */\nexport const isEmptyFilterValue = (value: FilterValue): boolean =>\n value === null || value === '' || (Array.isArray(value) && value.length === 0);\n\nconst regExpEscape = (text: string) => text.replace(/[|\\\\{}()[\\]^$+?.]/g, '\\\\$&');\n\nexport const isPattern = (value: string) => value.includes('*');\n\n/** Compiles a wildcard `pattern`, where `*` stands for any run of characters, to match whole texts. */\nexport const compilePattern = (pattern: string) => new RegExp(`^${pattern.split(/\\*+/).map(regExpEscape).join('.*')}$`);\n\n/**\n * Lowercases a noun for running text, keeping any word with a capital after its first letter as an\n * acronym or name: \"CI Providers\" reads \"CI providers\", \"PRs\" and \"iOS apps\" stay as they are.\n */\nexport const toRunningText = (noun: string) =>\n noun\n .split(' ')\n .map((word) => (/[A-Z]/.test(word.slice(1)) ? word : word.toLowerCase()))\n .join(' ');\n\nconst dateFormat = new Intl.DateTimeFormat('en-US', { day: 'numeric', month: 'short' });\nconst dateWithYearFormat = new Intl.DateTimeFormat('en-US', { day: 'numeric', month: 'short', year: 'numeric' });\n\n/** `Sep 9 – Oct 8` within the current year; with the year on both ends once either falls outside it. */\nexport const formatDateRange = (range: Date[]) => {\n const thisYear = new Date().getFullYear();\n const format = range.every((date) => date.getFullYear() === thisYear) ? dateFormat : dateWithYearFormat;\n return range.map((date) => format.format(date)).join(' – ');\n};\n\n/** The last moment of the day `date` falls on, so a range ending that day includes all of it. */\nexport const endOfDay = (date: Date) => {\n const end = new Date(date);\n end.setHours(23, 59, 59, 999);\n return end;\n};\n"],"mappings":";;AAMA,IAAa,sBAAsB,GAAgB,MAA4B;CAC7E,IAAI,MAAM,QAAQ,CAAC,KAAK,MAAM,QAAQ,CAAC,GAAG;EACxC,IAAI,EAAE,WAAW,EAAE,QAAQ,OAAO;EAClC,IAAI,EAAE,OAAO,SAAS,OAAO,SAAS,QAAQ,GAAG;GAC/C,MAAM,SAAS,IAAI,IAAa,CAAC;GACjC,OAAO,EAAE,OAAO,SAAS,OAAO,IAAI,IAAI,CAAC;EAC3C;EACA,OAAO,EAAE,OAAO,MAAM,UAAU;GAC9B,MAAM,QAAQ,EAAE;GAChB,OAAO,gBAAgB,QAAQ,iBAAiB,OAAO,KAAK,QAAQ,MAAM,MAAM,QAAQ,IAAI,SAAS;EACvG,CAAC;CACH;CACA,OAAO,MAAM;AACf;;AAGA,IAAa,sBAAsB,UACjC,UAAU,QAAQ,UAAU,MAAO,MAAM,QAAQ,KAAK,KAAK,MAAM,WAAW;AAE9E,IAAM,gBAAgB,SAAiB,KAAK,QAAQ,sBAAsB,MAAM;AAEhF,IAAa,aAAa,UAAkB,MAAM,SAAS,GAAG;;AAG9D,IAAa,kBAAkB,YAAoB,IAAI,OAAO,IAAI,QAAQ,MAAM,KAAK,CAAC,CAAC,IAAI,YAAY,CAAC,CAAC,KAAK,IAAI,EAAE,EAAE;;;;;AAMtH,IAAa,iBAAiB,SAC5B,KACG,MAAM,GAAG,CAAC,CACV,KAAK,SAAU,QAAQ,KAAK,KAAK,MAAM,CAAC,CAAC,IAAI,OAAO,KAAK,YAAY,CAAE,CAAC,CACxE,KAAK,GAAG;AAEb,IAAM,aAAa,IAAI,KAAK,eAAe,SAAS;CAAE,KAAK;CAAW,OAAO;AAAQ,CAAC;AACtF,IAAM,qBAAqB,IAAI,KAAK,eAAe,SAAS;CAAE,KAAK;CAAW,OAAO;CAAS,MAAM;AAAU,CAAC;;AAG/G,IAAa,mBAAmB,UAAkB;CAChD,MAAM,4BAAW,IAAI,KAAK,EAAA,CAAE,YAAY;CACxC,MAAM,SAAS,MAAM,OAAO,SAAS,KAAK,YAAY,MAAM,QAAQ,IAAI,aAAa;CACrF,OAAO,MAAM,KAAK,SAAS,OAAO,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,KAAK;AAC5D;;AAGA,IAAa,YAAY,SAAe;CACtC,MAAM,MAAM,IAAI,KAAK,IAAI;CACzB,IAAI,SAAS,IAAI,IAAI,IAAI,GAAG;CAC5B,OAAO;AACT"}
|