@multiplatform.one/components 5.0.27 → 6.0.1

package/src/forms/Progress/index.ts

@@ -1,23 +0,0 @@
-/*
- * File: /src/forms/Progress/index.ts
- * Project: @multiplatform.one/components
- * File Created: 20-06-2024 11:38:42
- * Author: Clay Risser
- * -----
- * BitSpur (c) Copyright 2021 - 2024
- *
- * 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.
- */
-
-export * from "./FieldProgress";
-export * from "./Progress";

package/src/forms/RadioGroup/FieldRadioGroup.stories.tsx

@@ -1,83 +0,0 @@
-/**
- * File: /src/forms/RadioGroup/FieldRadioGroup.stories.tsx
- * Project: @multiplatform.one/components
- * File Created: 04-04-2024 15:50:39
- * Author: Clay Risser
- * -----
- * BitSpur (c) Copyright 2021 - 2024
- *
- * 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.
- */
-
-import { action } from "@storybook/addon-actions";
-import { useForm } from "@tanstack/react-form";
-import { Text, YStack } from "tamagui";
-import { SubmitButton } from "../Button";
-import type { FieldRadioGroupProps } from "./FieldRadioGroup";
-import { FieldRadioGroup } from "./FieldRadioGroup";
-
-export default {
-  title: "forms/FieldRadioGroup",
-  component: FieldRadioGroup,
-  parameters: { status: { type: "beta" } },
-};
-
-export const main = (args) => <FieldRadioGroup {...args} />;
-const mainArgs: FieldRadioGroupProps = {
-  label: "radio group",
-  error: undefined,
-  helperText: "Select an option",
-  mode: undefined,
-  size: "SizeToken",
-  value: "option1",
-};
-main.args = mainArgs;
-
-export const form = () => {
-  const form = useForm({
-    defaultValues: {
-      option: "option1",
-    },
-    onSubmit: async ({ value }) => {
-      action("onSubmit")(value);
-    },
-  });
-  return (
-    <YStack>
-      <FieldRadioGroup
-        form={form}
-        gap="$4"
-        helperText="select an option"
-        label="radio group"
-        size="SizeToken"
-        name="option"
-        onValueChange={action("onValueChange")}
-        required
-      >
-        <FieldRadioGroup.Item size="SizeToken" value="option1">
-          <Text htmlFor="option1">option 1</Text>
-        </FieldRadioGroup.Item>
-        <FieldRadioGroup.Item size="$4" value="option2">
-          <Text htmlFor="option2">option 2</Text>
-        </FieldRadioGroup.Item>
-        <FieldRadioGroup.Item size="$4" value="option3">
-          <Text htmlFor="option3">option 3</Text>
-        </FieldRadioGroup.Item>
-        <FieldRadioGroup.Item size="$4" value="option4">
-          <Text htmlFor="option4">option 4</Text>
-        </FieldRadioGroup.Item>
-      </FieldRadioGroup>
-      <SubmitButton form={form}>Submit</SubmitButton>
-    </YStack>
-  );
-};

package/src/forms/RadioGroup/FieldRadioGroup.tsx

