@talixo-ds/options-input 0.0.23 → 0.0.30

package/dist/__snapshots__/options-input.spec.tsx.snap

@@ -1,251 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`OptionsInput snapshots should match snapshot 1`] = `
-<React.Fragment>
-  <ForwardRef(Box)
-    className="options-input__container test-class"
-    data-testid="options-input-container"
-    id="test-id"
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    sx={
-      [
-        {
-          "&:hover": {
-            "borderColor": "#d3d3d3",
-          },
-        },
-        false,
-      ]
-    }
-    tabIndex={0}
-  >
-    <ForwardRef(Box)
-      display="flex"
-      gap={1}
-    >
-      <OptionsInputContentItem
-        disabled={false}
-        displayMinMax={false}
-        item={
-          {
-            "details": "This is your luggage",
-            "icon": "luggage",
-            "id": "luggage",
-            "inputQuantity": 1,
-            "label": "luggage",
-            "max": 9,
-            "min": 0,
-            "quantity": 1,
-          }
-        }
-      />
-      <OptionsInputContentItem
-        disabled={false}
-        displayMinMax={false}
-        item={
-          {
-            "icon": "football",
-            "id": "sport-equipment",
-            "inputQuantity": 1,
-            "label": "sport equipment",
-            "max": 1,
-            "min": 0,
-            "quantity": 1,
-          }
-        }
-      />
-    </ForwardRef(Box)>
-    <Memo
-      sx={
-        {
-          "color": [Function],
-        }
-      }
-    />
-  </ForwardRef(Box)>
-  <ClickAwayListener
-    onClickAway={[Function]}
-  >
-    <ForwardRef(Popper)
-      open={false}
-      placement="bottom-start"
-      sx={[Function]}
-    >
-      <ForwardRef(List)
-        className="options-input__dropdown-items-list"
-        data-testid="options-dropdown-list"
-        disablePadding={true}
-        sx={
-          {
-            "bgcolor": "Background",
-            "border": [Function],
-          }
-        }
-      >
-        <OptionsInputDropdownItem
-          displayMinMax={false}
-          index={0}
-          item={
-            {
-              "details": "This is your luggage",
-              "icon": "luggage",
-              "id": "luggage",
-              "inputQuantity": 1,
-              "label": "luggage",
-              "max": 9,
-              "min": 0,
-              "quantity": 1,
-            }
-          }
-          onBlur={[Function]}
-          onChange={[Function]}
-        />
-        <OptionsInputDropdownItem
-          displayMinMax={false}
-          index={1}
-          item={
-            {
-              "icon": "football",
-              "id": "sport-equipment",
-              "inputQuantity": 1,
-              "label": "sport equipment",
-              "max": 1,
-              "min": 0,
-              "quantity": 1,
-            }
-          }
-          onBlur={[Function]}
-          onChange={[Function]}
-        />
-      </ForwardRef(List)>
-    </ForwardRef(Popper)>
-  </ClickAwayListener>
-</React.Fragment>
-`;
-
-exports[`OptionsInput snapshots should render disabled input properly 1`] = `
-<React.Fragment>
-  <ForwardRef(Box)
-    className="options-input__container options-input__container--disabled test-class"
-    data-testid="options-input-container"
-    id="test-id"
-    onBlur={[Function]}
-    onClick={[Function]}
-    onFocus={[Function]}
-    sx={
-      [
-        {
-          "&:hover": {
-            "borderColor": "#d3d3d3",
-          },
-        },
-        false,
-      ]
-    }
-    tabIndex={0}
-  >
-    <ForwardRef(Box)
-      display="flex"
-      gap={1}
-    >
-      <OptionsInputContentItem
-        disabled={true}
-        displayMinMax={false}
-        item={
-          {
-            "details": "This is your luggage",
-            "icon": "luggage",
-            "id": "luggage",
-            "inputQuantity": 1,
-            "label": "luggage",
-            "max": 9,
-            "min": 0,
-            "quantity": 1,
-          }
-        }
-      />
-      <OptionsInputContentItem
-        disabled={true}
-        displayMinMax={false}
-        item={
-          {
-            "icon": "football",
-            "id": "sport-equipment",
-            "inputQuantity": 1,
-            "label": "sport equipment",
-            "max": 1,
-            "min": 0,
-            "quantity": 1,
-          }
-        }
-      />
-    </ForwardRef(Box)>
-    <Memo
-      sx={
-        {
-          "color": [Function],
-        }
-      }
-    />
-  </ForwardRef(Box)>
-  <ClickAwayListener
-    onClickAway={[Function]}
-  >
-    <ForwardRef(Popper)
-      open={false}
-      placement="bottom-start"
-      sx={[Function]}
-    >
-      <ForwardRef(List)
-        className="options-input__dropdown-items-list"
-        data-testid="options-dropdown-list"
-        disablePadding={true}
-        sx={
-          {
-            "bgcolor": "Background",
-            "border": [Function],
-          }
-        }
-      >
-        <OptionsInputDropdownItem
-          displayMinMax={false}
-          index={0}
-          item={
-            {
-              "details": "This is your luggage",
-              "icon": "luggage",
-              "id": "luggage",
-              "inputQuantity": 1,
-              "label": "luggage",
-              "max": 9,
-              "min": 0,
-              "quantity": 1,
-            }
-          }
-          onBlur={[Function]}
-          onChange={[Function]}
-        />
-        <OptionsInputDropdownItem
-          displayMinMax={false}
-          index={1}
-          item={
-            {
-              "icon": "football",
-              "id": "sport-equipment",
-              "inputQuantity": 1,
-              "label": "sport equipment",
-              "max": 1,
-              "min": 0,
-              "quantity": 1,
-            }
-          }
-          onBlur={[Function]}
-          onChange={[Function]}
-        />
-      </ForwardRef(List)>
-    </ForwardRef(Popper)>
-  </ClickAwayListener>
-</React.Fragment>
-`;

