@lowdefy/blocks-antd 5.6.0 → 6.1.0

package/dist/schemas/disabledDates.js

@@ -52,9 +52,13 @@
         },
         ranges: {
             type: 'array',
-            description: 'Array of date ranges to disable.',
+            description: 'Array of date ranges to disable. A range is an object with a from and a to date, or an array of the two dates.',
             items: {
-                type: 'object',
+                type: [
+                    'object',
+                    'array'
+                ],
+                description: 'A range as { from, to }, or as an array of a from and a to date.',
                 properties: {
                     from: {
                         type: [

package/dist/schemas/index.js

@@ -19,4 +19,5 @@ export { default as icon } from './icon.js';
 export { default as label } from './label.js';
 export { default as menuLinks } from './menuLinks.js';
 export { default as options } from './options.js';
+export { datePresets, dateRangePresets, dateTimePresets } from './presets.js';
 export { disabled, placeholder, inputTitle, autoFocus, variant, bordered, allowClear, sizeSmallMiddleLarge, sizeSmallDefaultLarge } from './inputProperties.js';

package/dist/schemas/presets.js

@@ -0,0 +1,111 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ const label = {
+    type: 'string',
+    description: 'Text shown for the shortcut - supports html.'
+};
+const disabledDatesNote = 'A preset is offered on the same terms as the calendar cells: a shortcut with nothing it may select is listed as disabled.';
+const presetsDescription = (selects)=>`Shortcuts listed next to the calendar to quickly select ${selects}. Presets are re-evaluated every time the block config is evaluated, so operator based values like "_date: now" stay current. ${disabledDatesNote}`;
+const rangePresetsDescription = (selects)=>`Shortcuts listed next to the calendar to quickly select ${selects}. Presets are re-evaluated every time the block config is evaluated, so operator based values like "_date: now" stay current. A preset is offered on the same terms as the calendar cells: a range that starts or ends on a date disabledDates disables is narrowed to the dates it may select, so a "Last 7 days" shortcut still selects the allowed part of the last 7 days. A shortcut with nothing it may select is listed as disabled.`;
+const utcDateDescription = ({ example, unit })=>`A date string, a timestamp, or a _date object. Dates are read as UTC, the same as the block value, so a fixed date like "2026-01-01" resolves to the same ${unit} in every timezone. A date relative to now is an instant, not a calendar date, so end a _dayjs chain with a format step to pin it to the local calendar: "${example}". Without the format step the chain resolves to an instant, which can select the ${unit} before or after the current one, depending on the browser timezone and the time of day.`;
+const utcDate = ({ example, unit })=>({
+        type: [
+            'string',
+            'number',
+            'object'
+        ],
+        description: utcDateDescription({
+            example,
+            unit
+        })
+    });
+export const datePresets = ({ example, selects, unit })=>({
+        type: 'array',
+        description: presetsDescription(selects),
+        docs: {
+            displayType: 'yaml'
+        },
+        items: {
+            type: 'object',
+            required: [
+                'label',
+                'value'
+            ],
+            properties: {
+                label,
+                value: utcDate({
+                    example,
+                    unit
+                })
+            }
+        }
+    });
+export const dateTimePresets = {
+    type: 'array',
+    description: presetsDescription('a date and time'),
+    docs: {
+        displayType: 'yaml'
+    },
+    items: {
+        type: 'object',
+        required: [
+            'label',
+            'value'
+        ],
+        properties: {
+            label,
+            value: {
+                type: [
+                    'string',
+                    'number',
+                    'object'
+                ],
+                description: 'A date string, a timestamp, or a _date object. The date is used as the instant it names, so "_date: now" and _dayjs chains need no special handling. With selectUTC the instant is shown on the UTC clock, so a chain that snaps to a calendar boundary needs a utc step to snap to the UTC day, eg. "_dayjs: [now, utc, {startOf: day}]". Without selectUTC the instant is shown on the local clock, so a chain resolves in local time, eg. "_dayjs: [now, {startOf: day}]".'
+            }
+        }
+    }
+};
+export const dateRangePresets = {
+    type: 'array',
+    description: rangePresetsDescription('a date range'),
+    docs: {
+        displayType: 'yaml'
+    },
+    items: {
+        type: 'object',
+        required: [
+            'label',
+            'value'
+        ],
+        properties: {
+            label,
+            value: {
+                // The docs table does not recurse into the items of a nested array, so the date description
+                // is repeated here to keep it on the DateRangeSelector page.
+                type: 'array',
+                description: `The start and end date of the range. ${utcDateDescription({
+                    example: '_dayjs: [now, {subtract: [7, days]}, {format: YYYY-MM-DD}]',
+                    unit: 'day'
+                })}`,
+                minItems: 2,
+                maxItems: 2,
+                items: utcDate({
+                    example: '_dayjs: [now, {subtract: [7, days]}, {format: YYYY-MM-DD}]',
+                    unit: 'day'
+                })
+            }
+        }
+    }
+};

package/dist/tagSelectorStyle.css

@@ -0,0 +1,68 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+/* Shared tag row for TagSelector (single) and TagMultipleSelector (multi).
+   Per-option colors are inline (computed in JS from the stable palette);
+   everything structural and theme-token-driven lives here. */
+@layer components {
+  .lf-tag-selector {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    width: 100%;
+  }
+
+  .lf-tag-selector-tag {
+    appearance: none;
+    font: inherit;
+    font-size: var(--ant-font-size-sm, 12px);
+    line-height: 1.4;
+    padding: 2px 12px;
+    border-radius: 999px;
+    border: 1px solid var(--ant-color-border);
+    background: transparent;
+    color: var(--ant-color-text-secondary);
+    cursor: pointer;
+    user-select: none;
+    transition:
+      color 0.15s ease,
+      border-color 0.15s ease,
+      background 0.15s ease;
+  }
+
+  .lf-tag-selector-tag:hover:not(:disabled) {
+    color: var(--ant-color-text);
+  }
+
+  .lf-tag-selector-tag:focus-visible {
+    outline: 2px solid var(--ant-color-primary);
+    outline-offset: 1px;
+  }
+
+  .lf-tag-selector-tag:disabled {
+    opacity: 0.45;
+    cursor: not-allowed;
+  }
+
+  /* Filled selected state. In colored mode the inline style (solid hue +
+     contrast text) overrides these; this is the colored:false primary look. */
+  .lf-tag-selector-tag-selected {
+    font-weight: 600;
+    background: var(--ant-color-primary);
+    border-color: var(--ant-color-primary);
+    color: var(--ant-color-text-light-solid, #fff);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-antd",
-  "version": "5.6.0",
+  "version": "6.1.0",
   "license": "Apache-2.0",
   "description": "Lowdefy Ant Design Blocks",
   "homepage": "https://lowdefy.com",
@@ -45,12 +45,12 @@
   ],
   "dependencies": {
     "@ant-design/icons": "6.1.0",
-    "@lowdefy/block-utils": "5.6.0",
-    "@lowdefy/helpers": "5.6.0",
-    "@lowdefy/nunjucks": "5.6.0",
+    "@lowdefy/block-utils": "6.1.0",
+    "@lowdefy/helpers": "6.1.0",
+    "@lowdefy/nunjucks": "6.1.0",
     "@rc-component/motion": "1.3.1",
-    "classnames": "2.3.2",
-    "dayjs": "1.11.19",
+    "classnames": "2.5.1",
+    "dayjs": "1.11.20",
     "minisearch": "7.2.0",
     "react-virtuoso": "4.18.7"
   },
@@ -60,12 +60,12 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@lowdefy/block-dev-e2e": "5.6.0",
-    "@lowdefy/e2e-utils": "5.6.0",
-    "@lowdefy/node-utils": "5.6.0",
-    "@playwright/test": "1.50.1",
-    "@swc/cli": "0.8.0",
-    "@swc/core": "1.15.18",
+    "@lowdefy/block-dev-e2e": "6.1.0",
+    "@lowdefy/e2e-utils": "6.1.0",
+    "@lowdefy/node-utils": "6.1.0",
+    "@playwright/test": "1.59.1",
+    "@swc/cli": "0.8.1",
+    "@swc/core": "1.15.32",
     "copyfiles": "2.4.1"
   },
   "publishConfig": {
@@ -74,7 +74,7 @@
   "scripts": {
     "build": "swc src --out-dir dist --config-file ../../../../.swcrc --cli-config-file ../../../../.swc-cli.json && pnpm copyfiles",
     "clean": "rm -rf dist",
-    "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.yaml\" -e \"./src/**/*.snap\"",
+    "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.snap\"",
     "e2e": "playwright test --config e2e/playwright.config.js",
     "e2e:ui": "playwright test --config e2e/playwright.config.js --ui"
   }