@@ -1,190 +0,0 @@
-/**
- * File: /src/forms/RadioGroup/FieldRadioGroup.tsx
- * Project: @multiplatform.one/components
- * File Created: 19-06-2024 09:37:30
- * Author: Clay Risser
- * -----
- * BitSpur (c) Copyright 2021 - 2024
- *
- * 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.
- */
-
-import type { DeepKeys, DeepValue, Validator } from "@tanstack/form-core";
-import { Field, useForm } from "@tanstack/react-form";
-import { useId } from "react";
-import type { RadioGroupItemProps, XStackProps } from "tamagui";
-import { XStack, useProps } from "tamagui";
-import type { FormFieldProps } from "../FormField";
-import { FormField } from "../FormField";
-import type { FieldComponentProps } from "../types";
-import type { RadioGroupProps } from "./RadioGroup";
-import { RadioGroup } from "./RadioGroup";
-
-export type FieldRadioGroupProps<
-  TParentData = any,
-  TName extends DeepKeys<TParentData> = any,
-  TFieldValidator extends
-    | Validator<DeepValue<TParentData, TName>, unknown>
-    | undefined = undefined,
-  TFormValidator extends
-    | Validator<TParentData, unknown>
-    | undefined = undefined,
-  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
-> = Omit<
-  FormFieldProps<TParentData, TName, TFieldValidator, TFormValidator, TData>,
-  "children" | "field"
-> &
-  Pick<RadioGroupProps, "children" | "value" | "onValueChange"> &
-  Partial<
-    Omit<
-      FieldComponentProps<
-        TParentData,
-        TName,
-        TFieldValidator,
-        TFormValidator,
-        TData
-      >,
-      "children"
-    >
-  > & {
-    radioGroupProps?: Omit<
-      RadioGroupProps,
-      "value" | "id" | "onValueChange" | "children"
-    >;
-    horizontal?: boolean;
-  };
-
-export function FieldRadioGroup<
-  TParentData,
-  TName extends DeepKeys<TParentData>,
-  TFieldValidator extends
-    | Validator<DeepValue<TParentData, TName>, unknown>
-    | undefined = undefined,
-  TFormValidator extends
-    | Validator<TParentData, unknown>
-    | undefined = undefined,
-  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
->(
-  props: FieldRadioGroupProps<
-    TParentData,
-    TName,
-    TFieldValidator,
-    TFormValidator,
-    TData
-  >,
-) {
-  let {
-    asyncAlways,
-    asyncDebounceMs,
-    children,
-    defaultMeta,
-    defaultValue,
-    form,
-    mode,
-    name,
-    onBlur,
-    onValueChange,
-    preserveValue,
-    radioGroupProps,
-    validatorAdapter,
-    validators,
-    value,
-    ...fieldProps
-  } = useProps(props);
-  form = form || useForm();
-  const id = fieldProps.id || useId();
-  if (!form || !name) {
-    return (
-      <FormField {...fieldProps} id={id} onBlur={onBlur}>
-        <RadioGroup
-          {...radioGroupProps}
-          id={id}
-          value={value ?? (defaultValue as string)}
-          onValueChange={onValueChange}
-        >
-          {children}
-        </RadioGroup>
-      </FormField>
-    );
-  }
-  return (
-    <Field
-      asyncAlways={asyncAlways}
-      asyncDebounceMs={asyncDebounceMs}
-      defaultMeta={defaultMeta}
-      defaultValue={defaultValue}
-      form={form}
-      mode={mode}
-      name={name}
-      preserveValue={preserveValue}
-      validatorAdapter={validatorAdapter}
-      validators={validators}
-    >
-      {(field) => {
-        const error = field.state.meta.errors.length
-          ? field.state.meta.errors.join(", ")
-          : fieldProps.error;
-        return (
-          <FormField
-            error={error}
-            {...fieldProps}
-            onBlur={(e) => {
-              field.handleBlur();
-              return onBlur?.(e);
-            }}
-            id={id}
-          >
-            <RadioGroup
-              {...radioGroupProps}
-              onValueChange={(value) => {
-                field.handleChange(value as TData);
-                return onValueChange?.(value);
-              }}
-              id={id}
-              value={value ?? (defaultValue as string)}
-            >
-              {children}
-            </RadioGroup>
-          </FormField>
-        );
-      }}
-    </Field>
-  );
-}
-
-export interface FormRadioGroupItemProps
-  extends XStackProps,
-    Pick<RadioGroupItemProps, "children" | "value" | "size"> {
-  disabled?: boolean;
-  itemProps?: Omit<RadioGroupItemProps, "children" | "value" | "size">;
-}
-
-export function FieldRadioGroupItem({
-  children,
-  disabled,
-  itemProps,
-  size,
-  value,
-  ...stackProps
-}: FormRadioGroupItemProps) {
-  return (
-    <XStack alignItems="center" gap="$2" {...stackProps}>
-      <RadioGroup.Item {...itemProps} value={value} size={size}>
-        <RadioGroup.Indicator disabled={disabled} />
-      </RadioGroup.Item>
-      {children}
-    </XStack>
-  );
-}
-
-FieldRadioGroup.Item = FieldRadioGroupItem;

package/src/forms/RadioGroup/RadioGroup.ts

@@ -1,23 +0,0 @@
-/*
- * File: /src/forms/RadioGroup/RadioGroup.ts
- * Project: @multiplatform.one/components
- * File Created: 20-06-2024 11:34:22
- * Author: Clay Risser
- * -----
- * BitSpur (c) Copyright 2021 - 2024
- *
- * 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.
- */
-
-export type { RadioGroupProps } from "tamagui";
-export { RadioGroup } from "tamagui";

package/src/forms/RadioGroup/index.ts