package/dist/components/tests/__snapshots__/min-max-value-label.spec.tsx.snap

@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`MinMaxValueLabel should match snapshot 1`] = `
-<ForwardRef(Typography)
-  color="black"
-  sx={
-    {
-      "my": 0,
-    }
-  }
-  variant="caption"
->
-  min: 0
-  , 
-  max: 100
-</ForwardRef(Typography)>
-`;

package/dist/components/tests/__snapshots__/options-input-content-item.spec.tsx.snap

@@ -1,138 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`OptionsInputDropdownItem should match snapshot 1`] = `
-<ForwardRef(Box)
-  alignItems="center"
-  color="#a4a5b2"
-  data-testid="option-item"
-  display="flex"
-  gap={0.5}
->
-  <ForwardRef(Tooltip)
-    arrow={true}
-    placement="top"
-    title={
-      <ForwardRef(Box)
-        display="flex"
-        flexDirection="column"
-      >
-        <ForwardRef(Typography)
-          fontWeight={600}
-          sx={
-            {
-              "my": 0,
-            }
-          }
-          variant="caption"
-        >
-          luggage
-        </ForwardRef(Typography)>
-        <ForwardRef(Typography)
-          sx={
-            {
-              "my": 0,
-            }
-          }
-          variant="caption"
-        >
-          This is your luggage
-        </ForwardRef(Typography)>
-        <MinMaxValueLabel
-          max={10}
-          min={-10}
-        />
-      </ForwardRef(Box)>
-    }
-  >
-    <span>
-      <div
-        color="#a4a5b2"
-        fontSize="medium"
-      />
-    </span>
-  </ForwardRef(Tooltip)>
-  <ForwardRef(Typography)
-    color="#a4a5b2"
-    variant="h6"
-  >
-    0
-  </ForwardRef(Typography)>
-</ForwardRef(Box)>
-`;
-
-exports[`OptionsInputDropdownItem should not render tooltip when there is no label 1`] = `
-<ForwardRef(Box)
-  alignItems="center"
-  color="#a4a5b2"
-  data-testid="option-item"
-  display="flex"
-  gap={0.5}
->
-  <div
-    color="#a4a5b2"
-    fontSize="medium"
-  />
-  <ForwardRef(Typography)
-    color="#a4a5b2"
-    variant="h6"
-  >
-    0
-  </ForwardRef(Typography)>
-</ForwardRef(Box)>
-`;
-
-exports[`OptionsInputDropdownItem should render proper alternative styling 1`] = `
-<ForwardRef(Box)
-  alignItems="center"
-  color="#000000"
-  data-testid="option-item"
-  display="flex"
-  gap={0.5}
->
-  <ForwardRef(Tooltip)
-    arrow={true}
-    placement="top"
-    title={
-      <ForwardRef(Box)
-        display="flex"
-        flexDirection="column"
-      >
-        <ForwardRef(Typography)
-          fontWeight={600}
-          sx={
-            {
-              "my": 0,
-            }
-          }
-          variant="caption"
-        >
-          luggage
-        </ForwardRef(Typography)>
-        <ForwardRef(Typography)
-          sx={
-            {
-              "my": 0,
-            }
-          }
-          variant="caption"
-        >
-          This is your luggage
-        </ForwardRef(Typography)>
-      </ForwardRef(Box)>
-    }
-  >
-    <span>
-      <div
-        color="#000000"
-        fontSize="medium"
-      />
-    </span>
-  </ForwardRef(Tooltip)>
-  <ForwardRef(Typography)
-    color="#000000"
-    variant="h6"
-  >
-    1
-  </ForwardRef(Typography)>
-</ForwardRef(Box)>
-`;

