@lowdefy/blocks-antd 5.6.0 → 6.0.0

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

@@ -0,0 +1,167 @@
+# 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: monthselector
+type: Box
+
+events:
+  onInit:
+    - id: set_defaults
+      type: SetState
+      params:
+        ms_with_value:
+          _date: '2024-06-01'
+        ms_clearable:
+          _date: '2024-01-01'
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: ms_basic
+    type: MonthSelector
+    properties:
+      title: Basic Month
+
+  - id: ms_with_value
+    type: MonthSelector
+    properties:
+      title: With Value
+
+  # ============================================
+  # PROPERTY TESTS
+  # ============================================
+
+  - id: ms_disabled
+    type: MonthSelector
+    properties:
+      title: Disabled
+      disabled: true
+
+  - id: ms_small
+    type: MonthSelector
+    properties:
+      title: Small Size
+      size: small
+
+  - id: ms_large
+    type: MonthSelector
+    properties:
+      title: Large Size
+      size: large
+
+  - id: ms_placeholder
+    type: MonthSelector
+    properties:
+      title: Custom Placeholder
+      placeholder: Pick a month...
+
+  - id: ms_borderless
+    type: MonthSelector
+    properties:
+      title: Borderless
+      bordered: false
+
+  - id: ms_no_allowclear
+    type: MonthSelector
+    properties:
+      title: No Allow Clear
+      allowClear: false
+
+  - id: ms_with_title
+    type: MonthSelector
+    properties:
+      title: Month with Title
+
+  - id: ms_with_label
+    type: MonthSelector
+    properties:
+      title: Month Label
+      label:
+        extra: Select a month from the calendar
+
+  # ============================================
+  # EVENT TESTS
+  # ============================================
+
+  - id: ms_onchange
+    type: MonthSelector
+    properties:
+      title: OnChange Test
+    events:
+      onChange:
+        - id: set_onchange
+          type: SetState
+          params:
+            ms_onchange_value:
+              _event: value
+
+  - id: ms_onchange_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: ms_onchange_value
+              - null
+          then: Month selected
+          else: ''
+
+  # ============================================
+  # INTERACTION TESTS
+  # ============================================
+
+  - id: ms_interaction
+    type: MonthSelector
+    properties:
+      title: Interaction Test
+
+  - id: ms_clearable
+    type: MonthSelector
+    properties:
+      title: Clearable
+      allowClear: true
+
+  # ============================================
+  # PRESETS
+  # ============================================
+
+  - id: ms_presets
+    type: MonthSelector
+    properties:
+      title: Presets
+      format: YYYY-MM
+      presets:
+        - label: March 2024
+          value: '2024-03-01'
+        - label: Month of mid 2024
+          value:
+            _date: '2024-06-15'
+
+  # The recommended idiom for a relative shortcut: a local time chain ending in a format step, so
+  # the preset selects the month the browser is in rather than the UTC month.
+  - id: ms_presets_this_month
+    type: MonthSelector
+    properties:
+      title: Presets This Month
+      format: YYYY-MM
+      presets:
+        - label: This month
+          value:
+            _dayjs:
+              - now
+              - startOf: month
+              - format: YYYY-MM-DD

package/dist/blocks/MonthSelector/tests.yaml

@@ -0,0 +1,124 @@
+# 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: MonthSelector
+- id: properties.title
+  type: MonthSelector
+  properties:
+    title: Month selector
+- id: 'property.allowClear: false'
+  type: MonthSelector
+  properties:
+    allowClear: false
+- id: 'property.autoFocus: true'
+  type: MonthSelector
+  properties:
+    autoFocus: true
+- id: 'properties.bordered: false'
+  type: MonthSelector
+  properties:
+    bordered: false
+- id: 'properties.disabledDates.min'
+  type: MonthSelector
+  properties:
+    disabledDates:
+      min: 2020-10-20
+- id: 'properties.disabledDates.max'
+  type: MonthSelector
+  properties:
+    disabledDates:
+      max: 2020-08-15
+- id: 'properties.disabledDates.dates'
+  type: MonthSelector
+  properties:
+    disabledDates:
+      dates:
+        - _date: 2020-10-26
+        - 2020-10-01
+        - 2020-11-01
+- id: 'properties.disabledDates.ranges'
+  type: MonthSelector
+  properties:
+    disabledDates:
+      ranges:
+        - ['2020-07-01', '2020-08-01']
+        - - 2020-10-01
+          - 2020-11-02
+
+- id: 'property.disabled: true'
+  type: MonthSelector
+  properties:
+    disabled: true
+- id: 'property.format: YYYY-MMMM'
+  type: MonthSelector
+  properties:
+    format: YYYY-MMMM
+- id: 'property.placeholder: - Select this Month'
+  type: MonthSelector
+  properties:
+    placeholder: Select this Month
+- id: 'property.size: small'
+  type: MonthSelector
+  properties:
+    size: small
+- id: 'property.size: large'
+  type: MonthSelector
+  properties:
+    size: large
+- id: 'property.suffixIcon: CalendarFilled'
+  type: MonthSelector
+  properties:
+    suffixIcon: CalendarFilled
+- id: 'property.suffixIcon: CalendarFilled.blue'
+  type: MonthSelector
+  properties:
+    suffixIcon:
+      name: CalendarFilled
+      color: blue
+- id: 'properties.inputStyle: CSS style applied'
+  type: MonthSelector
+  properties:
+    inputStyle:
+      border: 1px solid red
+- id: 'property.label span: 5'
+  type: MonthSelector
+  properties:
+    label:
+      span: 5
+- id: 'property.label align: right'
+  type: MonthSelector
+  properties:
+    label:
+      align: right
+- id: 'property.label inline: true'
+  type: MonthSelector
+  properties:
+    label:
+      inline: true
+- id: 'property.label disabled: true'
+  type: MonthSelector
+  properties:
+    label:
+      disabled: true
+- id: 'property.label colon: true'
+  type: MonthSelector
+  properties:
+    label:
+      colon: true
+- id: 'property.label extra: extra text added'
+  type: MonthSelector
+  properties:
+    label:
+      extra: extra text added