@@ -1,23 +0,0 @@
-/*
- * File: /src/forms/RadioGroup/index.ts
- * Project: @multiplatform.one/components
- * File Created: 20-06-2024 11:35:35
- * Author: Clay Risser
- * -----
- * BitSpur (c) Copyright 2021 - 2024
- *
- * 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.
- */
-
-export * from "./FieldRadioGroup";
-export * from "./RadioGroup";

package/src/forms/Select/FieldSelectSimple.stories.tsx

@@ -1,72 +0,0 @@
-/**
- * File: /src/forms/Select/FieldSelectSimple.stories.tsx
- * Project: @multiplatform.one/components
- * File Created: 20-06-2024 10:33:38
- * Author: Clay Risser
- * -----
- * BitSpur (c) Copyright 2021 - 2024
- *
- * 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.
- */
-
-import { action } from "@storybook/addon-actions";
-import { useForm } from "@tanstack/react-form";
-import { Select, YStack } from "tamagui";
-import { SubmitButton } from "../Button";
-import { FieldSelectSimple } from "./index";
-
-export default {
-  title: "forms/FieldSelectSimple",
-  component: FieldSelectSimple,
-  parameters: {
-    status: { type: "beta" },
-  },
-};
-
-export const main = (args) => {
-  const form = useForm({
-    defaultValues: {
-      car: "ford",
-    },
-    onSubmit: async ({ value }) => {
-      action("onSubmit")(value);
-    },
-  });
-  return (
-    <YStack>
-      <FieldSelectSimple
-        label="SELECT VEHICLE"
-        name="car"
-        form={form}
-        {...args}
-      >
-        <Select.Item key="bmw" index={0} value="bmw">
-          <Select.ItemText>BMW</Select.ItemText>
-        </Select.Item>
-        <Select.Item key="audi" index={1} value="audi">
-          <Select.ItemText>AUDI</Select.ItemText>
-        </Select.Item>
-        <Select.Item key="ford" index={2} value="ford">
-          <Select.ItemText>FORD</Select.ItemText>
-        </Select.Item>
-        <Select.Item key="suzuki" index={3} value="suzuki">
-          <Select.ItemText>SUZUKI</Select.ItemText>
-        </Select.Item>
-      </FieldSelectSimple>
-      <SubmitButton form={form}> Submit</SubmitButton>
-    </YStack>
-  );
-};
-
-const mainArgs = {};
-main.args = mainArgs;

package/src/forms/Select/FieldSelectSimple.tsx