package/dist/components/tests/__snapshots__/options-input-dropdown-item.spec.tsx.snap

@@ -1,134 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`OptionsInputDropdownItem should match snapshot 1`] = `
-<React.Fragment>
-  <ForwardRef(Divider)
-    sx={
-      {
-        "color": [Function],
-      }
-    }
-  />
-  <ForwardRef(ListItem)
-    className="options-input__dropdown-item options-input__dropdown-item--empty"
-    sx={
-      {
-        "display": "flex",
-        "justifyContent": "space-between",
-      }
-    }
-  >
-    <ForwardRef(Box)
-      alignItems="center"
-      display="flex"
-    >
-      <div
-        color="black"
-        fontSize="small"
-      />
-      <ForwardRef(TextField)
-        InputProps={
-          {
-            "disableUnderline": true,
-          }
-        }
-        className="options-input__dropdown-item-input"
-        inputProps={
-          {
-            "data-testid": "dropdown-item-input",
-            "inputMode": "numeric",
-            "pattern": "-?[0-9]*",
-            "style": {
-              "textAlign": "center",
-            },
-          }
-        }
-        onBlur={[MockFunction]}
-        onChange={[Function]}
-        value={0}
-        variant="standard"
-      />
-      <ForwardRef(Box)
-        display="flex"
-        flexDirection="column"
-        justifyContent="center"
-        minWidth="5rem"
-        paddingLeft={1}
-        paddingRight={2}
-      >
-        <ForwardRef(Typography)
-          color="black"
-          fontSize={13}
-          fontWeight={600}
-          sx={
-            {
-              "my": 0,
-            }
-          }
-          variant="caption"
-        >
-          luggage-id
-        </ForwardRef(Typography)>
-        <ForwardRef(Box)
-          data-testid="option-details-container"
-          height="1rem"
-          onMouseEnter={[Function]}
-          onMouseLeave={[Function]}
-          position="relative"
-        >
-          <ForwardRef(Typography)
-            color="gray"
-            data-testid="option-details"
-            sx={
-              {
-                "my": 0,
-                "position": "fixed",
-                "zIndex": 10000,
-              }
-            }
-            variant="caption"
-          >
-            This is your lu...
-          </ForwardRef(Typography)>
-        </ForwardRef(Box)>
-      </ForwardRef(Box)>
-    </ForwardRef(Box)>
-    <ForwardRef(ButtonGroup)
-      className="options-input__dropdown-item-buttons"
-      size="small"
-      variant="outlined"
-    >
-      <ForwardRef(Button)
-        className="options-input__dropdown-item-button"
-        color="primary"
-        disabled={false}
-        onClick={[Function]}
-        role="button"
-      >
-        <Memo
-          sx={
-            {
-              "color": "primary",
-            }
-          }
-        />
-      </ForwardRef(Button)>
-      <ForwardRef(Button)
-        className="options-input__dropdown-item-button"
-        color="primary"
-        disabled={false}
-        onClick={[Function]}
-        role="button"
-      >
-        <Memo
-          sx={
-            {
-              "color": "primary",
-            }
-          }
-        />
-      </ForwardRef(Button)>
-    </ForwardRef(ButtonGroup)>
-  </ForwardRef(ListItem)>
-</React.Fragment>
-`;

