@uxf/ui 1.0.0-beta.11 → 1.0.0-beta.16

package/stories/input.stories.tsx

@@ -1,101 +0,0 @@
-import React, { useState } from "react";
-import Input from "@uxf/ui/input/input";
-import InputLeftAddon from "@uxf/ui/input/input-left-addon";
-import InputRightAddon from "@uxf/ui/input/input-right-addon";
-import InputGroup from "@uxf/ui/input/input-group";
-import ComponentStructureAnalyzer from "@uxf/ui/utils/component-structure-analyzer";
-import InputLeftElement from "@uxf/ui/input/input-left-element";
-import InputRightElement from "@uxf/ui/input/input-right-element";
-import { action } from "@uxf/ui/storybook/action";
-
-export default {
-  title: "UI/Input",
-  component: InputGroup,
-};
-
-export function ComponentStructure() {
-  const [value, onChange] = useState("");
-  return (
-    <>
-      <h2>Full example</h2>
-      <ComponentStructureAnalyzer>
-        <InputGroup>
-          <InputLeftAddon>Left addon</InputLeftAddon>
-          <InputLeftElement>Left element</InputLeftElement>
-          <Input value={value} onChange={onChange} />
-          <InputRightElement>Right element</InputRightElement>
-          <InputRightAddon>Right addon</InputRightAddon>
-        </InputGroup>
-      </ComponentStructureAnalyzer>
-      <h2>Only input elements</h2>
-      <ComponentStructureAnalyzer>
-        <InputGroup>
-          <InputLeftElement>Left element</InputLeftElement>
-          <Input value={value} onChange={onChange} />
-          <InputRightElement>Right element</InputRightElement>
-        </InputGroup>
-      </ComponentStructureAnalyzer>
-      <h2>Only addons</h2>
-      <ComponentStructureAnalyzer>
-        <InputGroup>
-          <Input value={value} onChange={onChange} />
-        </InputGroup>
-      </ComponentStructureAnalyzer>
-    </>
-  );
-}
-
-export function Default() {
-  const [value, onChange] = useState("");
-  const [isInvalid, setInvalid] = useState(false);
-
-  return (
-    <div className="space-y-2">
-      <input
-        type="checkbox"
-        checked={isInvalid}
-        onChange={(e) => setInvalid(e.target.checked)}
-      />
-      <InputGroup>
-        <InputLeftAddon>InputLeftAddon</InputLeftAddon>
-        <InputLeftElement>InputLeftElement</InputLeftElement>
-        <Input
-          value={value}
-          onChange={action("onChange", onChange)}
-          placeholder="Placeholder"
-          isInvalid={isInvalid}
-        />
-        <InputRightElement>InputRightElement</InputRightElement>
-        <InputRightAddon>InputRightAddon</InputRightAddon>
-      </InputGroup>
-      <InputGroup>
-        <InputLeftAddon>https://</InputLeftAddon>
-        <Input
-          value={value}
-          onChange={action("onChange", onChange)}
-          placeholder="Placeholder"
-          isInvalid={isInvalid}
-        />
-        <InputRightAddon>.uxf.cz</InputRightAddon>
-      </InputGroup>
-      <InputGroup>
-        <InputLeftElement>🌷</InputLeftElement>
-        <Input
-          value={value}
-          onChange={action("onChange", onChange)}
-          placeholder="Placeholder"
-          isInvalid={isInvalid}
-        />
-        <InputRightElement>🔔</InputRightElement>
-      </InputGroup>
-      <InputGroup>
-        <Input
-          value={value}
-          onChange={action("onChange", onChange)}
-          placeholder="Placeholder"
-          isInvalid={isInvalid}
-        />
-      </InputGroup>
-    </div>
-  );
-}

package/storybook/action.js

@@ -1,41 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.action = void 0;
-var addon_actions_1 = require("@storybook/addon-actions");
-function action(name, handler) {
-    return function () {
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        (0, addon_actions_1.action)(name).apply(void 0, __spreadArray([], __read(args), false));
-        handler.apply(void 0, __spreadArray([], __read(args), false));
-    };
-}
-exports.action = action;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3N0b3J5Ym9vay9hY3Rpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLDBEQUdrQztBQUVsQyxTQUFnQixNQUFNLENBQ3BCLElBQVksRUFDWixPQUF3QjtJQUV4QixPQUFPO1FBQVUsY0FBTzthQUFQLFVBQU8sRUFBUCxxQkFBTyxFQUFQLElBQU87WUFBUCx5QkFBTzs7UUFDdEIsSUFBQSxzQkFBZSxFQUFDLElBQUksQ0FBQyx3Q0FBSSxJQUFJLFdBQUU7UUFDL0IsT0FBTyx3Q0FBSSxJQUFJLFdBQUU7SUFDbkIsQ0FBQyxDQUFDO0FBQ0osQ0FBQztBQVJELHdCQVFDIn0=

package/storybook/index.d.ts

@@ -1 +0,0 @@
-export * from "./storybook-config";

package/styles/input-basic.css

@@ -1,18 +0,0 @@
-.uxf-input-group {
-  @apply flex flex-row;
-
-  .uxf-input-wrapper {
-    @apply flex w-full flex-row;
-  }
-
-  .uxf-input {
-    @apply w-full px-2;
-  }
-
-  .uxf-input-left-element,
-  .uxf-input-right-element,
-  .uxf-input-left-addon,
-  .uxf-input-right-addon {
-    @apply flex flex-row items-center whitespace-nowrap;
-  }
-}

package/types.d.ts

@@ -1,3 +0,0 @@
-export declare type Classes<T extends string> = {
-    [key in T]: string;
-};

package/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/utils/component-structure-analyzer.js

@@ -1,11 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-function ComponentStructureAnalyzer(props) {
-    return (react_1.default.createElement("div", { className: "uxf-component-structure-analyzer" }, props.children));
-}
-exports.default = ComponentStructureAnalyzer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50LXN0cnVjdHVyZS1hbmFseXplci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy91dGlscy9jb21wb25lbnQtc3RydWN0dXJlLWFuYWx5emVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OztBQUFBLGdEQUF5QztBQUt6QyxTQUFTLDBCQUEwQixDQUFDLEtBQXNDO0lBQ3hFLE9BQU8sQ0FDTCx1Q0FBSyxTQUFTLEVBQUMsa0NBQWtDLElBQUUsS0FBSyxDQUFDLFFBQVEsQ0FBTyxDQUN6RSxDQUFDO0FBQ0osQ0FBQztBQUVELGtCQUFlLDBCQUEwQixDQUFDIn0=