@acusti/dropdown 0.46.0 → 0.47.0

package/dist/helpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../src/helpers.ts"],"names":[],"mappings":"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"}

package/dist/styles.js

@@ -1,86 +0,0 @@
-import { SYSTEM_UI_FONT } from '@acusti/styling';
-export const ROOT_CLASS_NAME = 'uktdropdown';
-export const ROOT_SELECTOR = `.${ROOT_CLASS_NAME}`;
-export const BODY_CLASS_NAME = `${ROOT_CLASS_NAME}-body`;
-export const LABEL_CLASS_NAME = `${ROOT_CLASS_NAME}-label`;
-export const LABEL_TEXT_CLASS_NAME = `${ROOT_CLASS_NAME}-label-text`;
-export const TRIGGER_CLASS_NAME = `${ROOT_CLASS_NAME}-trigger`;
-export const BODY_SELECTOR = `.${BODY_CLASS_NAME}`;
-export const LABEL_SELECTOR = `.${LABEL_CLASS_NAME}`;
-export const LABEL_TEXT_SELECTOR = `.${LABEL_TEXT_CLASS_NAME}`;
-export const TRIGGER_SELECTOR = `.${TRIGGER_CLASS_NAME}`;
-export const BODY_MAX_HEIGHT_VAR = '--uktdd-body-max-height';
-export const BODY_MAX_WIDTH_VAR = '--uktdd-body-max-width';
-export const STYLES = `
-:root {
-  --uktdd-font-family: ${SYSTEM_UI_FONT};
-  --uktdd-body-bg-color: #fff;
-  --uktdd-body-bg-color-hover: rgb(105,162,249);
-  --uktdd-body-color-hover: #fff;
-  --uktdd-body-buffer: 10px;
-  ${BODY_MAX_HEIGHT_VAR}: calc(100vh - var(--uktdd-body-buffer));
-  ${BODY_MAX_WIDTH_VAR}: calc(100vw - var(--uktdd-body-buffer));
-  --uktdd-body-pad-bottom: 9px;
-  --uktdd-body-pad-left: 12px;
-  --uktdd-body-pad-right: 12px;
-  --uktdd-body-pad-top: 9px;
-  --uktdd-label-pad-right: 10px;
-}
-${ROOT_SELECTOR},
-${TRIGGER_SELECTOR} {
-  font-family: var(--uktdd-font-family);
-}
-${ROOT_SELECTOR} {
-  position: relative;
-  display: inline-block;
-}
-${ROOT_SELECTOR}.disabled {
-  pointer-events: none;
-}
-${ROOT_SELECTOR} > * {
-  cursor: default;
-}
-${LABEL_SELECTOR} {
-  display: flex;
-}
-${LABEL_TEXT_SELECTOR} {
-  padding-right: var(--uktdd-label-pad-right);
-}
-${BODY_SELECTOR} {
-  box-sizing: border-box;
-  position: absolute;
-  top: 100%;
-  max-height: var(${BODY_MAX_HEIGHT_VAR});
-  min-height: 50px;
-  max-width: var(${BODY_MAX_WIDTH_VAR});
-  min-width: 100%;
-  overflow: auto;
-  z-index: 2;
-  padding: var(--uktdd-body-pad-top) var(--uktdd-body-pad-right) var(--uktdd-body-pad-bottom) var(--uktdd-body-pad-left);
-  background-color: var(--uktdd-body-bg-color);
-  box-shadow: 0 8px 18px rgba(0,0,0,0.25);
-}
-${BODY_SELECTOR}.calculating-position {
-  visibility: hidden;
-}
-${BODY_SELECTOR}.out-of-bounds-bottom:not(.out-of-bounds-top) {
-  top: auto;
-  bottom: 100%;
-}
-${BODY_SELECTOR}.out-of-bounds-right:not(.out-of-bounds-left) {
-  left: auto;
-  right: 0px;
-}
-${LABEL_SELECTOR} + ${BODY_SELECTOR} {
-  left: auto;
-  right: 0;
-}
-${BODY_SELECTOR}.has-items {
-  user-select: none;
-}
-${BODY_SELECTOR} [data-ukt-active] {
-  background-color: var(--uktdd-body-bg-color-hover);
-  color: var(--uktdd-body-color-hover);
-}
-`;
-//# sourceMappingURL=styles.js.map

package/dist/styles.js.flow

