@a-type/ui 3.0.34 → 3.0.35
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/cjs/components/datePicker/Calendar.js +7 -7
- package/dist/cjs/components/datePicker/Calendar.js.map +1 -1
- package/dist/cjs/components/datePicker/DateRangePicker.js +2 -2
- package/dist/cjs/components/datePicker/DateRangePicker.js.map +1 -1
- package/dist/css/main.css +5 -5
- package/dist/esm/components/datePicker/Calendar.js +7 -7
- package/dist/esm/components/datePicker/Calendar.js.map +1 -1
- package/dist/esm/components/datePicker/DateRangePicker.js +2 -2
- package/dist/esm/components/datePicker/DateRangePicker.js.map +1 -1
- package/package.json +1 -1
- package/src/components/datePicker/Calendar.tsx +27 -28
- package/src/components/datePicker/DateRangePicker.tsx +4 -4
|
@@ -18,20 +18,20 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
18
18
|
const calendar_blocks_1 = require("calendar-blocks");
|
|
19
19
|
const hooks_js_1 = require("../../hooks.js");
|
|
20
20
|
const index_js_1 = require("../button/index.js");
|
|
21
|
-
exports.MonthRow = (0, hooks_js_1.withClassName)('div', 'flex flex-row justify-between items-center w-full');
|
|
22
|
-
exports.MonthLabel = (0, hooks_js_1.withClassName)('span', 'text-sm font-bold min-w-0 overflow-hidden text-center text-ellipsis
|
|
21
|
+
exports.MonthRow = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:flex-row layer-components:justify-between layer-components:items-center layer-components:w-full');
|
|
22
|
+
exports.MonthLabel = (0, hooks_js_1.withClassName)('span', 'layer-components:text-sm layer-components:font-bold layer-components:min-w-0 layer-components:overflow-hidden layer-components:text-center layer-components:text-ellipsis layer-components:self-center');
|
|
23
23
|
exports.MonthButton = (0, hooks_js_1.withClassName)(index_js_1.Button, 'self-center');
|
|
24
|
-
exports.CalendarGridRoot = (0, hooks_js_1.withClassName)('div', 'grid grid-cols-[repeat(7,var(--day-size,32px))] [grid-auto-rows:var(--day-size,32px)]', 'height-[calc(var(--day-size,32px)*7)] rounded overflow-hidden p-2');
|
|
25
|
-
exports.DayLabel = (0, hooks_js_1.withClassName)('div', 'flex items-center justify-center text-sm color-gray-dark');
|
|
24
|
+
exports.CalendarGridRoot = (0, hooks_js_1.withClassName)('div', 'layer-components:grid layer-components:grid-cols-[repeat(7,var(--day-size,32px))] layer-components:[grid-auto-rows:var(--day-size,32px)]', 'layer-components:height-[calc(var(--day-size,32px)*7)] layer-components:rounded layer-components:overflow-hidden layer-components:p-2');
|
|
25
|
+
exports.DayLabel = (0, hooks_js_1.withClassName)('div', 'layer-components:flex layer-components:items-center layer-components:justify-center layer-components:text-sm layer-components:color-gray-dark');
|
|
26
26
|
const DayLabels = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.DayLabel, { children: "S" }), (0, jsx_runtime_1.jsx)(exports.DayLabel, { children: "M" }), (0, jsx_runtime_1.jsx)(exports.DayLabel, { children: "T" }), (0, jsx_runtime_1.jsx)(exports.DayLabel, { children: "W" }), (0, jsx_runtime_1.jsx)(exports.DayLabel, { children: "T" }), (0, jsx_runtime_1.jsx)(exports.DayLabel, { children: "F" }), (0, jsx_runtime_1.jsx)(exports.DayLabel, { children: "S" })] }));
|
|
27
27
|
exports.DayLabels = DayLabels;
|
|
28
28
|
function CalendarGrid(_a) {
|
|
29
29
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
30
30
|
return ((0, jsx_runtime_1.jsxs)(exports.CalendarGridRoot, { className: className, children: [(0, jsx_runtime_1.jsx)(exports.DayLabels, {}), (0, jsx_runtime_1.jsx)(calendar_blocks_1.CalendarDays, Object.assign({}, props))] }));
|
|
31
31
|
}
|
|
32
|
-
exports.CalendarDay = (0, hooks_js_1.withClassName)(calendar_blocks_1.CalendarDay, 'border border-solid border-transparent bg-white mr--1px mb--1px relative color-black', 'flex items-center justify-center transition cursor-pointer', '[&[data-highlighted]]:z-1 [&[data-highlighted]]:ring-2 [&[data-highlighted]]:ring-accent', 'hover:z-1 hover:ring-2 hover:ring-accent', 'active:bg-main-light active:rounded', '[&[data-selected]]:bg-main [&[data-selected]]:z-2 [&[data-selected]]:rounded', '[&[data-in-range]]:bg-main-light [&[data-in-range]]:rounded-none [&[data-in-range]]:z-1', '[&[data-range-start]]:bg-main [&[data-range-start]]:rounded-l [&[data-range-start]]:rounded-r-none [&[data-range-start]]:z-1', '[&[data-range-end]]:bg-main [&[data-range-end]]:rounded-r [&[data-range-end]]:rounded-l-none [&[data-range-end]]:z-1', '[&[data-disabled=true]]:opacity-50 [&[data-disabled=true]]:cursor-not-allowed',
|
|
32
|
+
exports.CalendarDay = (0, hooks_js_1.withClassName)(calendar_blocks_1.CalendarDay, 'layer-components:border layer-components:border-solid layer-components:border-transparent layer-components:bg-white layer-components:mr--1px layer-components:mb--1px layer-components:relative layer-components:color-black', 'layer-components:flex layer-components:items-center layer-components:justify-center layer-components:transition layer-components:cursor-pointer', 'layer-components:[&[data-highlighted]]:z-1 layer-components:[&[data-highlighted]]:ring-2 layer-components:[&[data-highlighted]]:ring-accent', 'layer-components:hover:z-1 layer-components:hover:ring-2 layer-components:hover:ring-accent', 'layer-components:active:bg-main-light layer-components:active:rounded', 'layer-components:[&[data-selected]]:bg-main layer-components:[&[data-selected]]:z-2 layer-components:[&[data-selected]]:rounded', 'layer-components:[&[data-in-range]]:bg-main-light layer-components:[&[data-in-range]]:rounded-none layer-components:[&[data-in-range]]:z-1', 'layer-components:[&[data-range-start]]:bg-main layer-components:[&[data-range-start]]:rounded-l layer-components:[&[data-range-start]]:rounded-r-none layer-components:[&[data-range-start]]:z-1', 'layer-components:[&[data-range-end]]:bg-main layer-components:[&[data-range-end]]:rounded-r layer-components:[&[data-range-end]]:rounded-l-none layer-components:[&[data-range-end]]:z-1', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-not-allowed',
|
|
33
33
|
// today dot
|
|
34
|
-
"[&[data-today]]:before:content-[''] [&[data-today]]:before:absolute [&[data-today]]:before:left-[1px] [&[data-today]]:before:top-[1px] [&[data-today]]:before:w-[6px] [&[data-today]]:before:h-[6px] [&[data-today]]:before:rounded-lg [&[data-today]]:before:bg-attention [&[data-today]]:before:border-1 [&[data-today]]:before:border-solid [&[data-today]]:before:border-black",
|
|
34
|
+
"layer-components:[&[data-today]]:before:content-[''] layer-components:[&[data-today]]:before:absolute layer-components:[&[data-today]]:before:left-[1px] layer-components:[&[data-today]]:before:top-[1px] layer-components:[&[data-today]]:before:w-[6px] layer-components:[&[data-today]]:before:h-[6px] layer-components:[&[data-today]]:before:rounded-lg layer-components:[&[data-today]]:before:bg-attention layer-components:[&[data-today]]:before:border-1 layer-components:[&[data-today]]:before:border-solid layer-components:[&[data-today]]:before:border-black",
|
|
35
35
|
// calendar edges
|
|
36
|
-
'[&[data-top-edge]]:border-t-gray', '[&[data-bottom-edge]]:border-b-gray', '[&[data-first-column]]:border-l-gray', '[&[data-last-column]]:border-r-gray', '[&[data-day-first]]:border-l-gray [&[data-day-first]]:rounded-tl', '[&[data-day-last]]:border-r-gray [&[data-day-last]]:rounded-br', '[&[data-first-column][data-bottom-edge]]:rounded-bl', '[&[data-last-column][data-bottom-edge]]:rounded-br', '[&[data-first-column][data-top-edge]]:rounded-tl', '[&[data-last-column][data-top-edge]]:rounded-tr', '[&[data-different-month]]:[visibility:hidden]');
|
|
36
|
+
'layer-components:[&[data-top-edge]]:border-t-gray', 'layer-components:[&[data-bottom-edge]]:border-b-gray', 'layer-components:[&[data-first-column]]:border-l-gray', 'layer-components:[&[data-last-column]]:border-r-gray', 'layer-components:[&[data-day-first]]:border-l-gray layer-components:[&[data-day-first]]:rounded-tl', 'layer-components:[&[data-day-last]]:border-r-gray layer-components:[&[data-day-last]]:rounded-br', 'layer-components:[&[data-first-column][data-bottom-edge]]:rounded-bl', 'layer-components:[&[data-last-column][data-bottom-edge]]:rounded-br', 'layer-components:[&[data-first-column][data-top-edge]]:rounded-tl', 'layer-components:[&[data-last-column][data-top-edge]]:rounded-tr', 'layer-components:[&[data-different-month]]:[visibility:hidden]');
|
|
37
37
|
//# sourceMappingURL=Calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/datePicker/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../src/components/datePicker/Calendar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AA2CA,oCAUC;;AArDD,qDAIyB;AACzB,6CAA+C;AAC/C,iDAA4C;AAE/B,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,sEAAsE,CACtE,CAAC;AAEW,QAAA,UAAU,GAAG,IAAA,wBAAa,EACtC,MAAM,EACN,oGAAoG,CACpG,CAAC;AAEW,QAAA,WAAW,GAAG,IAAA,wBAAa,EAAC,iBAAM,EAAE,aAAa,CAAC,CAAC;AAEnD,QAAA,gBAAgB,GAAG,IAAA,wBAAa,EAC5C,KAAK,EACL,0GAA0G,EAC1G,sFAAsF,CACtF,CAAC;AAEW,QAAA,QAAQ,GAAG,IAAA,wBAAa,EACpC,KAAK,EACL,6EAA6E,CAC7E,CAAC;AAEK,MAAM,SAAS,GAAG,GAAG,EAAE,CAAC,CAC9B,6DACC,uBAAC,gBAAQ,oBAAa,EACtB,uBAAC,gBAAQ,oBAAa,EACtB,uBAAC,gBAAQ,oBAAa,EACtB,uBAAC,gBAAQ,oBAAa,EACtB,uBAAC,gBAAQ,oBAAa,EACtB,uBAAC,gBAAQ,oBAAa,EACtB,uBAAC,gBAAQ,oBAAa,IACpB,CACH,CAAC;AAVW,QAAA,SAAS,aAUpB;AAEF,SAAgB,YAAY,CAAC,EAGgB;QAHhB,EAC5B,SAAS,OAEmC,EADzC,KAAK,cAFoB,aAG5B,CADQ;IAER,OAAO,CACN,wBAAC,wBAAgB,IAAC,SAAS,EAAE,SAAS,aACrC,uBAAC,iBAAS,KAAG,EACb,uBAAC,8BAAY,oBAAK,KAAK,EAAI,IACT,CACnB,CAAC;AACH,CAAC;AAEY,QAAA,WAAW,GAAG,IAAA,wBAAa,EACvC,6BAAe,EACf,yGAAyG,EACzG,+EAA+E,EAC/E,iEAAiE,EACjE,iDAAiD,EACjD,iDAAiD,EACjD,2DAA2D,EAC3D,sEAAsE,EACtE,+EAA+E,EAC/E,6EAA6E,EAC7E,0EAA0E;AAC1E,YAAY;AACZ,iKAAiK;AACjK,iBAAiB;AACjB,qDAAqD,EACrD,wDAAwD,EACxD,yDAAyD,EACzD,wDAAwD,EACxD,iEAAiE,EACjE,gEAAgE,EAChE,sEAAsE,EACtE,qEAAqE,EACrE,mEAAmE,EACnE,kEAAkE,EAClE,gEAAgE,CAChE,CAAC"}
|
|
@@ -23,7 +23,7 @@ const react_1 = require("react");
|
|
|
23
23
|
const hooks_js_1 = require("../../hooks.js");
|
|
24
24
|
const Icon_js_1 = require("../icon/Icon.js");
|
|
25
25
|
const Calendar_js_1 = require("./Calendar.js");
|
|
26
|
-
const RangeLayout = (0, hooks_js_1.withClassName)('div', 'grid [grid-template-areas:"prevMonth_leftMonth_nextMonth""leftGrid_leftGrid_leftGrid"] [grid-template-columns:auto_1fr_auto]', '[grid-template-rows:auto_1fr] gap-2', 'sm:grid-areas-[prevMonth_leftMonth_rightMonth_nextMonth]-[leftGrid_leftGrid_rightGrid_rightGrid] sm:[grid-template-columns:auto_1fr_1fr_auto]');
|
|
26
|
+
const RangeLayout = (0, hooks_js_1.withClassName)('div', 'layer-components:grid layer-components:[grid-template-areas:"prevMonth_leftMonth_nextMonth""leftGrid_leftGrid_leftGrid"] layer-components:[grid-template-columns:auto_1fr_auto]', 'layer-components:[grid-template-rows:auto_1fr] layer-components:gap-2', 'layer-components:sm:grid-areas-[prevMonth_leftMonth_rightMonth_nextMonth]-[leftGrid_leftGrid_rightGrid_rightGrid] sm:[grid-template-columns:auto_1fr_1fr_auto]');
|
|
27
27
|
function DateRangePickerMonthControls() {
|
|
28
28
|
const { setDisplayInfo, month, year } = (0, calendar_blocks_1.useCalendarContext)();
|
|
29
29
|
const monthLabel = new Date(year, month).toLocaleDateString('en-US', {
|
|
@@ -69,7 +69,7 @@ function DateRangePickerRoot(_a) {
|
|
|
69
69
|
year: newYear,
|
|
70
70
|
});
|
|
71
71
|
}, [month, year]);
|
|
72
|
-
return ((0, jsx_runtime_1.jsx)(calendar_blocks_1.Calendar, Object.assign({ displayMonth: month, displayYear: year, rangeValue: value, onRangeChange: (range) => onChange(range), onDisplayChange: onDisplayChange, className: (0, clsx_1.default)('flex justify-center', color && `palette-${color}`, className) }, rest, { children: (0, jsx_runtime_1.jsx)(RangeLayout, { children: children }) })));
|
|
72
|
+
return ((0, jsx_runtime_1.jsx)(calendar_blocks_1.Calendar, Object.assign({ displayMonth: month, displayYear: year, rangeValue: value, onRangeChange: (range) => onChange(range), onDisplayChange: onDisplayChange, className: (0, clsx_1.default)('layer-components:flex layer-components:justify-center', color && `palette-${color}`, className) }, rest, { children: (0, jsx_runtime_1.jsx)(RangeLayout, { children: children }) })));
|
|
73
73
|
}
|
|
74
74
|
function DateRangePickerBase(props) {
|
|
75
75
|
return ((0, jsx_runtime_1.jsxs)(DateRangePickerRoot, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsx)(DateRangePickerMonthControls, {}), (0, jsx_runtime_1.jsx)(Calendar_js_1.CalendarGrid, { className: "[grid-area:leftGrid]", children: (value) => (0, jsx_runtime_1.jsx)(Calendar_js_1.CalendarDay, { value: value }, value.key) }), (0, jsx_runtime_1.jsx)(Calendar_js_1.CalendarGrid, { className: "[grid-area:rightGrid] !hidden !sm:grid", monthOffset: 1, children: (value) => (0, jsx_runtime_1.jsx)(Calendar_js_1.CalendarDay, { value: value }, value.key) })] })));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,qDAA6E;AAC7E,gDAAwB;AACxB,iCAAyD;AACzD,6CAA+C;AAE/C,6CAAuC;AACvC,+CAMuB;AAEvB,MAAM,WAAW,GAAG,IAAA,wBAAa,EAChC,KAAK,EACL,
|
|
1
|
+
{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../../../src/components/datePicker/DateRangePicker.tsx"],"names":[],"mappings":"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"}
|