q2-tecton-elements 1.23.0-alpha.0 → 1.24.0

package/dist/cjs/action-sheet-4b366e9a.js

@@ -0,0 +1,84 @@
+'use strict';
+
+const shouldShowActionSheet = (component, event) => {
+  var _a;
+  const isDialogSupported = 'open' in document.createElement('dialog');
+  if (!isDialogSupported)
+    return false;
+  const canShowActionSheet = !!((_a = window.TectonElements) === null || _a === void 0 ? void 0 : _a.showActionSheet);
+  if (!canShowActionSheet)
+    return false;
+  const keysThatTriggerOpen = ['ArrowDown', 'ArrowUp', 'PageDown', 'PageUp', 'Home', 'End'];
+  if (event) {
+    const eventIsKeyboardEvent = event instanceof KeyboardEvent;
+    const eventIsMouseEvent = event instanceof MouseEvent;
+    const keyboardEventShouldTriggerOpen = eventIsKeyboardEvent && keysThatTriggerOpen.includes(event.key);
+    const mouseEventShouldTriggerOpen = eventIsMouseEvent && event.type === 'click';
+    const eventShouldTriggerOpen = mouseEventShouldTriggerOpen || keyboardEventShouldTriggerOpen;
+    if (!eventShouldTriggerOpen)
+      return false;
+  }
+  if (component.hoist)
+    return true;
+  return false;
+};
+const parseOptions = (options) => {
+  const defaultOption = {
+    disabled: false,
+    display: '',
+    hidden: false,
+    multiline: false,
+    value: '',
+    innerHTML: '',
+  };
+  const optionPropsToGet = Object.keys(defaultOption);
+  const defaultOptgroup = {
+    disabled: false,
+    label: '',
+    options: [],
+  };
+  const optgroupPropsToGet = Object.keys(defaultOptgroup);
+  return options.map(option => {
+    if (option.tagName === 'Q2-OPTGROUP') {
+      const optgroup = option;
+      return optgroupPropsToGet.reduce((acc, prop) => {
+        if (prop === 'options') {
+          const options = Array.from(option.children).filter(child => child.tagName === 'Q2-OPTION' || child.tagName === 'Q2-OPTGROUP');
+          acc[prop] = parseOptions(options);
+        }
+        else {
+          acc[prop] = optgroup[prop];
+        }
+        return acc;
+      }, Object.assign({}, defaultOptgroup));
+    }
+    else if (option.tagName === 'Q2-OPTION') {
+      return optionPropsToGet.reduce((acc, prop) => {
+        acc[prop] = option[prop];
+        return acc;
+      }, Object.assign({}, defaultOption));
+    }
+  });
+};
+const buildListData = async (component, event) => {
+  return {
+    appearance: 'list',
+    title: component.label || '',
+    description: '',
+    event,
+    listProps: {
+      multiple: !!component.optionList.multiple,
+      selectedOptions: component.optionList.selectedOptions || [],
+      noSelect: !!component.optionList.noSelect,
+    },
+    options: parseOptions(await component.optionList.getContents()),
+  };
+};
+const showActionSheetList = async (component, event) => {
+  var _a;
+  const listData = await buildListData(component, event);
+  return (_a = window.TectonElements) === null || _a === void 0 ? void 0 : _a.showActionSheet(listData);
+};
+
+exports.shouldShowActionSheet = shouldShowActionSheet;
+exports.showActionSheetList = showActionSheetList;