@@ -1,20 +0,0 @@
-/**
- * Flowtype definitions for styles
- * Generated by Flowgen from a Typescript Definition
- * Flowgen v1.21.0
- * @flow
- */
-
-declare export var ROOT_CLASS_NAME: "uktdropdown";
-declare export var ROOT_SELECTOR: ".uktdropdown";
-declare export var BODY_CLASS_NAME: "uktdropdown-body";
-declare export var LABEL_CLASS_NAME: "uktdropdown-label";
-declare export var LABEL_TEXT_CLASS_NAME: "uktdropdown-label-text";
-declare export var TRIGGER_CLASS_NAME: "uktdropdown-trigger";
-declare export var BODY_SELECTOR: ".uktdropdown-body";
-declare export var LABEL_SELECTOR: ".uktdropdown-label";
-declare export var LABEL_TEXT_SELECTOR: ".uktdropdown-label-text";
-declare export var TRIGGER_SELECTOR: ".uktdropdown-trigger";
-declare export var BODY_MAX_HEIGHT_VAR: "--uktdd-body-max-height";
-declare export var BODY_MAX_WIDTH_VAR: "--uktdd-body-max-width";
-declare export var STYLES: '\n:root {\n  --uktdd-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;\n  --uktdd-body-bg-color: #fff;\n  --uktdd-body-bg-color-hover: rgb(105,162,249);\n  --uktdd-body-color-hover: #fff;\n  --uktdd-body-buffer: 10px;\n  --uktdd-body-max-height: calc(100vh - var(--uktdd-body-buffer));\n  --uktdd-body-max-width: calc(100vw - var(--uktdd-body-buffer));\n  --uktdd-body-pad-bottom: 9px;\n  --uktdd-body-pad-left: 12px;\n  --uktdd-body-pad-right: 12px;\n  --uktdd-body-pad-top: 9px;\n  --uktdd-label-pad-right: 10px;\n}\n.uktdropdown,\n.uktdropdown-trigger {\n  font-family: var(--uktdd-font-family);\n}\n.uktdropdown {\n  position: relative;\n  display: inline-block;\n}\n.uktdropdown.disabled {\n  pointer-events: none;\n}\n.uktdropdown > * {\n  cursor: default;\n}\n.uktdropdown-label {\n  display: flex;\n}\n.uktdropdown-label-text {\n  padding-right: var(--uktdd-label-pad-right);\n}\n.uktdropdown-body {\n  box-sizing: border-box;\n  position: absolute;\n  top: 100%;\n  max-height: var(--uktdd-body-max-height);\n  min-height: 50px;\n  max-width: var(--uktdd-body-max-width);\n  min-width: 100%;\n  overflow: auto;\n  z-index: 2;\n  padding: var(--uktdd-body-pad-top) var(--uktdd-body-pad-right) var(--uktdd-body-pad-bottom) var(--uktdd-body-pad-left);\n  background-color: var(--uktdd-body-bg-color);\n  box-shadow: 0 8px 18px rgba(0,0,0,0.25);\n}\n.uktdropdown-body.calculating-position {\n  visibility: hidden;\n}\n.uktdropdown-body.out-of-bounds-bottom:not(.out-of-bounds-top) {\n  top: auto;\n  bottom: 100%;\n}\n.uktdropdown-body.out-of-bounds-right:not(.out-of-bounds-left) {\n  left: auto;\n  right: 0px;\n}\n.uktdropdown-label + .uktdropdown-body {\n  left: auto;\n  right: 0;\n}\n.uktdropdown-body.has-items {\n  user-select: none;\n}\n.uktdropdown-body [data-ukt-active] {\n  background-color: var(--uktdd-body-bg-color-hover);\n  color: var(--uktdd-body-color-hover);\n}\n';

package/dist/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEjD,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAC;AAC7C,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,eAAe,EAAE,CAAC;AAEnD,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,eAAe,OAAO,CAAC;AACzD,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,eAAe,QAAQ,CAAC;AAC3D,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,eAAe,aAAa,CAAC;AACrE,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,eAAe,UAAU,CAAC;AAE/D,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,eAAe,EAAE,CAAC;AACnD,MAAM,CAAC,MAAM,cAAc,GAAG,IAAI,gBAAgB,EAAE,CAAC;AACrD,MAAM,CAAC,MAAM,mBAAmB,GAAG,IAAI,qBAAqB,EAAE,CAAC;AAC/D,MAAM,CAAC,MAAM,gBAAgB,GAAG,IAAI,kBAAkB,EAAE,CAAC;AAEzD,MAAM,CAAC,MAAM,mBAAmB,GAAG,yBAAyB,CAAC;AAC7D,MAAM,CAAC,MAAM,kBAAkB,GAAG,wBAAwB,CAAC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG;;yBAEG,cAAc;;;;;IAKnC,mBAAmB;IACnB,kBAAkB;;;;;;;EAOpB,aAAa;EACb,gBAAgB;;;EAGhB,aAAa;;;;EAIb,aAAa;;;EAGb,aAAa;;;EAGb,cAAc;;;EAGd,mBAAmB;;;EAGnB,aAAa;;;;oBAIK,mBAAmB;;mBAEpB,kBAAkB;;;;;;;;EAQnC,aAAa;;;EAGb,aAAa;;;;EAIb,aAAa;;;;EAIb,cAAc,MAAM,aAAa;;;;EAIjC,aAAa;;;EAGb,aAAa;;;;CAId,CAAC"}