package/dist/options-input.composition.d.ts

@@ -1,4 +0,0 @@
-export declare const BasicOptionsInput: () => import("react/jsx-runtime").JSX.Element;
-export declare const OptionsInputWithDefaultValues: () => import("react/jsx-runtime").JSX.Element;
-export declare const OptionsInputWithPersistentOptions: () => import("react/jsx-runtime").JSX.Element;
-export declare const OptionsInputDisabled: () => import("react/jsx-runtime").JSX.Element;

package/dist/options-input.composition.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { ThemeProvider } from '@mui/material/styles';
-import { NextBookingTheme } from "@talixo-ds/component.next-booking-theme";
-import { NextDashboardTheme } from "@talixo-ds/component.next-dashboard-theme";
-import { OptionsInput } from './options-input';
-const options = [
-    {
-        id: 'abc',
-        icon: 'Abc',
-        label: 'ABC',
-        details: 'This label is longer so it should be hidden.',
-        min: 3,
-        max: 100
-    },
-    {
-        id: 'add',
-        icon: 'This icon does not exist',
-        label: 'Add',
-        details: 'Add new products',
-        max: 10
-    },
-    {
-        id: 'golf',
-        icon: 'GolfSticks',
-        label: 'Golf'
-    },
-    {
-        id: 'pets',
-        icon: 'Pets',
-        details: 'Long pet details to display.'
-    }
-];
-const defaultValue = {
-    abc: 2,
-    adb: 1
-};
-const persistentOptions = ['add'];
-export const BasicOptionsInput = () => _jsx(OptionsInput, { options: options });
-export const OptionsInputWithDefaultValues = () => (_jsx(ThemeProvider, { theme: NextDashboardTheme, children: _jsx(OptionsInput, { options: options, defaultValue: defaultValue }) }));
-export const OptionsInputWithPersistentOptions = () => (_jsx(ThemeProvider, { theme: NextBookingTheme, children: _jsx(OptionsInput, { options: options, persistentOptions: persistentOptions, itemsGap: 5 }) }));
-export const OptionsInputDisabled = () => (_jsx(ThemeProvider, { theme: NextBookingTheme, children: _jsx(OptionsInput, { options: options, defaultValue: defaultValue, disabled: true }) }));
-//# sourceMappingURL=options-input.composition.js.map

package/dist/options-input.composition.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"options-input.composition.js","sourceRoot":"","sources":["../options-input.composition.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,OAAO,GAAG;IACZ;QACE,EAAE,EAAE,KAAK;QACT,IAAI,EAAE,KAAK;QACX,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,8CAA8C;QACvD,GAAG,EAAE,CAAC;QACN,GAAG,EAAE,GAAG;KACT;IACH;QACE,EAAE,EAAE,KAAK;QACT,IAAI,EAAE,0BAA0B;QAChC,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,kBAAkB;QAC3B,GAAG,EAAE,EAAE;KACR;IACD;QACE,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,YAAY;QAClB,KAAK,EAAE,MAAM;KACd;IACD;QACE,EAAE,EAAE,MAAM;QACV,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,8BAA8B;KACxC;CACF,CAAC;AAEF,MAAM,YAAY,GAAG;IACnB,GAAG,EAAE,CAAC;IACN,GAAG,EAAE,CAAC;CACP,CAAA;AAED,MAAM,iBAAiB,GAAG,CAAC,KAAK,CAAC,CAAA;AAEjC,MAAM,CAAC,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,CAAC;AAE1E,MAAM,CAAC,MAAM,6BAA6B,GAAG,GAAG,EAAE,CAAC,CAC/C,KAAC,aAAa,IAAC,KAAK,EAAE,kBAAkB,YAC1C,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,GAAI,GAC5C,CACnB,CAAA;AAED,MAAM,CAAC,MAAM,iCAAiC,GAAG,GAAG,EAAE,CAAC,CACrD,KAAC,aAAa,IAAC,KAAK,EAAE,gBAAgB,YACpC,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,QAAQ,EAAE,CAAC,GAAI,GACvE,CACjB,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,CACtC,KAAC,aAAa,IAAC,KAAK,EAAE,gBAAgB,YACpC,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,SAAG,GACzD,CACnB,CAAA"}