@@ -1,167 +0,0 @@
-/**
- * File: /src/forms/Select/FieldSelectSimple.tsx
- * Project: @multiplatform.one/components
- * File Created: 20-06-2024 06:03:52
- * Author: Clay Risser
- * -----
- * BitSpur (c) Copyright 2021 - 2024
- *
- * 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.
- */
-
-import type { DeepKeys, DeepValue, Validator } from "@tanstack/form-core";
-import { Field, useForm } from "@tanstack/react-form";
-import { useId } from "react";
-import { useProps } from "tamagui";
-import type { FormFieldProps } from "../FormField";
-import { FormField } from "../FormField";
-import type { FieldComponentProps } from "../types";
-import { SelectSimple } from "./SelectSimple";
-import type { SelectSimpleProps } from "./SelectSimple";
-
-export type FieldSelectSimpleProps<
-  TParentData = any,
-  TName extends DeepKeys<TParentData> = any,
-  TFieldValidator extends
-    | Validator<DeepValue<TParentData, TName>, unknown>
-    | undefined = undefined,
-  TFormValidator extends
-    | Validator<TParentData, unknown>
-    | undefined = undefined,
-  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
-> = Omit<
-  FormFieldProps<TParentData, TName, TFieldValidator, TFormValidator, TData>,
-  "field"
-> &
-  Pick<
-    SelectSimpleProps,
-    "placeholder" | "value" | "onOpenChange" | "onValueChange"
-  > &
-  Partial<
-    Omit<
-      FieldComponentProps<
-        TParentData,
-        TName,
-        TFieldValidator,
-        TFormValidator,
-        TData
-      >,
-      "children"
-    >
-  > & {
-    selectProps?: Omit<
-      SelectSimpleProps,
-      "placeholder" | "value" | "id" | "onOpenChange" | "onValueChange"
-    >;
-  };
-
-export function FieldSelectSimple<
-  TParentData = any,
-  TName extends DeepKeys<TParentData> = any,
-  TFieldValidator extends
-    | Validator<DeepValue<TParentData, TName>, unknown>
-    | undefined = undefined,
-  TFormValidator extends
-    | Validator<TParentData, unknown>
-    | undefined = undefined,
-  TData extends DeepValue<TParentData, TName> = DeepValue<TParentData, TName>,
->(
-  props: FieldSelectSimpleProps<
-    TParentData,
-    TName,
-    TFieldValidator,
-    TFormValidator,
-    TData
-  >,
-) {
-  let {
-    asyncAlways,
-    asyncDebounceMs,
-    children,
-    defaultMeta,
-    defaultValue,
-    form,
-    mode,
-    name,
-    onBlur,
-    onOpenChange,
-    onValueChange,
-    preserveValue,
-    selectProps,
-    validatorAdapter,
-    validators,
-    value,
-    ...fieldProps
-  } = useProps(props);
-  form = form || useForm();
-  const id = fieldProps.id || useId();
-  if (!form || !name) {
-    return (
-      <FormField {...fieldProps} id={id} onBlur={onBlur}>
-        <SelectSimple
-          {...selectProps}
-          id={id}
-          onOpenChange={onOpenChange}
-          onValueChange={onValueChange}
-          value={value ?? (defaultValue as string)}
-        >
-          {children}
-        </SelectSimple>
-      </FormField>
-    );
-  }
-  return (
-    <Field
-      asyncAlways={asyncAlways}
-      asyncDebounceMs={asyncDebounceMs}
-      defaultMeta={defaultMeta}
-      defaultValue={defaultValue}
-      form={form}
-      mode={mode}
-      name={name}
-      preserveValue={preserveValue}
-      validatorAdapter={validatorAdapter}
-      validators={validators}
-    >
-      {(field) => {
-        const error = field.state.meta.errors.length
-          ? field.state.meta.errors.join(", ")
-          : fieldProps.error;
-        return (
-          <FormField
-            error={error}
-            {...fieldProps}
-            id={id}
-            onBlur={(e) => {
-              field.handleBlur();
-              return onBlur?.(e);
-            }}
-          >
-            <SelectSimple
-              {...selectProps}
-              id={id}
-              onOpenChange={onOpenChange}
-              value={value ?? (field.state.value as string)}
-              onValueChange={(value) => {
-                field.handleChange(value as TData);
-                return onValueChange?.(value);
-              }}
-            >
-              {children}
-            </SelectSimple>
-          </FormField>
-        );
-      }}
-    </Field>
-  );
-}

package/src/forms/Select/Select.ts

@@ -1,33 +0,0 @@
-/*
- * File: /src/forms/Select/Select.ts
- * Project: @multiplatform.one/components
- * File Created: 20-06-2024 11:43:00
- * Author: Clay Risser
- * -----
- * BitSpur (c) Copyright 2021 - 2024
- *
- * 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.
- */
-
-export type {
-  SelectContentProps,
-  SelectItemExtraProps,
-  SelectItemProps,
-  SelectLabelProps,
-  SelectProps,
-  SelectScrollButtonProps,
-  SelectTriggerProps,
-  SelectValueExtraProps,
-  SelectViewportProps,
-} from "tamagui";
-export { Select } from "tamagui";

package/src/forms/Select/SelectSimple.stories.tsx

@@ -1,38 +0,0 @@
-import { action } from "@storybook/addon-actions";
-import { Select } from "tamagui";
-import { SelectSimple } from "./SelectSimple";
-
-export default {
-  title: "forms/SelectSimple",
-  component: SelectSimple,
-  parameters: {
-    status: { type: "beta" },
-  },
-};
-
-export const main = (args) => {
-  return (
-    <SelectSimple onValueChange={action("onValueChange")} {...args}>
-      <Select.Item key="bmw" index={0} value="bmw">
-        <Select.ItemText>BMW</Select.ItemText>
-      </Select.Item>
-      <Select.Item key="audi" index={1} value="audi">
-        <Select.ItemText>AUDI</Select.ItemText>
-      </Select.Item>
-      <Select.Item key="ford" index={2} value="ford">
-        <Select.ItemText>FORD</Select.ItemText>
-      </Select.Item>
-      <Select.Item key="suzuki" index={3} value="suzuki">
-        <Select.ItemText>SUZUKI</Select.ItemText>
-      </Select.Item>
-    </SelectSimple>
-  );
-};
-const mainArgs = {
-  name: "FormSelectSimple",
-  placeholder: "select one of these",
-  defaultValue: "bmw",
-  value: "bmw",
-  onValueChange: "string",
-};
-main.args = mainArgs;