package/src/Dropdown.test.tsx

@@ -1,128 +0,0 @@
-// @vitest-environment happy-dom
-import { cleanup, render, screen } from '@testing-library/react';
-import { userEvent } from '@testing-library/user-event';
-import React from 'react';
-import { afterEach, describe, expect, it } from 'vitest';
-
-import Dropdown from './Dropdown.js';
-
-afterEach(cleanup);
-
-describe('@acusti/dropdown', () => {
-    it('renders its contents as a dropdown menu with an empty button to trigger it when it’s rendered with a single child', async () => {
-        const user = userEvent.setup();
-        render(
-            <Dropdown>
-                <ul data-testid="dropdown-list">
-                    <li>0px</li>
-                    <li>4px</li>
-                    <li>9px</li>
-                    <li>18px</li>
-                    <li>36px</li>
-                    <li>54px</li>
-                    <li>72px</li>
-                    <li>144px</li>
-                    <li>167px</li>
-                    <li>198px</li>
-                </ul>
-            </Dropdown>,
-        );
-
-        const trigger = screen.getByRole('button');
-        expect(trigger.innerHTML).toBe('');
-        await user.click(trigger);
-        expect(screen.getByTestId('dropdown-list')).toBeTruthy();
-    });
-
-    it('renders the first child as a trigger and the second child as a dropdown when given two children', async () => {
-        const user = userEvent.setup();
-        render(
-            <Dropdown>
-                File
-                <ul data-testid="file-menu">
-                    <li>New Window</li>
-                    <li>New Private Window</li>
-                    <li>New Tab</li>
-                    <li>New Empty Tab Group</li>
-                    <li>Open File…</li>
-                    <li>Open Location…</li>
-                    <li className="separator" />
-                    <li>Close Window</li>
-                    <li>Close All Window</li>
-                    <li>Close Tab</li>
-                    <li>Save As…</li>
-                    <li className="separator" />
-                    <li>Print…</li>
-                </ul>
-            </Dropdown>,
-        );
-
-        const trigger = screen.getByRole('button');
-        expect(trigger.innerHTML).toBe('File');
-        await user.click(trigger);
-        expect(screen.getByTestId('file-menu')).toBeTruthy();
-    });
-
-    it('triggers props.onClose and props.onOpen at the appropriate times', async () => {
-        let closedCount = 0;
-        const handleClose = () => closedCount++;
-        let openedCount = 0;
-        const handleOpen = () => openedCount++;
-
-        const user = userEvent.setup();
-        render(
-            <Dropdown onClose={handleClose} onOpen={handleOpen}>
-                File
-                <ul data-testid="file-menu">
-                    <li>New Window</li>
-                    <li>New Private Window</li>
-                    <li>New Tab</li>
-                    <li>New Empty Tab Group</li>
-                    <li>Open File…</li>
-                    <li>Open Location…</li>
-                    <li className="separator" />
-                    <li>Close Window</li>
-                    <li>Close All Window</li>
-                    <li>Close Tab</li>
-                    <li>Save As…</li>
-                    <li className="separator" />
-                    <li>Print…</li>
-                </ul>
-            </Dropdown>,
-        );
-
-        const trigger = screen.getByRole('button');
-        expect(closedCount).toBe(0);
-        expect(openedCount).toBe(0);
-        await user.click(trigger);
-        expect(closedCount).toBe(0);
-        expect(openedCount).toBe(1);
-        expect(screen.getByTestId('file-menu')).toBeTruthy();
-        await user.type(trigger, '{Esc}');
-        expect(closedCount).toBe(1);
-        expect(openedCount).toBe(1);
-        expect(screen.queryByTestId('file-menu')).toBe(null);
-    });
-
-    it('triggers props.onOpen immediately if props.isOpenOnMount', async () => {
-        let closedCount = 0;
-        const handleClose = () => closedCount++;
-        let openedCount = 0;
-        const handleOpen = () => openedCount++;
-
-        const user = userEvent.setup();
-        render(
-            <Dropdown isOpenOnMount onClose={handleClose} onOpen={handleOpen}>
-                <p data-testid="dropdown-body">this is the dropdown contents</p>
-            </Dropdown>,
-        );
-
-        const trigger = screen.getByRole('button');
-        expect(screen.getByTestId('dropdown-body')).toBeTruthy();
-        expect(openedCount).toBe(1);
-        await user.click(trigger);
-        expect(closedCount).toBe(1);
-        expect(openedCount).toBe(1);
-        expect(screen.queryByTestId('dropdown-body')).toBe(null);
-    });
-});