@lowdefy/blocks-antd 5.6.0 → 6.0.0

package/dist/blocks/DateTimeSelector/meta.js

@@ -16,6 +16,7 @@
 import label from '../../schemas/label.js';
 import icon from '../../schemas/icon.js';
 import disabledDates from '../../schemas/disabledDates.js';
+import { dateTimePresets } from '../../schemas/presets.js';
 import { disabled, placeholder, inputTitle, autoFocus, allowClear, sizeSmallDefaultLarge } from '../../schemas/inputProperties.js';
 export default {
     category: 'input',
@@ -87,6 +88,7 @@ export default {
             placeholder: {
                 ...placeholder
             },
+            presets: dateTimePresets,
             secondStep: {
                 type: 'integer',
                 default: 5,

package/dist/blocks/DateTimeSelector/tests/DateTimeSelector.e2e.yaml

@@ -0,0 +1,163 @@
+# 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.
+
+id: datetimeselector
+type: Box
+
+events:
+  onInit:
+    - id: set_defaults
+      type: SetState
+      params:
+        dts_with_value:
+          _date: '2024-06-15T10:30:00'
+        dts_clearable:
+          _date: '2024-01-01T09:00:00'
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: dts_basic
+    type: DateTimeSelector
+    properties:
+      title: Basic DateTime
+
+  - id: dts_with_value
+    type: DateTimeSelector
+    properties:
+      title: With Value
+
+  # ============================================
+  # PROPERTY TESTS
+  # ============================================
+
+  - id: dts_disabled
+    type: DateTimeSelector
+    properties:
+      title: Disabled
+      disabled: true
+
+  - id: dts_small
+    type: DateTimeSelector
+    properties:
+      title: Small Size
+      size: small
+
+  - id: dts_large
+    type: DateTimeSelector
+    properties:
+      title: Large Size
+      size: large
+
+  - id: dts_placeholder
+    type: DateTimeSelector
+    properties:
+      title: Custom Placeholder
+      placeholder: Pick date and time...
+
+  - id: dts_borderless
+    type: DateTimeSelector
+    properties:
+      title: Borderless
+      bordered: false
+
+  - id: dts_no_allowclear
+    type: DateTimeSelector
+    properties:
+      title: No Allow Clear
+      allowClear: false
+
+  - id: dts_with_title
+    type: DateTimeSelector
+    properties:
+      title: DateTime with Title
+
+  - id: dts_with_label
+    type: DateTimeSelector
+    properties:
+      title: DateTime Label
+      label:
+        extra: Select date and time
+
+  # ============================================
+  # EVENT TESTS
+  # ============================================
+
+  - id: dts_onchange
+    type: DateTimeSelector
+    properties:
+      title: OnChange Test
+    events:
+      onChange:
+        - id: set_onchange
+          type: SetState
+          params:
+            dts_onchange_value:
+              _event: value
+
+  - id: dts_onchange_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: dts_onchange_value
+              - null
+          then: DateTime selected
+          else: ''
+
+  # ============================================
+  # INTERACTION TESTS
+  # ============================================
+
+  - id: dts_interaction
+    type: DateTimeSelector
+    properties:
+      title: Interaction Test
+
+  - id: dts_clearable
+    type: DateTimeSelector
+    properties:
+      title: Clearable
+      allowClear: true
+
+  # ============================================
+  # PRESETS
+  # ============================================
+
+  - id: dts_presets
+    type: DateTimeSelector
+    properties:
+      title: Presets
+      format: YYYY-MM-DD HH:mm
+      presets:
+        - label: Noon UTC
+          value:
+            _date: '2024-06-15T12:00:00.000Z'
+        - label: Local morning
+          value: '2024-06-15 09:30'
+
+  - id: dts_presets_utc
+    type: DateTimeSelector
+    properties:
+      title: Presets Select UTC
+      format: YYYY-MM-DD HH:mm
+      selectUTC: true
+      presets:
+        - label: Noon UTC
+          value:
+            _date: '2024-06-15T12:00:00.000Z'

package/dist/blocks/DateTimeSelector/tests.yaml

@@ -0,0 +1,140 @@
+# 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.
+
+- id: default
+  type: DateTimeSelector
+- id: properties.title
+  type: DateTimeSelector
+  properties:
+    title: DateTimeSelector title
+- id: 'properties.allowClear: false'
+  type: DateTimeSelector
+  properties:
+    allowClear: false
+- id: 'properties.autoFocus: true'
+  type: DateTimeSelector
+  properties:
+    autoFocus: true
+- id: 'properties.disabled: true'
+  type: DateTimeSelector
+  properties:
+    disabled: true
+- id: 'properties.bordered: false'
+  type: DateTimeSelector
+  properties:
+    bordered: false
+- id: 'properties.disabledDates.min'
+  type: DateSelector
+  properties:
+    disabledDates:
+      min: 2020-10-20
+- id: 'properties.disabledDates.max'
+  type: DateSelector
+  properties:
+    disabledDates:
+      max: 2020-10-15
+- id: 'properties.disabledDates.dates'
+  type: DateSelector
+  properties:
+    disabledDates:
+      dates:
+        - _date: 2020-10-26
+        - 2020-10-29
+        - 2020-11-02
+- id: 'properties.disabledDates.ranges'
+  type: DateSelector
+  properties:
+    disabledDates:
+      ranges:
+        - ['2020-10-26', '2020-10-29']
+        - - 2020-11-01
+          - 2020-11-02
+
+- id: 'properties.format: YYYY-MMM-DD HH:mm:ss (moment.js formats)'
+  type: DateTimeSelector
+  properties:
+    format: YYYY-MMM-DD HH:mm:ss
+- id: 'properties.timeFormat: HH:mm:ss'
+  type: DateTimeSelector
+  properties:
+    format: HH:mm:ss
+
+- id: 'properties.hourStep'
+  type: DateTimeSelector
+  properties:
+    hourStep: 2
+- id: 'properties.minuteStep'
+  type: DateTimeSelector
+  properties:
+    minuteStep: 15
+- id: 'properties.secondStep'
+  type: DateTimeSelector
+  properties:
+    secondStep: 30
+
+- id: 'properties.selectUTC: true'
+  type: DateTimeSelector
+  properties:
+    selectUTC: true
+- id: 'properties.placeholder: - Select this Date and Time'
+  type: DateTimeSelector
+  properties:
+    placeholder: Select this Date and Time
+- id: 'properties.showNow: false'
+  type: DateTimeSelector
+  properties:
+    showNow: false
+- id: 'properties.size: small'
+  type: DateTimeSelector
+  properties:
+    size: small
+- id: 'properties.suffixIcon: CalendarTwoTone'
+  type: DateTimeSelector
+  properties:
+    suffixIcon: CalendarTwoTone
+- id: 'properties.inputStyle: CSS style applied'
+  type: DateTimeSelector
+  properties:
+    inputStyle:
+      border: 1px solid red
+- id: 'properties.label span: 5'
+  type: DateTimeSelector
+  properties:
+    label:
+      span: 5
+- id: 'properties.label align: right'
+  type: DateTimeSelector
+  properties:
+    label:
+      align: right
+- id: 'properties.label inline: true'
+  type: DateTimeSelector
+  properties:
+    label:
+      inline: true
+- id: 'properties.label disabled: true'
+  type: DateTimeSelector
+  properties:
+    label:
+      disabled: true
+- id: 'properties.label colon: true'
+  type: DateTimeSelector
+  properties:
+    label:
+      colon: true
+- id: 'properties.label extra: extra text added'
+  type: DateTimeSelector
+  properties:
+    label:
+      extra: extra text added